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

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

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

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

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

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

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

package/dist/esm/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/esm/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/esm/components/_BaseStyling_/BaseStyling.test.d.ts

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

package/dist/esm/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/esm/hooks/useAnimation.test.d.ts

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

package/dist/esm/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/esm/hooks/useBodyClick.test.d.ts

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

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

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

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

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

package/dist/esm/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/esm/hooks/useDetermineStatusIcon.test.d.ts

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

package/dist/esm/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/esm/hooks/useFormSelector.test.d.ts

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

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

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

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

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

package/dist/esm/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/esm/hooks/useRepeater.test.d.ts

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

package/dist/esm/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/esm/hooks/useScroll.test.d.ts

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

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

package/dist/esm/hooks/useSpacing.test.d.ts

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

package/dist/esm/hooks/useUploadFile.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { FileType } from "../components/Form/FileUpload/FileUpload";
+export interface UploadResponseType {
+    fileList: FileType[];
+    status: XMLHttpRequest["status"];
+}
+export interface UseUploadFileCallback {
+    onComplete?: (response: UploadResponseType) => void;
+    onProgress?: Function;
+}
+export interface UploadFileRequestParams {
+    url: string;
+    headers?: Headers;
+    responseErrorPath?: string;
+    networkErrorText?: string;
+    withCredentials?: boolean;
+}
+export declare const useUploadFile: (files: FileType[], request: UploadFileRequestParams, callbacks?: UseUploadFileCallback) => {
+    updatedFiles: FileType[];
+    setUpdatedFiles: import("react").Dispatch<import("react").SetStateAction<FileType[]>>;
+    uploadingFiles: FileType[];
+};

package/dist/esm/hooks/useUploadFile.test.d.ts

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

package/dist/esm/hooks/useWrapper.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare const useWrapper: () => {
+    helperId: string;
+    errorId: string;
+    labelId: string;
+    hasFocus: boolean;
+    setHasFocus: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+};

package/dist/esm/hooks/useWrapper.test.d.ts

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

package/dist/esm/index.d.ts

