@onewelcome/react-lib-components 1.9.2 → 2.0.0-alpha.1

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

@@ -0,0 +1,29 @@
+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;
+    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/components/Notifications/Snackbar/SnackbarProvider/SnackbarProvider.test.d.ts

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

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

@@ -0,0 +1,17 @@
+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;
+    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/components/Notifications/Snackbar/interfaces.d.ts

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

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

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

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

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

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

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

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

@@ -0,0 +1,6 @@
+import React, { ComponentPropsWithRef } from "react";
+export interface Props extends Omit<ComponentPropsWithRef<"span">, "children"> {
+    placeholderText: string;
+    completed?: number;
+}
+export declare const ProgressBar: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLSpanElement>>;

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,6 @@
+import React, { ComponentPropsWithRef } from "react";
+export interface Props extends ComponentPropsWithRef<"button"> {
+    tabActive?: boolean;
+    focused?: boolean;
+}
+export declare const TabButton: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLButtonElement>>;

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

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

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

@@ -0,0 +1,8 @@
+import React, { ComponentPropsWithRef } from "react";
+import { Props as TabProps } from "./Tab";
+export interface Props extends ComponentPropsWithRef<"div"> {
+    children: React.ReactElement<TabProps> | React.ReactElement<TabProps>[];
+    selected?: number;
+    onTabChange?: (index: number) => void;
+}
+export declare const Tabs: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

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

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

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

package/dist/cjs/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/components/Tiles/Tile.test.d.ts

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

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

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

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

@@ -0,0 +1,11 @@
+import React, { ComponentPropsWithRef, ReactNode } from "react";
+import { Offset, Placement } from "../../hooks/usePosition";
+export interface Props extends ComponentPropsWithRef<"div"> {
+    label: string | ReactNode;
+    children: string;
+    placement?: Placement;
+    offset?: Offset;
+    transformOrigin?: Placement;
+    domRoot?: HTMLElement;
+}
+export declare const Tooltip: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

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

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

@@ -0,0 +1,13 @@
+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;
+}
+export declare const Typography: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<any>>;
+export {};

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

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

package/dist/cjs/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/components/Wizard/BaseWizardSteps/BaseWizardSteps.test.d.ts

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

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

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

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

@@ -0,0 +1,12 @@
+import React from "react";
+export interface Props extends React.HTMLProps<HTMLDivElement> {
+    cancelButtonLabel: string;
+    previousButtonLabel: string;
+    nextButtonLabel: string;
+    saveAndCloseButtonLabel: string;
+    onCancel: () => void;
+    onNext: (currentStepNo: number) => boolean;
+    onPrevious?: () => void;
+    onSaveAndClose: (currentStepNo: number) => void;
+}
+export declare const WizardActions: ({ onCancel, onNext, onPrevious, onSaveAndClose, cancelButtonLabel, previousButtonLabel, nextButtonLabel, saveAndCloseButtonLabel }: Props) => React.JSX.Element;

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

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

package/dist/cjs/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/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/components/Wizard/WizardSteps/WizardSteps.test.d.ts

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

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

package/dist/cjs/components/_BaseStyling_/BaseStyling.d.ts

