@onewelcome/react-lib-components 1.3.0 → 1.4.0

package/src/Tabs/TabPanel.test.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 from "react";
-import { TabPanel, Props } from "./TabPanel";
-import { render } from "@testing-library/react";
-
-const defaultParams: Props = {
-  tabId: "fakeTabId",
-  tabPanelId: "fakeTabPanelId",
-  children: []
-};
-
-const createTabPanel = (params?: (defaultParams: Props) => Props) => {
-  let parameters: Props = defaultParams;
-  if (params) {
-    parameters = params(defaultParams);
-  }
-  const queries = render(
-    <TabPanel {...parameters} data-testid="tabpanel">
-      tabpanel content
-    </TabPanel>
-  );
-  const tabpanel = queries.getByTestId("tabpanel");
-
-  return {
-    ...queries,
-    tabpanel
-  };
-};
-
-describe("TabPanel should render", () => {
-  it("renders without crashing", () => {
-    const { tabpanel } = createTabPanel();
-
-    expect(tabpanel).toBeTruthy();
-
-    expect(tabpanel).toHaveAttribute("aria-hidden", "true");
-    expect(tabpanel).toHaveAttribute("hidden");
-  });
-
-  it("should be visible when prop selected is passed", () => {
-    const { tabpanel } = createTabPanel(defaultParams => ({
-      ...defaultParams,
-      selected: true
-    }));
-
-    expect(tabpanel).toHaveClass("selected");
-    expect(tabpanel).toHaveAttribute("aria-hidden", "false");
-    expect(tabpanel).not.toHaveAttribute("hidden");
-  });
-
-  it("should set id when prop tabPanelId is passed", () => {
-    const { tabpanel } = createTabPanel(defaultParams => ({
-      ...defaultParams,
-      tabPanelId: "fakeId"
-    }));
-
-    expect(tabpanel).toHaveAttribute("id", "fakeId");
-  });
-
-  it("should set accessibility attributes when prop tabId is passed", () => {
-    const { tabpanel } = createTabPanel(defaultParams => ({
-      ...defaultParams,
-      tabId: "fakeId"
-    }));
-
-    expect(tabpanel).toHaveAttribute("aria-labelledby", "fakeId");
-  });
-
-  it("should set class when prop className is passed", () => {
-    const { tabpanel } = createTabPanel(defaultParams => ({
-      ...defaultParams,
-      className: "customclass"
-    }));
-
-    expect(tabpanel).toHaveClass("customclass");
-  });
-});

package/src/Tabs/TabPanel.tsx

@@ -1,43 +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, { ComponentPropsWithRef } from "react";
-import classes from "./TabPanel.module.scss";
-
-export interface Props extends ComponentPropsWithRef<"div"> {
-  children: React.ReactNode;
-  tabId: string;
-  tabPanelId: string;
-  selected?: boolean;
-}
-
-export const TabPanel = React.forwardRef<HTMLDivElement, Props>(
-  ({ children, tabId, tabPanelId, selected = false, className, ...rest }: Props, ref) => (
-    <div
-      {...rest}
-      ref={ref}
-      aria-labelledby={tabId}
-      className={`${classes["tabpanel"]} ${selected ? classes["selected"] : ""} ${className ?? ""}`}
-      id={tabPanelId}
-      role="tabpanel"
-      tabIndex={0}
-      hidden={!selected || undefined}
-      aria-hidden={!selected}
-    >
-      {children}
-    </div>
-  )
-);