@@ -0,0 +1,113 @@
+export { BaseStyling } from "./components/_BaseStyling_/BaseStyling";
+export { Button } from "./components/Button/Button";
+export type { Props as ButtonProps } from "./components/Button/Button";
+export { Breadcrumbs } from "./components/Breadcrumbs/Breadcrumbs";
+export type { Props as BreadcrumbsProps } from "./components/Breadcrumbs/Breadcrumbs";
+export { ContextMenu } from "./components/ContextMenu/ContextMenu";
+export type { Props as ContextMenuProps } from "./components/ContextMenu/ContextMenu";
+export { ContextMenuItem } from "./components/ContextMenu/ContextMenuItem";
+export type { Props as ContextMenuItemProps } from "./components/ContextMenu/ContextMenuItem";
+export { Link } from "./components/Link/Link";
+export type { Props as LinkProps, AnchorType } from "./components/Link/Link";
+export { Icon, Icons } from "./components/Icon/Icon";
+export type { Props as IconProps } from "./components/Icon/Icon";
+export { IconButton } from "./components/Button/IconButton";
+export type { Props as IconButtonProps } from "./components/Button/IconButton";
+export { Tab } from "./components/Tabs/Tab";
+export type { Props as TabProps } from "./components/Tabs/Tab";
+export { Tabs } from "./components/Tabs/Tabs";
+export type { Props as TabsProps } from "./components/Tabs/Tabs";
+export { TextEllipsis } from "./components/TextEllipsis/TextEllipsis";
+export type { Props as TextEllipsisProps } from "./components/TextEllipsis/TextEllipsis";
+export { Tile } from "./components/Tiles/Tile";
+export type { Props as TileProps } from "./components/Tiles/Tile";
+export { Tiles } from "./components/Tiles/Tiles";
+export type { Props as TilesProps } from "./components/Tiles/Tiles";
+export { Tooltip } from "./components/Tooltip/Tooltip";
+export type { Props as TooltipProps } from "./components/Tooltip/Tooltip";
+export { Typography } from "./components/Typography/Typography";
+export type { Props as TypographyProps, Variant } from "./components/Typography/Typography";
+export { ProgressBar } from "./components/ProgressBar/ProgressBar";
+export type { Props as ProgressBarProps } from "./components/ProgressBar/ProgressBar";
+export { Skeleton } from "./components/Skeleton/Skeleton";
+export type { Props as SkeletonProps } from "./components/Skeleton/Skeleton";
+export { StatusIndicator } from "./components/StatusIndicator/StatusIndicator";
+export type { Props as StatusIndicatorProps } from "./components/StatusIndicator/StatusIndicator";
+export { Pagination } from "./components/Pagination/Pagination";
+export type { Props as PaginationProps, PageChangeLabels, PaginationTranslations, PageSize } from "./components/Pagination/Pagination";
+export { useRepeater } from "./hooks/useRepeater";
+export { useDebouncedCallback } from "./hooks/useDebouncedCallback";
+export { generateID, debounce, throttle } from "./util/helper";
+export { Modal } from "./components/Notifications/Modal/Modal";
+export type { Props as ModalProps } from "./components/Notifications/Modal/Modal";
+export { useSnackbar } from "./components/Notifications/Snackbar/useSnackbar";
+export { Dialog } from "./components/Notifications/Dialog/Dialog";
+export type { Props as DialogProps, Action as DialogAction } from "./components/Notifications/Dialog/Dialog";
+export { DiscardChangesModal } from "./components/Notifications/DiscardChangesModal/DiscardChangesModal";
+export type { Props as DiscardChangesModalProps } from "./components/Notifications/DiscardChangesModal/DiscardChangesModal";
+export { ModalActions } from "./components/Notifications/Modal/ModalActions/ModalActions";
+export type { Props as ModalActionsProps } from "./components/Notifications/Modal/ModalActions/ModalActions";
+export { ModalContent } from "./components/Notifications/Modal/ModalContent/ModalContent";
+export type { Props as ModalContentProps } from "./components/Notifications/Modal/ModalContent/ModalContent";
+export { ModalHeader } from "./components/Notifications/Modal/ModalHeader/ModalHeader";
+export type { Props as ModalHeaderProps } from "./components/Notifications/Modal/ModalHeader/ModalHeader";
+export { SlideInModal } from "./components/Notifications/SlideInModal/SlideInModal";
+export type { Props as SlideInModalProps } from "./components/Notifications/SlideInModal/SlideInModal";
+export { SnackbarProvider } from "./components/Notifications/Snackbar/SnackbarProvider/SnackbarProvider";
+export type { Props as SnackbarProviderProps } from "./components/Notifications/Snackbar/SnackbarProvider/SnackbarProvider";
+/** Form components */
+export { Checkbox } from "./components/Form/Checkbox/Checkbox";
+export type { Props as CheckboxProps } from "./components/Form/Checkbox/Checkbox";
+export { Fieldset } from "./components/Form/Fieldset/Fieldset";
+export type { Props as FieldsetProps } from "./components/Form/Fieldset/Fieldset";
+export { Form } from "./components/Form/Form";
+export type { Props as FormProps } from "./components/Form/Form";
+export { FormControl } from "./components/Form/FormControl/FormControl";
+export type { Props as FormControlProps } from "./components/Form/FormControl/FormControl";
+export { FormGroup } from "./components/Form/FormGroup/FormGroup";
+export type { Props as FormGroupProps } from "./components/Form/FormGroup/FormGroup";
+export { FormHelperText } from "./components/Form/FormHelperText/FormHelperText";
+export type { Props as FormHelperTextProps } from "./components/Form/FormHelperText/FormHelperText";
+export { Input } from "./components/Form/Input/Input";
+export type { Props as InputProps, Type as InputType } from "./components/Form/Input/Input";
+export { InputWrapper } from "./components/Form/Wrapper/InputWrapper/InputWrapper";
+export type { Props as InputWrapperProps } from "./components/Form/Wrapper/InputWrapper/InputWrapper";
+export { Label } from "./components/Form/Label/Label";
+export type { Props as LabelProps } from "./components/Form/Label/Label";
+export { Option } from "./components/Form/Select/Option";
+export type { Props as OptionProps } from "./components/Form/Select/Option";
+export { Radio } from "./components/Form/Radio/Radio";
+export type { Props as RadioProps } from "./components/Form/Radio/Radio";
+export { RadioWrapper } from "./components/Form/Wrapper/RadioWrapper/RadioWrapper";
+export type { Props as RadioWrapperProps } from "./components/Form/Wrapper/RadioWrapper/RadioWrapper";
+export { Select } from "./components/Form/Select/Select";
+export type { Props as SelectProps } from "./components/Form/Select/Select";
+export { Textarea } from "./components/Form/Textarea/Textarea";
+export type { Props as TextareaProps } from "./components/Form/Textarea/Textarea";
+export { Toggle } from "./components/Form/Toggle/Toggle";
+export type { Props as ToggleProps } from "./components/Form/Toggle/Toggle";
+export { CheckboxWrapper } from "./components/Form/Wrapper/CheckboxWrapper/CheckboxWrapper";
+export type { Props as CheckboxWrapperProps } from "./components/Form/Wrapper/CheckboxWrapper/CheckboxWrapper";
+export { TextareaWrapper } from "./components/Form/Wrapper/TextareaWrapper/TextareaWrapper";
+export type { Props as TextareaWrapperProps } from "./components/Form/Wrapper/TextareaWrapper/TextareaWrapper";
+export { SelectWrapper } from "./components/Form/Wrapper/SelectWrapper/SelectWrapper";
+export type { Props as SelectWrapperProps } from "./components/Form/Wrapper/SelectWrapper/SelectWrapper";
+/** Wizard */
+export { Wizard } from "./components/Wizard/Wizard";
+export type { Props as WizardProps } from "./components/Wizard/Wizard";
+export { WizardActions } from "./components/Wizard/WizardActions/WizardActions";
+export type { Props as WizardActionsProps } from "./components/Wizard/WizardActions/WizardActions";
+export { WizardSteps } from "./components/Wizard/WizardSteps/WizardSteps";
+export type { Props as WizardStepsProps } from "./components/Wizard/WizardSteps/WizardSteps";
+export { BaseWizardSteps } from "./components/Wizard/BaseWizardSteps/BaseWizardSteps";
+export type { Props as BaseWizardStepsProps, Step as WizardStep } from "./components/Wizard/BaseWizardSteps/BaseWizardSteps";
+/** DataGrid */
+export type { HeaderCell } from "./components/DataGrid/datagrid.interfaces";
+export { DataGrid } from "./components/DataGrid/DataGrid";
+export type { Props as DataGridProps } from "./components/DataGrid/DataGrid";
+export { DataGridRow } from "./components/DataGrid/DataGridBody/DataGridRow";
+export type { Props as DataGridRowProps } from "./components/DataGrid/DataGridBody/DataGridRow";
+export { DataGridCell } from "./components/DataGrid/DataGridBody/DataGridCell";
+export type { Props as DataGridCellProps } from "./components/DataGrid/DataGridBody/DataGridCell";
+export { Banner } from "./components/Notifications/Banner/Banner";
+export type { Props as BannerProps } from "./components/Notifications/Banner/Banner";