@@ -0,0 +1,124 @@
+/**
+ * If you add more CSS variables, and they are a color, make sure to go into /.storybook/addon/src/components/PanelContent.tsx
+ * and make sure to add it to the shouldBeColorPicker array!
+ */
+import React, { HTMLAttributes, ReactElement } from "react";
+interface CSSProperties {
+    colorFocus?: string;
+    colorPrimary?: string;
+    colorSecondary?: string;
+    colorTertiary?: string;
+    colorPrimary300?: string;
+    colorPrimary500?: string;
+    colorPrimary600?: string;
+    colorPrimary700?: string;
+    colorPrimary900?: string;
+    colorBlueGrey100?: string;
+    colorBlueGrey200?: string;
+    colorBlueGrey400?: string;
+    colorBlueGrey25?: string;
+    colorBlueGrey25Transparent?: string;
+    colorBlueGrey50?: string;
+    colorBlueGrey500?: string;
+    colorBlueGrey700?: string;
+    colorBlueGrey800?: string;
+    colorBlueGrey900?: string;
+    colorGreen500?: string;
+    colorGreen600?: string;
+    colorGreen700?: string;
+    colorLightBlue500?: string;
+    colorLightBlue600?: string;
+    colorShadowBlue?: string;
+    colorOrange500?: string;
+    colorOrange600?: string;
+    colorOrange700?: string;
+    colorRed500?: string;
+    colorWhite?: string;
+    colorRed600?: string;
+    colorRed700?: string;
+    colorBlack100?: string;
+    colorBlack10?: string;
+    colorBlack20?: string;
+    defaultLineHeight?: string;
+    buttonBorderRadius?: string;
+    buttonBorderWidth?: string;
+    buttonFontSize?: string;
+    buttonBorderStyle?: string;
+    buttonPrimaryDefaultColor?: string;
+    buttonPrimaryPressedColor?: string;
+    buttonFillTextColor?: string;
+    buttonPrimaryHoverColor?: string;
+    buttonPrimaryFocusedColor?: string;
+    buttonOutlineHoverTextColor?: string;
+    buttonSecondaryDefaultColor?: string;
+    buttonSecondaryHoverColor?: string;
+    buttonSecondaryFocusedColor?: string;
+    buttonSecondaryPressedColor?: string;
+    buttonWarningDefaultColor?: string;
+    buttonWarningHoverColor?: string;
+    buttonWarningFocusedColor?: string;
+    buttonWarningPressedColor?: string;
+    buttonDangerDefaultColor?: string;
+    buttonDangerHoverColor?: string;
+    buttonDangerFocusedColor?: string;
+    buttonDangerPressedColor?: string;
+    buttonDefaultColor?: string;
+    buttonDefaultHoverColor?: string;
+    buttonDefaultFocusedColor?: string;
+    buttonDefaultPressedColor?: string;
+    buttonOutlineActiveTextColor?: string;
+    inputBorderRadius?: string;
+    inputBorderWidth?: string;
+    inputBorderWidthFocus?: string;
+    inputBorderStyle?: string;
+    inputBackgroundColor?: string;
+    dragBackgroundColor?: string;
+    dragBorderStyle?: string;
+    modalShadowColor?: string;
+    modalBackgroundColor?: string;
+    modalHeaderBackgroundColor?: string;
+    skeletonBackgroundColor?: string;
+    skeletonAnimationColorRgb?: string;
+    snackbarTextColor?: string;
+    snackbarInfoBackgroundColor?: string;
+    snackbarSuccessBackgroundColor?: string;
+    snackbarErrorBackgroundColor?: string;
+    snackbarBorderRadius?: string;
+    bannerBorderRadius?: string;
+    bannerBorderWidth?: string;
+    dataGridRowBackgroundColor?: string;
+    dataGridRowHoverBackgroundColor?: string;
+    tabsBackgroundColor?: string;
+    tabActiveBorderHeight?: string;
+    tabActiveBorderColor?: string;
+    tablistBorderWidth?: string;
+    tablistBorderStyle?: string;
+    tablistBorderColor?: string;
+    tabTextColor?: string;
+    wizardStepIndicatorFutureColor?: string;
+    default?: string;
+    success?: string;
+    error?: string;
+    info?: string;
+    disabled?: string;
+    greyedOut?: string;
+    lightGreyBorder?: string;
+    warning?: string;
+    light?: string;
+    fontFamily?: string;
+    fontFamilyCode?: string;
+    fontSize?: string;
+    fontSizeH1?: string;
+    fontSizeH2?: string;
+    fontSizeH3?: string;
+    fontSizeH4?: string;
+    fontSizeSub?: string;
+    fontSizeCode?: string;
+    formControlFontSize?: string;
+}
+export interface Props extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactElement[] | ReactElement | string[] | string | number[] | number;
+    properties?: CSSProperties;
+}
+export declare const BaseStyling: ({ children, properties }: Props) => React.JSX.Element;
+export {};

package/dist/cjs/components/_BaseStyling_/BaseStyling.test.d.ts

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

package/dist/cjs/hooks/useAnimation.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const useAnimation: <RefElement extends HTMLElement>(callback: () => void) => {
+    ref: import("react").RefObject<RefElement>;
+    animationStarted: boolean;
+    startAnimation: () => void;
+};

package/dist/cjs/hooks/useAnimation.test.d.ts

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

package/dist/cjs/hooks/useBodyClick.d.ts

@@ -0,0 +1 @@
+export declare const useBodyClick: (checkFunction: (event: MouseEvent) => boolean, callbackFunction: (...args: unknown[]) => unknown, dependingStateVariable: React.ComponentState | React.ComponentState[]) => void;

package/dist/cjs/hooks/useBodyClick.test.d.ts

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

package/dist/cjs/hooks/useDebouncedCallback.d.ts

@@ -0,0 +1 @@
+export declare const useDebouncedCallback: (callback: Function, delay: number, dependencies?: any[]) => (...args: any[]) => void;

package/dist/cjs/hooks/useDebouncedCallback.test.d.ts

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

package/dist/cjs/hooks/useDetermineStatusIcon.d.ts

@@ -0,0 +1,3 @@
+import { FormElement } from "../components/Form/form.interfaces";
+import { ReactElement } from "react";
+export declare const useDetermineStatusIcon: (params: Partial<FormElement>) => ReactElement | null;

