@onewelcome/react-lib-components 0.2.6 → 1.0.0

package/src/Wizard/Wizard.test.tsx

@@ -1,3 +1,19 @@
+/*
+ * 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, { useState } from "react";
 import { Wizard, Props } from "./Wizard";
 import {
@@ -31,7 +47,6 @@ const initWizardParams: initWizardPropsType = {
     }
   ],
   initialStepNo: 0,
-  stepScreenReaderLabel: "Step",
   mode: "add"
 };
 

package/src/Wizard/Wizard.tsx

@@ -1,3 +1,19 @@
+/*
+ * 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, { Fragment, useContext, useEffect } from "react";
 import { Step } from "./BaseWizardSteps/BaseWizardSteps";
 import { WizardStateContext, WizardStateProvider } from "./WizardStateProvider";
@@ -10,16 +26,15 @@ export interface Props {
   mode: WizardMode;
   initialStepNo?: number;
   onStepChange: (stepNo: number) => void;
-  stepScreenReaderLabel: string;
   children: React.ReactNode;
 }
 
-const useSetWizardState = (steps: Step[], mode: WizardMode, stepScreenReaderLabel: string) => {
+const useSetWizardState = (steps: Step[], mode: WizardMode) => {
   const { dispatch } = useContext(WizardStateContext);
 
   useEffect(() => {
-    dispatch(setWizardState(steps, mode, stepScreenReaderLabel));
-  }, [steps, mode, stepScreenReaderLabel]);
+    dispatch(setWizardState(steps, mode));
+  }, [steps, mode]);
 };
 
 const useStepChanging = (onStepChange: (stepNo: number) => void) => {
@@ -32,17 +47,17 @@ const useStepChanging = (onStepChange: (stepNo: number) => void) => {
   }, [currentStepNo]);
 };
 
-const WizardContent = ({ steps, mode, stepScreenReaderLabel, onStepChange, children }: Props) => {
-  useSetWizardState(steps, mode, stepScreenReaderLabel);
+const WizardContent = ({ steps, mode, onStepChange, children }: Props) => {
+  useSetWizardState(steps, mode);
   useStepChanging(onStepChange);
 
   return <Fragment>{children}</Fragment>;
 };
 
 export const Wizard = (props: Props) => {
-  const { steps, initialStepNo: currentStepNo = 0, mode, stepScreenReaderLabel } = props;
+  const { steps, initialStepNo: currentStepNo = 0, mode } = props;
   return (
-    <WizardStateProvider initialState={{ steps, currentStepNo, mode, stepScreenReaderLabel }}>
+    <WizardStateProvider initialState={{ steps, currentStepNo, mode }}>
       <WizardContent {...props} />
     </WizardStateProvider>
   );

package/src/Wizard/WizardActions/WizardActions.test.tsx

@@ -1,3 +1,19 @@
+/*
+ * 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, { useReducer } from "react";
 import { WizardActions, Props } from "./WizardActions";
 import { queryByRole, render } from "@testing-library/react";
@@ -22,7 +38,6 @@ const initWizardState: WizardStateType = {
     }
   ],
   currentStepNo: 0,
-  stepScreenReaderLabel: "Step",
   mode: "add"
 };
 

package/src/Wizard/WizardActions/WizardActions.tsx

@@ -1,3 +1,19 @@
+/*
+ * 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, { Fragment, useContext, useMemo } from "react";
 import { Button } from "../../Button/Button";
 import { Step } from "../BaseWizardSteps/BaseWizardSteps";

package/src/Wizard/WizardStateProvider.tsx

@@ -1,3 +1,19 @@
+/*
+ * 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, { createContext, Dispatch, useReducer } from "react";
 import { WizardActions, WizardStateType, reducer } from "./wizardStateReducer";
 

package/src/Wizard/WizardSteps/WizardSteps.test.tsx

@@ -1,3 +1,19 @@
+/*
+ * 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, { useReducer } from "react";
 import { WizardSteps, Props } from "./WizardSteps";
 import { getAllByRole, getByText, render } from "@testing-library/react";
@@ -22,7 +38,6 @@ const initWizardState: WizardStateType = {
     }
   ],
   currentStepNo: 1,
-  stepScreenReaderLabel: "Step",
   mode: "add"
 };
 

package/src/Wizard/WizardSteps/WizardSteps.tsx

@@ -1,3 +1,19 @@
+/*
+ * 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, { ComponentPropsWithRef, useContext } from "react";
 import { WizardStateContext } from "../WizardStateProvider";
 import { BaseWizardSteps } from "../BaseWizardSteps/BaseWizardSteps";
@@ -10,7 +26,7 @@ export interface Props extends ComponentPropsWithRef<"div"> {
 export const WizardSteps = React.forwardRef<HTMLDivElement, Props>(
   ({ onStepClick, ...rest }: Props, ref) => {
     const {
-      state: { currentStepNo, mode, stepScreenReaderLabel, steps },
+      state: { currentStepNo, mode, steps },
       dispatch
     } = useContext(WizardStateContext);
 
@@ -25,7 +41,6 @@ export const WizardSteps = React.forwardRef<HTMLDivElement, Props>(
         onClick={onClick}
         steps={steps}
         currentStepNo={currentStepNo}
-        stepScreenReaderLabel={stepScreenReaderLabel}
         futureStepsClickable={mode === "edit"}
       />
     );

package/src/Wizard/wizardStateReducer.ts

@@ -1,3 +1,19 @@
+/*
+ * 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 { Reducer } from "react";
 import { Step } from "./BaseWizardSteps/BaseWizardSteps";
 import { WizardMode } from "./Wizard";
@@ -6,7 +22,6 @@ type WizardStateType = {
   steps: Step[];
   currentStepNo: number;
   mode: WizardMode;
-  stepScreenReaderLabel: string;
 };
 
 interface SetWizardStateAction {
@@ -14,7 +29,6 @@ interface SetWizardStateAction {
   payload: {
     steps: Step[];
     mode: WizardMode;
-    stepScreenReaderLabel: string;
   };
 }
 
@@ -23,12 +37,8 @@ interface ChangeCurrentStepNoAction {
   payload: number;
 }
 
-const setWizardState = (
-  steps: Step[],
-  mode: WizardMode,
-  stepScreenReaderLabel: string
-): SetWizardStateAction => {
-  return { type: "SET_STATE", payload: { steps, mode, stepScreenReaderLabel } };
+const setWizardState = (steps: Step[], mode: WizardMode): SetWizardStateAction => {
+  return { type: "SET_STATE", payload: { steps, mode } };
 };
 
 const changeCurrentStepNo = (currentStepNo: number): ChangeCurrentStepNoAction => {

package/src/_BaseStyling_/BaseStyling.test.tsx

@@ -1,3 +1,19 @@
+/*
+ * 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, { Fragment } from "react";
 import { BaseStyling } from "./BaseStyling";
 import { Button } from "../Button/Button";

package/src/_BaseStyling_/BaseStyling.tsx

@@ -1,3 +1,24 @@
+/*
+ * 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.
+ */
+
+/**
+ * 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, { Fragment, HTMLAttributes, ReactChild, useEffect, useState } from "react";
 
 interface CSSProperties {
@@ -11,9 +32,8 @@ interface CSSProperties {
   buttonFontSize?: string;
   buttonBorderStyle?: string;
   buttonFillTextColor?: string;
-  buttonFillBackgroundColor?: string;
+  buttonFillHoverBackgroundColor?: string;
   buttonOutlineHoverTextColor?: string;
-  inputBorderColor?: string;
   inputBorderRadius?: string;
   inputBorderWidth?: string;
   inputBorderWidthFocus?: string;
@@ -30,8 +50,8 @@ interface CSSProperties {
   dataGridRowBackgroundColor?: string;
   dataGridRowHoverBackgroundColor?: string;
   tabsBackgroundColor?: string;
-  tabBorderWidth?: string;
-  tabBorderStyle?: string;
+  tabActiveBorderHeight?: string;
+  tabActiveBorderColor?: string;
   tablistBorderWidth?: string;
   tablistBorderStyle?: string;
   tablistBorderColor?: string;
@@ -41,7 +61,10 @@ interface CSSProperties {
   error?: string;
   disabled?: string;
   greyedOut?: string;
+  lightGreyBorder?: string;
   warning?: string;
+  light?: string;
+  grey?: string;
   fontFamily?: string;
   fontFamilyCode?: string;
   fontSize?: string;
@@ -60,7 +83,7 @@ export interface Props extends HTMLAttributes<HTMLDivElement> {
 
 export const BaseStyling = ({ children, properties = {} }: Props) => {
   const defaultProperties: CSSProperties = {
-    colorFocus: "#0085f2",
+    colorFocus: "var(--color-primary)",
     colorPrimary: "#9e006b",
     colorSecondary: "#003b5e",
     colorTertiary: "#ff1e4e",
@@ -69,28 +92,27 @@ export const BaseStyling = ({ children, properties = {} }: Props) => {
     buttonBorderWidth: "2px",
     buttonFontSize: "1rem",
     buttonBorderStyle: "solid",
-    buttonFillTextColor: "#fff",
-    buttonFillBackgroundColor: "#fff",
-    buttonOutlineHoverTextColor: "#fff",
-    inputBorderColor: "#e9e9eb",
+    buttonFillTextColor: "var(--light)",
+    buttonFillHoverBackgroundColor: "var(--light)",
+    buttonOutlineHoverTextColor: "var(--light)",
     inputBorderRadius: "8px",
     inputBorderWidth: "1px",
     inputBorderWidthFocus: "2px",
     inputBorderStyle: "solid",
-    inputBackgroundColor: "#fff",
+    inputBackgroundColor: "var(--light)",
     modalShadowColor: "rgba(0, 0, 0, 0.16)",
     modalBackgroundColor: "#f5f8f8",
-    modalHeaderBackgroundColor: "#fff",
-    snackbarTextColor: "#fff",
+    modalHeaderBackgroundColor: "var(--light)",
+    snackbarTextColor: "var(--light)",
     snackbarInfoBackgroundColor: "#003b5e",
     snackbarSuccessBackgroundColor: "#008a28",
     snackbarErrorBackgroundColor: "#d9291c",
     snackbarBorderRadius: "8px",
     dataGridRowBackgroundColor: "transparent",
     dataGridRowHoverBackgroundColor: "#f5e6f0",
-    tabsBackgroundColor: "#FFF",
-    tabBorderWidth: "2px",
-    tabBorderStyle: "solid",
+    tabsBackgroundColor: "var(--light)",
+    tabActiveBorderHeight: "2px",
+    tabActiveBorderColor: "var(--color-primary)",
     tablistBorderWidth: "1px",
     tablistBorderStyle: "solid",
     tablistBorderColor: "#C3C3C7",
@@ -100,9 +122,12 @@ export const BaseStyling = ({ children, properties = {} }: Props) => {
     error: "#d9291c",
     disabled: "#e9e9eb",
     greyedOut: "#6f6f76",
+    lightGreyBorder: "#e9e9eb",
     warning: "#ff6105",
+    light: "#FFF",
+    grey: "#c3c3c7",
     fontFamily: "'Red Hat Display', sans-serif",
-    fontFamilyCode: "'Red Hat Mono', sans-serif",
+    fontFamilyCode: "'Red Hat Mono', monospace",
     fontSize: "1rem",
     fontSizeH1: "2.5rem",
     fontSizeH2: "1.625rem",

package/src/hooks/useAnimation.test.tsx

@@ -1,3 +1,19 @@
+/*
+ * 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, { Fragment } from "react";
 import { render, fireEvent } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";

package/src/hooks/useAnimation.ts

@@ -1,3 +1,19 @@
+/*
+ * 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 { useEffect, useRef, useState } from "react";
 
 export const useAnimation = <RefElement extends HTMLElement>(callback: () => void) => {

package/src/hooks/useBodyClick.test.tsx

@@ -1,3 +1,19 @@
+/*
+ * 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, { Fragment, useState } from "react";
 import { useBodyClick } from "./useBodyClick";
 import { render } from "@testing-library/react";

package/src/hooks/useBodyClick.ts

@@ -1,3 +1,19 @@
+/*
+ * 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 { useEffect } from "react";
 
 export const useBodyClick = (

package/src/hooks/useFormSelector.test.ts

@@ -1,3 +1,19 @@
+/*
+ * 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 { useFormSelector } from "./useFormSelector";
 import { renderHook } from "@testing-library/react-hooks";
 

package/src/hooks/useFormSelector.ts

@@ -1,3 +1,19 @@
+/*
+ * 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 { useEffect, useState } from "react";
 import { generateID } from "../util/helper";
 

package/src/hooks/usePosition.test.tsx

@@ -1,3 +1,19 @@
+/*
+ * 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, { Fragment, useRef } from "react";
 import { render } from "@testing-library/react";
 import { ConfigObject, usePosition } from "./usePosition";

package/src/hooks/usePosition.ts

@@ -1,3 +1,19 @@
+/*
+ * 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, { useState } from "react";
 
 export interface ConfigObject {

package/src/hooks/useRepeater.test.tsx

@@ -1,3 +1,19 @@
+/*
+ * 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, { Fragment, useEffect, useState } from "react";
 import { useRepeater } from "./useRepeater";
 import { render } from "@testing-library/react";

package/src/hooks/useRepeater.ts

@@ -1,3 +1,19 @@
+/*
+ * 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, { useEffect, useState } from "react";
 import { generateID } from "../util/helper";
 

package/src/hooks/useScroll.test.tsx

@@ -1,3 +1,19 @@
+/*
+ * 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 from "react";
 import { fireEvent, render } from "@testing-library/react";
 import { useScroll } from "./useScroll";

package/src/hooks/useScroll.ts

@@ -1,3 +1,19 @@
+/*
+ * 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, { useLayoutEffect } from "react";
 
 export const useScroll = (