package/dist/esm/interfaces.d.ts

@@ -0,0 +1,4 @@
+export type DataAttributeKey = `data-${string}`;
+export interface KeyValuePair {
+    [dataAttribute: DataAttributeKey]: unknown;
+}

package/dist/esm/node_modules/rollup-plugin-styles/dist/runtime/inject-css.esm.js

@@ -0,0 +1,2 @@
+var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c()}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}export{n as default};
+//# sourceMappingURL=inject-css.esm.js.map

package/dist/esm/node_modules/rollup-plugin-styles/dist/runtime/inject-css.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inject-css.esm.js","sources":["../../../../../../node_modules/rollup-plugin-styles/dist/runtime/inject-css.js"],"sourcesContent":["var e=[],t=[];function n(n,r){if(n&&\"undefined\"!=typeof document){var a,s=!0===r.prepend?\"prepend\":\"append\",d=!0===r.singleTag,i=\"string\"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName(\"head\")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c()}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n))}function c(){var e=document.createElement(\"style\");if(e.setAttribute(\"type\",\"text/css\"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a=\"prepend\"===s?\"afterbegin\":\"beforeend\";return i.insertAdjacentElement(a,e),e}}export{n as default};\n"],"names":["e","t","n","r","document","a","s","prepend","d","singleTag","i","container","querySelector","getElementsByTagName","u","indexOf","push","c","charCodeAt","substring","styleSheet","cssText","appendChild","createTextNode","createElement","setAttribute","attributes","Object","keys","length","insertAdjacentElement"],"mappings":"AAAA,IAAIA,EAAE,GAAGC,EAAE,GAAG,SAASC,EAAEA,EAAEC,GAAG,GAAGD,GAAG,oBAAoBE,SAAS,CAAC,IAAIC,EAAEC,GAAE,IAAKH,EAAEI,QAAQ,UAAU,SAASC,GAAE,IAAKL,EAAEM,UAAUC,EAAE,iBAAiBP,EAAEQ,UAAUP,SAASQ,cAAcT,EAAEQ,WAAWP,SAASS,qBAAqB,QAAQ,GAAG,GAAGL,EAAE,CAAC,IAAIM,EAAEd,EAAEe,QAAQL,IAAI,IAAII,IAAIA,EAAEd,EAAEgB,KAAKN,GAAG,EAAET,EAAEa,GAAG,CAAE,GAAET,EAAEJ,EAAEa,IAAIb,EAAEa,GAAGR,GAAGL,EAAEa,GAAGR,GAAGL,EAAEa,GAAGR,GAAGW,GAAG,MAAMZ,EAAEY,IAAI,QAAQf,EAAEgB,WAAW,KAAKhB,EAAEA,EAAEiB,UAAU,IAAId,EAAEe,WAAWf,EAAEe,WAAWC,SAASnB,EAAEG,EAAEiB,YAAYlB,SAASmB,eAAerB,GAAG,CAAC,SAASe,IAAI,IAAIjB,EAAEI,SAASoB,cAAc,SAAS,GAAGxB,EAAEyB,aAAa,OAAO,YAAYtB,EAAEuB,WAAW,IAAI,IAAIzB,EAAE0B,OAAOC,KAAKzB,EAAEuB,YAAYxB,EAAE,EAAEA,EAAED,EAAE4B,OAAO3B,IAAIF,EAAEyB,aAAaxB,EAAEC,GAAGC,EAAEuB,WAAWzB,EAAEC,KAAK,IAAIG,EAAE,YAAYC,EAAE,aAAa,YAAY,OAAOI,EAAEoB,sBAAsBzB,EAAEL,GAAGA,CAAC,CAAC"}