package/dist/cjs/hooks/useDetermineStatusIcon.test.d.ts

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

package/dist/cjs/hooks/useFormSelector.d.ts

@@ -0,0 +1,13 @@
+export interface ConfigObject {
+    name: string | undefined;
+    errorMessage?: string;
+    error?: boolean;
+    parentErrorId?: string;
+    helperText?: string;
+    parentHelperId?: string;
+}
+export declare const useFormSelector: (configObject: ConfigObject) => {
+    describedBy: string;
+    errorId: string;
+    identifier: string;
+};

package/dist/cjs/hooks/useFormSelector.test.d.ts

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

package/dist/cjs/hooks/useGetDomRoot.d.ts

@@ -0,0 +1,3 @@
+export declare const useGetDomRoot: (passedDomRoot: HTMLElement | undefined, relativeElement: React.RefObject<HTMLDivElement> | null) => {
+    root: HTMLElement;
+};

package/dist/cjs/hooks/usePosition.d.ts

@@ -0,0 +1,37 @@
+import React from "react";
+export interface ConfigObject {
+    relativeElement: RefElement;
+    elementToBePositioned: RefElement;
+    transformOrigin?: Placement;
+    placement?: Placement;
+    offset?: Offset;
+    debounceAmount?: number;
+}
+export type HorizontalPlacement = "left" | "center" | "centerh" | "right";
+export type VerticalPlacement = "top" | "center" | "centerv" | "bottom";
+type RefElement = React.RefObject<HTMLOrSVGElement> | undefined;
+export interface Placement {
+    horizontal: HorizontalPlacement;
+    vertical: VerticalPlacement;
+}
+export interface Offset {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+}
+export interface Position {
+    top: PositionType;
+    right: PositionType;
+    bottom: PositionType;
+    left: PositionType;
+}
+type PositionType = number | "initial";
+export declare const usePosition: (providedConfigObject?: ConfigObject) => {
+    top: PositionType;
+    bottom: PositionType;
+    left: PositionType;
+    right: PositionType;
+    calculatePosition: (...args: any[]) => void;
+};
+export {};

package/dist/cjs/hooks/usePosition.test.d.ts

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

package/dist/cjs/hooks/useRepeater.d.ts

@@ -0,0 +1,10 @@
+import React, { JSX } from "react";
+interface Arguments {
+    componentToRepeat: React.ReactElement;
+}
+export declare const useRepeater: <T>({ componentToRepeat }: Arguments) => {
+    repeatedComponents: JSX.Element[];
+    repeat: () => void;
+    remove: (componentToRemove: React.ReactElement<T, string | React.JSXElementConstructor<any>>) => void;
+};
+export {};

package/dist/cjs/hooks/useRepeater.test.d.ts

@@ -0,0 +1,6 @@
+export interface RepeatedComponentProps {
+    onChange?: (state: {
+        [key: string]: unknown;
+    }) => void;
+    identifier?: string;
+}

package/dist/cjs/hooks/useScroll.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const useScroll: (callbackFunction: (event: Event) => unknown, dependingStateVariable?: React.ComponentState[]) => void;

package/dist/cjs/hooks/useScroll.test.d.ts

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

package/dist/cjs/hooks/useSpacing.d.ts

@@ -0,0 +1,18 @@
+import { CSSProperties } from "react";
+export type SpacingMultiplier = 0 | 0.5 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
+type SpacingMultiplierStringOrNumber = `${SpacingMultiplier}` | SpacingMultiplier;
+type MultiValueSpacingMultiplier = `${SpacingMultiplier} ${SpacingMultiplier} ${SpacingMultiplier} ${SpacingMultiplier}` | `${SpacingMultiplier} ${SpacingMultiplier} ${SpacingMultiplier}` | `${SpacingMultiplier} ${SpacingMultiplier}` | SpacingMultiplierStringOrNumber;
+export interface Spacing {
+    padding?: MultiValueSpacingMultiplier;
+    paddingTop?: SpacingMultiplierStringOrNumber;
+    paddingBottom?: SpacingMultiplierStringOrNumber;
+    paddingLeft?: SpacingMultiplierStringOrNumber;
+    paddingRight?: SpacingMultiplierStringOrNumber;
+    margin?: MultiValueSpacingMultiplier;
+    marginTop?: SpacingMultiplierStringOrNumber;
+    marginBottom?: SpacingMultiplierStringOrNumber;
+    marginLeft?: SpacingMultiplierStringOrNumber;
+    marginRight?: SpacingMultiplierStringOrNumber;
+}
+export declare const useSpacing: (spacingProps?: Spacing, style?: CSSProperties) => CSSProperties | undefined;
+export {};