@onewelcome/react-lib-components 0.1.0-alpha

package/dist/Icon/Icon.d.ts

@@ -0,0 +1,75 @@
+import React from 'react';
+import { HTMLAttributes } from '../interfaces';
+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",
+    Eye = "eye",
+    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",
+    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",
+    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"
+}
+declare type Tag = 'span' | 'div' | 'i';
+export interface Props extends Omit<HTMLAttributes<HTMLOrSVGElement>, 'size'> {
+    icon: Icons;
+    color?: string;
+    size?: string;
+    tag?: Tag;
+}
+export declare const Icon: React.ForwardRefExoticComponent<Props & React.RefAttributes<unknown>>;
+export {};

package/dist/Link/Link.d.ts

@@ -0,0 +1,15 @@
+import React, { ForwardRefExoticComponent, Ref, RefAttributes } from 'react';
+import { HTMLProps } from '../interfaces';
+import { LinkProps } from './types';
+declare type AnchorType = 'external' | 'internal' | 'download';
+export interface Props extends HTMLProps<HTMLAnchorElement> {
+    children?: string;
+    color?: 'primary' | 'secondary' | 'tertiary';
+    type?: AnchorType;
+    to: string;
+    disabled?: boolean;
+    component?: ForwardRefExoticComponent<LinkProps & RefAttributes<HTMLAnchorElement>>;
+    ref?: Ref<HTMLAnchorElement>;
+}
+export declare const Link: React.ForwardRefExoticComponent<Pick<Props, "download" | `data-${string}` | "children" | "color" | "type" | "to" | "disabled" | "component" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "encType" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key"> & React.RefAttributes<HTMLAnchorElement>>;
+export {};

package/dist/Modal/Modal.d.ts

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

package/dist/Modal/ModalActions/ModalActions.d.ts

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

package/dist/Modal/ModalContent/ModalContent.d.ts

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

package/dist/Modal/ModalHeader/ModalHeader.d.ts

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

package/dist/Popover/Popover.d.ts

@@ -0,0 +1,11 @@
+import React, { HTMLProps, ReactNode, RefObject } from 'react';
+import { Offset, Placement } from '../hooks/usePosition';
+export interface Props extends HTMLProps<HTMLDivElement> {
+    children?: ReactNode;
+    show?: boolean;
+    anchorEl?: RefObject<HTMLOrSVGElement>;
+    placement?: Placement;
+    offset?: Offset;
+    transformOrigin?: Placement;
+}
+export declare const Popover: React.ForwardRefExoticComponent<Pick<Props, "children" | "className" | "show" | "placement" | "offset" | "transformOrigin" | "anchorEl" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key"> & React.RefAttributes<HTMLDivElement>>;

package/dist/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) => JSX.Element;

package/dist/Snackbar/SnackbarItem/SnackbarItem.d.ts

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

package/dist/Snackbar/SnackbarProvider/SnackbarProvider.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+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 | ReactNode[];
+    placement?: Placement;
+    stackSize?: number;
+    domRoot?: HTMLElement;
+    autoHideDuration?: Duration;
+    className?: string;
+}
+export declare const SnackbarProvider: ({ closeButtonTitle, placement, autoHideDuration, stackSize, domRoot, children, className, }?: Props) => JSX.Element;
+export {};

package/dist/Snackbar/SnackbarProvider/SnackbarStateProvider.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { SnackbarOptionsProps } from '../interfaces';
+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;
+}
+declare const SnackbarContext: React.Context<SnackbarContextProps>;
+interface Props {
+    initialState: SnackbarContextProps;
+    children?: React.ReactNode;
+}
+declare const SnackbarContextProvider: ({ children, initialState }: Props) => JSX.Element;
+export { SnackbarContextProvider, SnackbarContext, SnackbarContextProps };

package/dist/Snackbar/interfaces.d.ts

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

package/dist/Snackbar/useSnackbar.d.ts

@@ -0,0 +1 @@
+export declare const useSnackbar: () => import("./SnackbarProvider/SnackbarStateProvider").SnackbarContextProps;

package/dist/Tiles/Tile.d.ts

@@ -0,0 +1,16 @@
+import { HTMLProps, ReactElement } from 'react';
+import { Props as IconProps } from '../Icon/Icon';
+import { Props as ContextMenuProps } from '../ContextMenu/ContextMenu';
+interface ImageProps {
+    src: string;
+    alt: string;
+}
+export interface Props extends Omit<HTMLProps<HTMLDivElement>, 'contextMenu'> {
+    title: string;
+    imageProps?: ImageProps;
+    iconProps?: IconProps;
+    loading?: boolean;
+    menu?: ReactElement<ContextMenuProps>;
+}
+export declare const Tile: ({ title, imageProps, iconProps, className, loading, menu, ...rest }: Props) => JSX.Element;
+export {};