package/dist/esm/src/hooks/useAnimation.esm.js

@@ -0,0 +1,2 @@
+import{useRef as n,useState as r,useEffect as t}from"react";const e=e=>{const i=n(null),[a,o]=r(!1),d=()=>a&&e();return t((()=>{var n;return null===(n=i.current)||void 0===n||n.addEventListener("animationend",d),()=>{var n;return null===(n=i.current)||void 0===n?void 0:n.removeEventListener("animationend",d)}}),[a]),{ref:i,animationStarted:a,startAnimation:()=>o(!0)}};export{e as useAnimation};
+//# sourceMappingURL=useAnimation.esm.js.map

package/dist/esm/src/hooks/useAnimation.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAnimation.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/src/hooks/useBodyClick.esm.js

@@ -0,0 +1,2 @@
+import{useEffect as e}from"react";const n=(n,t,i)=>{function o(e){n(e)&&t()}e((()=>(window.addEventListener("click",o),()=>{window.removeEventListener("click",o)})),[i])};export{n as useBodyClick};
+//# sourceMappingURL=useBodyClick.esm.js.map

package/dist/esm/src/hooks/useBodyClick.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBodyClick.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/src/hooks/useDebouncedCallback.esm.js

@@ -0,0 +1,2 @@
+import e from"react";const r=(r,t,u)=>{const c=e.useRef(),n=u?[r,t,...u]:[r,t];return e.useCallback(((...e)=>{null!=c.current&&clearTimeout(c.current),c.current=setTimeout((()=>{r(...e)}),t)}),n)};export{r as useDebouncedCallback};
+//# sourceMappingURL=useDebouncedCallback.esm.js.map

package/dist/esm/src/hooks/useDebouncedCallback.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebouncedCallback.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/src/hooks/useDetermineStatusIcon.esm.js

@@ -0,0 +1,2 @@
+import r,{useRef as e}from"react";import{Icon as t,Icons as c}from"../../Icon/Icon.esm.js";const o=o=>{const{error:n,success:s}=o||!1;let a=null;const l=e(null),u=e(null);return n?a=r.createElement(t,{ref:l,"data-icon-status":"error",icon:c.Error}):s&&(a=r.createElement(t,{ref:u,"data-icon-status":"success",icon:c.CheckmarkCircleBreakout})),a};export{o as useDetermineStatusIcon};
+//# sourceMappingURL=useDetermineStatusIcon.esm.js.map

