@onewelcome/react-lib-components 6.7.1 → 7.0.0

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

@@ -1,21 +0,0 @@
-import React from "react";
-/**
- * @deprecated
- */
-export interface Placement {
-    vertical: "top" | "bottom";
-    horizontal: "start" | "center" | "end";
-}
-/**
- * @deprecated
- */
-export interface Props {
-    placement: Placement;
-    children?: React.ReactNode;
-    zIndex?: number;
-    className?: string;
-}
-/**
- * @deprecated
- */
-export declare const SnackbarContainer: ({ placement, children, zIndex, className, ...rest }: Props) => React.JSX.Element;

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,36 +0,0 @@
-import { ButtonHTMLAttributes } from "react";
-/**
- * @deprecated
- */
-export type Variant = "info" | "success" | "error" | "warning";
-/**
- * @deprecated
- */
-export type Actions = (ButtonHTMLAttributes<HTMLButtonElement> & {
-    label: string;
-})[];
-/**
- * @deprecated
- */
-export interface SnackbarOptionsProps {
-    actions?: Actions;
-    className?: string;
-    variant?: Variant;
-    duration?: number;
-    onClose?: () => void;
-}
-/**
- * @deprecated
- */
-export interface EnqueueSnackbarProps extends SnackbarOptionsProps {
-    title?: string;
-    content?: string;
-}
-/**
- * @deprecated
- */
-export type DeprecatedEnqueueSnackbarType = (propsOrTitle: EnqueueSnackbarProps | string | undefined, content?: string, options?: SnackbarOptionsProps) => void;
-/**
- * @deprecated
- */
-export declare function isNewEnqueueSnackbarInterface(args: unknown): args is EnqueueSnackbarProps;

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

@@ -1,9 +0,0 @@
-/**
- * @deprecated
- */
-export declare const useSnackbar: () => {
-    enqueueWarningSnackbar: import("./interfaces").DeprecatedEnqueueSnackbarType;
-    enqueueErrorSnackbar: import("./interfaces").DeprecatedEnqueueSnackbarType;
-    enqueueSuccessSnackbar: import("./interfaces").DeprecatedEnqueueSnackbarType;
-    enqueueSnackbar: import("./interfaces").DeprecatedEnqueueSnackbarType;
-};

package/dist/esm/src/components/Notifications/Snackbar/useSnackbar.test.d.ts

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

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

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

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

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

@@ -1,12 +0,0 @@
-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/esm/src/components/Wizard/BaseWizardSteps/BaseWizardSteps.test.d.ts

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

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

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

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

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

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

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

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

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

@@ -1,15 +0,0 @@
-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;
-}
-/**
- * @deprecated
- */
-declare const WizardStateProvider: ({ children, initialState }: Props) => React.JSX.Element;
-export { WizardStateProvider, WizardStateContext };

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

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

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

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

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

@@ -1,24 +0,0 @@
-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/src/components/DataGrid/DataGridBody/DataGridRow.tsx

@@ -1,58 +0,0 @@
-/*
- * Copyright 2022 OneWelcome B.V.
- *
- *    Licensed under the Apache License, Version 2.0 (the "License");
- *    you may not use this file except in compliance with the License.
- *    You may obtain a copy of the License at
- *
- *        http://www.apache.org/licenses/LICENSE-2.0
- *
- *    Unless required by applicable law or agreed to in writing, software
- *    distributed under the License is distributed on an "AS IS" BASIS,
- *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *    See the License for the specific language governing permissions and
- *    limitations under the License.
- */
-
-import React, { ForwardRefRenderFunction, ComponentPropsWithRef } from "react";
-import { HeaderCell } from "../datagrid.interfaces";
-import classes from "./DataGridRow.module.scss";
-
-export interface Props extends ComponentPropsWithRef<"tr"> {
-  headers?: HeaderCell[];
-  isLoading?: boolean;
-  spacing?: React.CSSProperties;
-  disableContextMenuColumn?: boolean;
-}
-
-const DataGridRowComponent: ForwardRefRenderFunction<HTMLTableRowElement, Props> = (
-  { children, className, headers, isLoading, spacing, disableContextMenuColumn, ...rest }: Props,
-  ref
-) => {
-  const visibleCells = React.Children.map(children as React.ReactElement[], (child, index) => {
-    if (child) {
-      const cellWithSpacing = React.cloneElement(child, {
-        spacing: spacing,
-        cellIndex: index,
-        columnLength: headers?.length,
-        disableContextMenuColumn
-      });
-
-      const visible = headers && headers.length > index ? !headers[index].hidden : true;
-      return visible && cellWithSpacing;
-    }
-    return null;
-  });
-
-  const classNames = [classes["row"]];
-  className && classNames.push(className);
-  isLoading && classNames.push(classes["loading"]);
-
-  return (
-    <tr {...rest} ref={ref} className={classNames.join(" ")}>
-      {visibleCells}
-    </tr>
-  );
-};
-
-export const DataGridRow = React.forwardRef(DataGridRowComponent);