package/dist/Tiles/Tiles.d.ts

@@ -0,0 +1,6 @@
+import { HTMLProps, ReactNode } from 'react';
+export interface Props extends HTMLProps<HTMLDivElement> {
+    children: ReactNode;
+    loading?: boolean;
+}
+export declare const Tiles: ({ children, className, loading, ...rest }: Props) => JSX.Element;

package/dist/Tooltip/Tooltip.d.ts

@@ -0,0 +1,11 @@
+import { HTMLProps, ReactNode } from 'react';
+import { Offset, Placement } from '../hooks/usePosition';
+export interface Props extends Omit<HTMLProps<HTMLDivElement>, 'label'> {
+    label: string | ReactNode;
+    children: string;
+    placement?: Placement;
+    offset?: Offset;
+    transformOrigin?: Placement;
+    domRoot?: HTMLElement;
+}
+export declare const Tooltip: ({ children, className, placement, offset, transformOrigin, domRoot, label, ...rest }: Props) => JSX.Element;

package/dist/Typography/Typography.d.ts

@@ -0,0 +1,12 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { Spacing } from '../hooks/useSpacing';
+declare const validVariants: readonly ["h1", "h2", "h3", "h4", "body", "body-bold", "sub-text", "code"];
+export declare type Variant = typeof validVariants[number];
+export interface Props extends HTMLAttributes<HTMLElement> {
+    children: ReactNode;
+    variant: Variant;
+    tag?: 'h1' | 'h2' | 'h3' | 'h4' | 'p' | 'div' | 'code' | 'span' | 'sup' | 'sub' | 'strong' | 'em' | 'small' | 'mark' | 'del' | 'ins' | 'blockquote';
+    spacing?: Spacing;
+}
+export declare const Typography: ({ children, variant, tag, style, spacing, className, ...rest }: Props) => JSX.Element;
+export {};

package/dist/Wizard/BaseWizardSteps/BaseWizardSteps.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface Step {
+    label: string;
+    disabled?: boolean;
+}
+export interface Props extends Omit<React.HTMLProps<HTMLDivElement>, 'onClick'> {
+    steps: Step[];
+    currentStepNo: number;
+    onClick?: (stepNo: number) => void;
+    futureStepsClickable?: boolean;
+    stepScreenReaderLabel: string;
+}
+export declare const BaseWizardSteps: ({ steps, currentStepNo, onClick, futureStepsClickable, stepScreenReaderLabel, ...restProps }: Props) => JSX.Element;

package/dist/Wizard/Wizard.d.ts

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

package/dist/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) => JSX.Element;

package/dist/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) => JSX.Element;
+export { WizardStateProvider, WizardStateContext };

package/dist/Wizard/WizardSteps/WizardSteps.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface Props extends Omit<React.HTMLProps<HTMLDivElement>, 'onClick'> {
+    onStepClick: (currentStepNo: number, selectedStepNo: number) => boolean;
+}
+export declare const WizardSteps: ({ onStepClick, ...restProps }: Props) => JSX.Element;

package/dist/Wizard/wizardStateReducer.d.ts

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

package/dist/_BaseStyling_/BaseStyling.d.ts

@@ -0,0 +1,47 @@
+import { HTMLAttributes, ReactChild } from 'react';
+interface CSSProperties {
+    colorPrimary?: string;
+    colorSecondary?: string;
+    colorTertiary?: string;
+    defaultLineHeight?: string;
+    buttonBorderRadius?: string;
+    buttonBorderWidth?: string;
+    buttonFontSize?: string;
+    buttonBorderStyle?: string;
+    buttonFillTextColor?: string;
+    buttonFillBackgroundColor?: string;
+    buttonOutlineHoverTextColor?: string;
+    inputBorderColor?: string;
+    inputBorderRadius?: string;
+    inputBorderWidth?: string;
+    inputBorderStyle?: string;
+    modalShadowColor?: string;
+    modalBackgroundColor?: string;
+    modalHeaderBackgroundColor?: string;
+    snackbarTextColor?: string;
+    snackbarInfoBackgroundColor?: string;
+    snackbarSuccessBackgroundColor?: string;
+    snackbarErrorBackgroundColor?: string;
+    snackbarBorderRadius?: string;
+    default?: string;
+    success?: string;
+    error?: string;
+    disabled?: string;
+    greyedOut?: string;
+    warning?: string;
+    fontFamily?: string;
+    fontFamilyCode?: string;
+    fontSize?: string;
+    fontSizeH1?: string;
+    fontSizeH2?: string;
+    fontSizeH3?: string;
+    fontSizeH4?: string;
+    fontSizeSub?: string;
+    fontSizeCode?: string;
+}
+export interface Props extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactChild;
+    properties?: CSSProperties;
+}
+export declare const BaseStyling: ({ children, properties }: Props) => JSX.Element | null;
+export {};