package/dist/esm/src/hooks/useDetermineStatusIcon.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDetermineStatusIcon.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/src/hooks/useFormSelector.esm.js

@@ -0,0 +1,2 @@
+import{useState as r,useEffect as e}from"react";import{generateID as o}from"../util/helper.esm.js";const t=t=>{const[p]=r(o(15,t.name)),[a,n]=r(""),[d]=r(o(15,t.errorMessage));return e((()=>{t.error&&t.parentErrorId&&n(t.parentErrorId),(!t.error&&t.helperText||!t.parentErrorId&&!t.errorMessage&&t.helperText)&&n(`${p}`),(!t.error&&!t.helperText&&t.parentHelperId||!t.parentErrorId&&!t.errorMessage&&t.parentHelperId)&&n(`${t.parentHelperId}`),t.errorMessage&&!t.parentErrorId&&t.error&&n(d)}),[p,t.error,t.parentErrorId]),{describedBy:a,errorId:d,identifier:p}};export{t as useFormSelector};
+//# sourceMappingURL=useFormSelector.esm.js.map

package/dist/esm/src/hooks/useFormSelector.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormSelector.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/src/hooks/useGetDomRoot.esm.js

@@ -0,0 +1,2 @@
+import{useState as r,useEffect as t}from"react";const o=(o,e)=>{const[n,c]=r(document.body);return t((()=>{if((null==e?void 0:e.current)&&!o){const r=e.current.closest(".basestyling-wrapper");if(r)return void c(r)}else if(o)return void c(o)}),[e]),{root:n}};export{o as useGetDomRoot};
+//# sourceMappingURL=useGetDomRoot.esm.js.map

package/dist/esm/src/hooks/useGetDomRoot.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGetDomRoot.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/src/hooks/usePosition.esm.js