package/src/components/Notifications/Snackbar/SnackbarContainer/SnackbarContainer.tsx

@@ -1,92 +0,0 @@
-/*
- * Copyright 2022 OneWelcome B.V.
- *
- *    Licensed under the Apache License, Version 2.0 (the "License");
- *    you may not use this file except in compliance with the License.
- *    You may obtain a copy of the License at
- *
- *        http://www.apache.org/licenses/LICENSE-2.0
- *
- *    Unless required by applicable law or agreed to in writing, software
- *    distributed under the License is distributed on an "AS IS" BASIS,
- *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *    See the License for the specific language governing permissions and
- *    limitations under the License.
- */
-
-import React, { useContext, useEffect, useState } from "react";
-import classes from "./SnackbarContainer.module.scss";
-import { SnackbarContext } from "../SnackbarProvider/SnackbarStateProvider";
-
-/**
- * @deprecated
- */
-export interface Placement {
-  vertical: "top" | "bottom";
-  horizontal: "start" | "center" | "end";
-}
-
-/**
- * @deprecated
- */
-export interface Props {
-  placement: Placement;
-  children?: React.ReactNode;
-  zIndex?: number;
-  className?: string;
-}
-
-const useSnackbarContainerHeightAnimation = () => {
-  const { snackbars } = useContext(SnackbarContext);
-  const [height, setHeight] = useState(0);
-  const [justifyContent, setJustifyContent] = useState<"flex-start" | "flex-end">("flex-start");
-  const spaceBetweenSnackbars = 8;
-  const exceedsMaximumVisibleSnackbars = snackbars.length >= 3;
-
-  useEffect(() => {
-    const allHeights = snackbars.map(snackbar => snackbar.height);
-
-    let totalHeight = allHeights.reduce((prev, curr) => prev + curr, 0);
-
-    totalHeight += (Math.min(snackbars.length, 3) - 1) * spaceBetweenSnackbars;
-
-    /**
-     * Once we reach the maximum amount of snackbars, they will start to disappear. We have to wait with reversing the justify-content until the last snackbar
-     * has completed their animationIn. This is around 500ms. Then we want to reverse it, because otherwise whenever a snackbar disappears they shift up
-     * and then down again, which looks really bad.
-     * */
-    if (exceedsMaximumVisibleSnackbars)
-      setTimeout(() => {
-        setJustifyContent("flex-end");
-      }, 500);
-
-    if (height > totalHeight && justifyContent !== "flex-end") {
-      setJustifyContent("flex-end");
-    } else if (height < totalHeight && justifyContent !== "flex-start") {
-      setJustifyContent("flex-start");
-    }
-
-    setHeight(totalHeight);
-  }, [snackbars]);
-
-  return { height, justifyContent };
-};
-
-/**
- * @deprecated
- */
-export const SnackbarContainer = ({ placement, children, zIndex, className, ...rest }: Props) => {
-  const { height, justifyContent } = useSnackbarContainerHeightAnimation();
-
-  return (
-    <div
-      {...rest}
-      style={{ zIndex, height, justifyContent }}
-      className={`${classes["snackbars"]} ${classes[placement.horizontal]} ${
-        classes[placement.vertical]
-      } ${className ?? ""}`}
-    >
-      {children}
-    </div>
-  );
-};