package/dist/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/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/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/hooks/usePosition.d.ts

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

package/dist/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/hooks/useSpacing.d.ts

@@ -0,0 +1,18 @@
+import { CSSProperties } from 'react';
+declare type SpacingMultiplier = 0 | 0.5 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
+declare type SpacingMultiplierStringOrNumber = `${SpacingMultiplier}` | SpacingMultiplier;
+declare 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 | undefined, style?: CSSProperties | undefined) => CSSProperties | undefined;
+export {};

package/dist/hooks/useWrapper.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { Type as InputTypes } from '../Form/Input/Input';
+export declare const useWrapper: (value?: string | undefined, placeholder?: string | undefined, type?: InputTypes | undefined) => {
+    helperId: string;
+    errorId: string;
+    labelId: string;
+    floatingLabelActive: boolean;
+    setFloatingLabelActive: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    hasFocus: boolean;
+    setHasFocus: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+};

package/dist/index.d.ts

@@ -0,0 +1,43 @@
+/** Components */
+export { BaseStyling } from './_BaseStyling_/BaseStyling';
+export { Typography } from './Typography/Typography';
+export { Button } from './Button/Button';
+export { Link } from './Link/Link';
+export { IconButton } from './Button/IconButton';
+export { Icon, Icons } from './Icon/Icon';
+export { Dialog } from './Dialog/Dialog';
+export { Modal } from './Modal/Modal';
+export { ModalActions } from './Modal/ModalActions/ModalActions';
+export { ModalContent } from './Modal/ModalContent/ModalContent';
+export { ModalHeader } from './Modal/ModalHeader/ModalHeader';
+export { Tooltip } from './Tooltip/Tooltip';
+export { Tiles } from './Tiles/Tiles';
+export { Tile } from './Tiles/Tile';
+export { ContextMenu } from './ContextMenu/ContextMenu';
+export { ContextMenuItem } from './ContextMenu/ContextMenuItem';
+export { Breadcrumbs } from './Breadcrumbs/Breadcrumbs';
+export { SnackbarProvider } from './Snackbar/SnackbarProvider/SnackbarProvider';
+export { useSnackbar } from './Snackbar/useSnackbar';
+/** Form components */
+export { Form } from './Form/Form';
+export { Fieldset } from './Form/Fieldset/Fieldset';
+export { FormControl } from './Form/FormControl/FormControl';
+export { FormGroup } from './Form/FormGroup/FormGroup';
+export { FormHelperText } from './Form/FormHelperText/FormHelperText';
+export { Label } from './Form/Label/Label';
+export { Select } from './Form/Select/Select';
+export { Option } from './Form/Select/Option';
+export { Textarea } from './Form/Textarea/Textarea';
+export { CheckboxWrapper } from './Form/Wrapper/CheckboxWrapper/CheckboxWrapper';
+export { InputWrapper } from './Form/Wrapper/InputWrapper/InputWrapper';
+export { RadioWrapper } from './Form/Wrapper/RadioWrapper/RadioWrapper';
+export { SelectWrapper } from './Form/Wrapper/SelectWrapper/SelectWrapper';
+export { TextareaWrapper } from './Form/Wrapper/TextareaWrapper/TextareaWrapper';
+export { Input } from './Form/Input/Input';
+export { Radio } from './Form/Radio/Radio';
+export { Checkbox } from './Form/Checkbox/Checkbox';
+/** Wizard */
+export { BaseWizardSteps, Props as BaseWizardStepsProps, Step as WizardStep, } from './Wizard/BaseWizardSteps/BaseWizardSteps';
+export { WizardActions } from './Wizard/WizardActions/WizardActions';
+export { WizardSteps } from './Wizard/WizardSteps/WizardSteps';
+export { Wizard, Props as WizardProps } from './Wizard/Wizard';

package/dist/index.js

@@ -0,0 +1,8 @@
+
+'use strict'
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./react-lib-components.cjs.production.min.js')
+} else {
+  module.exports = require('./react-lib-components.cjs.development.js')
+}

package/dist/interfaces.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+/**
+ * By default typescript does not allow data-* attributes on HTMLAttributes interface. We extend the default React.HTMLAttributes interface here and add the dataAttribute possibility into it.
+ * An example of this can be found in Checkbox.tsx. We assign wrapperProps to the HTMLAttributes interface below, and are now able to add a test-id inside of Checkbox.test.tsx on line 77.
+ */
+declare type DataAttributeKey = `data-${string}`;
+export interface HTMLProps<T> extends React.HTMLProps<T> {
+    [dataAttribute: DataAttributeKey]: any;
+}
+export interface HTMLAttributes<T> extends React.HTMLAttributes<T> {
+    [dataAttribute: DataAttributeKey]: any;
+}
+export {};