@@ -0,0 +1,2 @@
+import{useState as t}from"react";import{useDebouncedCallback as o}from"./useDebouncedCallback.esm.js";const e={relativeElement:void 0,elementToBePositioned:void 0,transformOrigin:{horizontal:"left",vertical:"top"},placement:{horizontal:"left",vertical:"top"},offset:{top:0,right:0,bottom:0,left:0},debounceAmount:20},i=(i=e)=>{var n;const r={...e,...i};void 0===r.transformOrigin&&(r.transformOrigin=e.transformOrigin),void 0===r.placement&&(r.placement=e.placement),void 0===r.offset&&(r.offset=e.offset);const[l,h]=t({left:0,top:0,right:"initial",bottom:"initial"}),d=(t,o,e,i,n)=>{const l="center"===o?(t=>{if("horizontal"===t)return"centerh";if("vertical"===t)return"centerv";throw new Error(`the requested return value isn't "vertical" or "horizontal" ${t} was given.`)})(e):o,h=((t,o,e,i,n)=>{let r=0;return"left"===t[o]||"top"===t[o]?r=e[i]:"center"===t[o]?r=e[i]-n["horizontal"===o?"width":"height"]/2:"right"!==t[o]&&"bottom"!==t[o]||(r=window["horizontal"===o?"innerWidth":"innerHeight"]-e[i]),r})(t,e,i,l,n),d=((t,o,e)=>{var i,n,l,h,d,f,v,a,c,g,m,s;let u=t;return("horizontal"===o&&0!==(null===(i=r.offset)||void 0===i?void 0:i.left)||"horizontal"===o&&0!==(null===(n=r.offset)||void 0===n?void 0:n.right))&&("left"!==e[o]&&"center"!==e[o]||(u+=null===(l=r.offset)||void 0===l?void 0:l.left,u-=null===(h=r.offset)||void 0===h?void 0:h.right),"right"===e[o]&&(u-=null===(d=r.offset)||void 0===d?void 0:d.left,u+=null===(f=r.offset)||void 0===f?void 0:f.right)),("vertical"===o&&0!==(null===(v=r.offset)||void 0===v?void 0:v.top)||"vertical"===o&&0!==(null===(a=r.offset)||void 0===a?void 0:a.bottom))&&("top"!==e[o]&&"center"!==e[o]||(u+=null===(c=r.offset)||void 0===c?void 0:c.top,u-=null===(g=r.offset)||void 0===g?void 0:g.bottom),"bottom"===e[o]&&(u-=null===(m=r.offset)||void 0===m?void 0:m.top,u+=null===(s=r.offset)||void 0===s?void 0:s.bottom)),u})(h,e,t),f=((t,o,e,i)=>{let n=t;return("left"===o[e]&&n<0||"top"===o[e]&&n<0||"center"===o[e]&&n<0||"bottom"===o[e]&&n<0)&&(n=0),("left"===o[e]&&n>window.innerWidth-i.width||"center"===o[e]&&"horizontal"===e&&n>window.innerWidth-i.width)&&(n=window.innerWidth-i.width),("top"===o[e]&&n>window.innerHeight-i.height||"center"===o[e]&&"vertical"===e&&n>window.innerHeight-i.height)&&(n=window.innerHeight-i.height),"right"===o[e]&&n>window.innerWidth-i.width&&(n=window.innerWidth-i.width),"bottom"===o[e]&&n>window.innerHeight-i.height&&(n=window.innerHeight-i.height),n})(d,t,e,n);return f},f=(t,o,e)=>{var i,n;const l=d(r.transformOrigin,r.placement[e],e,t,o);let f="left",v="right";"horizontal"===e&&"right"===(null===(i=r.transformOrigin)||void 0===i?void 0:i.horizontal)?(f="right",v="left"):"horizontal"===e&&(f="left",v="right"),"vertical"===e&&"bottom"===(null===(n=r.transformOrigin)||void 0===n?void 0:n.vertical)?(f="bottom",v="top"):"vertical"===e&&(f="top",v="bottom"),h((t=>({...t,[f]:l,[v]:"initial"})))},v=o((()=>{var t,o;if(!(null===(t=r.relativeElement)||void 0===t?void 0:t.current)||!(null===(o=r.elementToBePositioned)||void 0===o?void 0:o.current))return;const e=r.relativeElement.current.getBoundingClientRect(),i={height:r.elementToBePositioned.current.offsetHeight,width:r.elementToBePositioned.current.offsetWidth},n={top:e.top,right:e.right,bottom:e.bottom,center:0,centerv:e.top+e.height/2,centerh:e.left+e.width/2,left:e.left,width:e.width,height:e.height,x:e.x,y:e.y};f(n,i,"horizontal"),f(n,i,"vertical")}),null!==(n=r.debounceAmount)&&void 0!==n?n:20);return{top:l.top,bottom:l.bottom,left:l.left,right:l.right,calculatePosition:v}};export{i as usePosition};
+//# sourceMappingURL=usePosition.esm.js.map

package/dist/esm/src/hooks/usePosition.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePosition.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/src/hooks/useRepeater.esm.js

@@ -0,0 +1,2 @@
+import e,{useState as t,useEffect as o}from"react";import{generateID as r}from"../util/helper.esm.js";const n=({componentToRepeat:n})=>{const[m,p]=t([]);o((()=>{c()}),[]);const c=()=>{const t=e.cloneElement(n,{key:r(20)});p((e=>[...e,t]))};return{repeatedComponents:m,repeat:c,remove:e=>{const t=m.filter((t=>t!==e));p(t)}}};export{n as useRepeater};
+//# sourceMappingURL=useRepeater.esm.js.map

package/dist/esm/src/hooks/useRepeater.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRepeater.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/src/hooks/useSpacing.esm.js

@@ -0,0 +1,2 @@
+const r=/(\d+\.?\d*)+/g,e=(e,t)=>e?Object.entries(e).reduce(((e,[t,n])=>{const c=String(n).matchAll(r);return{...e,[t]:Array.from(c).map((([r])=>.25*Number(r)+"rem")).join(" ")}}),null!=t?t:{}):t;export{e as useSpacing};
+//# sourceMappingURL=useSpacing.esm.js.map

package/dist/esm/src/hooks/useSpacing.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSpacing.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/src/hooks/useWrapper.esm.js

@@ -0,0 +1,2 @@
+import{useState as r}from"react";import{generateID as e}from"../util/helper.esm.js";const o=()=>{const[o]=r(e(20)),[s]=r(e(20)),[t]=r(e(20)),[c,l]=r(!1);return{helperId:o,errorId:s,labelId:t,hasFocus:c,setHasFocus:l}};export{o as useWrapper};
+//# sourceMappingURL=useWrapper.esm.js.map