package/src/components/Notifications/Snackbar/SnackbarItem/SnackbarItem.module.scss

@@ -1,156 +0,0 @@
-/*!
- * Copyright 2022 OneWelcome B.V.
- *
- *    Licensed under the Apache License, Version 2.0 (the "License");
- *    you may not use this file except in compliance with the License.
- *    You may obtain a copy of the License at
- *
- *        http://www.apache.org/licenses/LICENSE-2.0
- *
- *    Unless required by applicable law or agreed to in writing, software
- *    distributed under the License is distributed on an "AS IS" BASIS,
- *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *    See the License for the specific language governing permissions and
- *    limitations under the License.
- */
-
-@use "../../../../mixins.module.scss";
-
-.snackbar {
-  padding: 1rem;
-  border-radius: var(--snackbar-border-radius);
-  display: flex;
-  gap: 0.5rem;
-  align-items: center;
-  width: 100%;
-  box-sizing: border-box;
-  @include mixins.transition(height, 0.2s, ease-in-out);
-  flex-grow: 0;
-
-  &.info {
-    background-color: var(--snackbar-info-background-color);
-  }
-
-  &.success {
-    background-color: var(--snackbar-success-background-color);
-  }
-
-  &.error {
-    background-color: var(--snackbar-error-background-color);
-  }
-
-  &.warning {
-    background-color: var(--snackbar-warning-background-color);
-  }
-
-  & + & {
-    margin-top: 0.5rem;
-  }
-
-  #close-btn {
-    color: var(--snackbar-text-color);
-    align-self: center;
-    width: 2.5rem;
-    height: 2.5rem;
-    margin: -0.5rem 0;
-    flex-shrink: 0;
-    border: 0;
-
-    span {
-      font-size: 0.875rem;
-    }
-
-    &:not(:disabled):hover,
-    &:not(:disabled):focus {
-      background-color: var(--color-black10);
-    }
-
-    &:not(:disabled):active {
-      background-color: var(--color-black20);
-    }
-  }
-
-  .icon {
-    color: var(--snackbar-text-color);
-    font-size: 1rem;
-    height: 1.25rem;
-    display: inline-flex;
-    align-items: center;
-    align-self: flex-start;
-  }
-
-  .title {
-    color: var(--snackbar-text-color);
-    flex: 1;
-    font-size: 0.875rem;
-    line-height: 1.25rem;
-    margin-bottom: 0.25rem;
-    display: block;
-  }
-
-  .outer-content-wrapper {
-    display: flex;
-    gap: 0.5rem;
-    flex-grow: 1;
-  }
-
-  .content-wrapper {
-    flex-grow: 1;
-  }
-
-  .content {
-    color: var(--snackbar-text-color);
-    font-size: 0.875rem;
-    line-height: 1.25rem;
-    margin-bottom: 0;
-  }
-
-  .actions {
-    text-align: right;
-    align-self: center;
-  }
-
-  .action-button {
-    border-width: var(--button-border-width);
-    border-style: var(--button-border-style);
-    border-radius: var(--button-border-radius);
-    white-space: nowrap;
-    font-size: 0.875rem;
-    line-height: var(--button-font-size);
-    font-weight: 400;
-    margin: -0.5rem 0;
-    padding: 0.625rem 1.25rem;
-    cursor: pointer;
-    transition:
-      color,
-      background-color,
-      border-color 0.2s ease-in-out;
-    font-family: var(--font-family);
-    color: var(--snackbar-text-color);
-    background-color: transparent;
-    border-color: transparent;
-
-    &:disabled {
-      color: var(--greyed-out);
-      cursor: not-allowed;
-    }
-
-    @include mixins.focusVisibleOutline();
-
-    &:not(:disabled):hover,
-    &:not(:disabled):focus {
-      background-color: var(--color-black10);
-    }
-
-    &:not(:disabled):active {
-      background-color: var(--color-black20);
-    }
-  }
-}
-
-@media only screen and (min-width: 37.5em) {
-  .snackbar {
-    width: min-content;
-    min-width: 25rem;
-  }
-}