@dxc-technology/halstack-react 0.0.0-b3da1a9 → 0.0.0-b3de035

package/dist/{new-select → select}/index.d.ts

@@ -50,4 +50,4 @@ type Props = {
   ref?: React.RefObject<HTMLDivElement>;
 };
 
-export default function DxcNewSelect(props: Props): JSX.Element;
+export default function DxcSelect(props: Props): JSX.Element;

package/dist/sidenav/index.d.ts

@@ -0,0 +1,13 @@
+type Space = "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
+type Padding = {
+  top?: Space;
+  bottom?: Space;
+  left?: Space;
+  right?: Space;
+};
+
+type Props = {
+  padding?: Space | Padding;
+};
+
+export default function DxcSidenav(props: Props): JSX.Element;

package/dist/slider/index.d.ts

@@ -0,0 +1,29 @@
+type Size = "small" | "medium" | "large" | "fillParent";
+type Space = "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
+type Margin = {
+  top?: Space;
+  bottom?: Space;
+  left?: Space;
+  right?: Space;
+};
+
+type Props = {
+  label?: string;
+  helperText?: string;
+  minValue?: number;
+  maxValue?: number;
+  step?: number;
+  value?: number;
+  showLimitsValues?: boolean;
+  showInput?: boolean;
+  name?: string;
+  onChange?: void;
+  onDragEnd?: void;
+  disabled?: boolean;
+  marks?: boolean;
+  labelFormatCallback?: void;
+  margin?: Space | Margin;
+  size?: Size;
+};
+
+export default function DxcSlider(props: Props): JSX.Element;

package/dist/spinner/index.d.ts

@@ -0,0 +1,17 @@
+type Space = "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
+type Margin = {
+  top?: Space;
+  bottom?: Space;
+  left?: Space;
+  right?: Space;
+};
+
+type Props = {
+  label?: string;
+  value?: number;
+  showValue?: boolean;
+  mode?: "large" | "small" | "overlay";
+  margin?: Space | Margin;
+};
+
+export default function DxcSpinner(props: Props): JSX.Element;

package/dist/switch/index.d.ts

@@ -0,0 +1,24 @@
+type Size = "small" | "medium" | "large" | "fillParent" | "fitContent";
+type Space = "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
+type Margin = {
+  top?: Space;
+  bottom?: Space;
+  left?: Space;
+  right?: Space;
+};
+
+type Props = {
+  checked?: boolean;
+  value?: any;
+  label?: string;
+  labelPosition?: "before" | "after";
+  name?: string,
+  disabled?: boolean;
+  onChange?: void;
+  required?: boolean;
+  margin?: Space | Margin;
+  size?: Size;
+  tabIndex?: number;
+};
+
+export default function DxcSwitch(props: Props): JSX.Element;

package/dist/table/index.d.ts

@@ -0,0 +1,13 @@
+type Space = "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
+type Margin = {
+  top?: Space;
+  bottom?: Space;
+  left?: Space;
+  right?: Space;
+};
+
+type Props = {
+  margin?: Space | Margin;
+};
+
+export default function DxcTable(props: Props): JSX.Element;

package/dist/tabs/index.d.ts

@@ -0,0 +1,19 @@
+type Space = "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
+type Margin = {
+  top?: Space;
+  bottom?: Space;
+  left?: Space;
+  right?: Space;
+};
+
+type Props = {
+  activeTabIndex?: number;
+  tabs?: any;
+  onTabClick?: void;
+  onTabHover?: void;
+  iconPosition?: "top" | "left";
+  margin?: Space | Margin;
+  tabIndex?: number;
+};
+
+export default function DxcTabs(props: Props): JSX.Element;

package/dist/tag/index.d.ts

@@ -0,0 +1,24 @@
+type Size = "small" | "medium" | "large" | "fillParent" | "fitContent";
+type Space = "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
+type Margin = {
+  top?: Space;
+  bottom?: Space;
+  left?: Space;
+  right?: Space;
+};
+
+type Props = {
+  icon?: any;
+  iconSrc?: string;
+  label?: string;
+  linkHref?: string;
+  onClick?: void,
+  iconBgColor?: string;
+  labelPosition?: "before" | "after";
+  newWindow?: boolean;
+  margin?: Space | Margin;
+  size?: Size;
+  tabIndex?: number;
+};
+
+export default function DxcTag(props: Props): JSX.Element;

package/dist/text-input/TextInput.js

@@ -243,6 +243,8 @@ var patternMatch = function patternMatch(pattern, value) {
 };
 
 var DxcTextInput = _react["default"].forwardRef(function (_ref, ref) {
+  var _action$title;
+
   var _ref$label = _ref.label,
       label = _ref$label === void 0 ? "" : _ref$label,
       _ref$name = _ref.name,
@@ -745,6 +747,7 @@ var DxcTextInput = _react["default"].forwardRef(function (_ref, ref) {
     ref: actionRef,
     disabled: disabled,
     onClick: action.onClick,
+    title: (_action$title = action.title) !== null && _action$title !== void 0 ? _action$title : action.title,
     backgroundType: backgroundType,
     tabIndex: tabIndex
   }, typeof action.icon === "string" ? _react["default"].createElement(ActionIcon, {

package/dist/toggle/index.d.ts

@@ -0,0 +1,21 @@
+type Space = "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
+type Margin = {
+  top?: Space;
+  bottom?: Space;
+  left?: Space;
+  right?: Space;
+};
+
+type Props = {
+  label?: string;
+  helperText?: string;
+  value?: any;
+  onChange?: void;
+  disabled?: boolean,
+  options?: any;
+  multiple?: boolean;
+  margin?: Space | Margin;
+  tabIndex?: number;
+};
+
+export default function DxcToggle(props: Props): JSX.Element;

package/dist/toggle-group/index.d.ts

@@ -0,0 +1,21 @@
+type Space = "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
+type Margin = {
+  top?: Space;
+  bottom?: Space;
+  left?: Space;
+  right?: Space;
+};
+
+type Props = {
+  label?: string;
+  helperText?: string;
+  value?: any;
+  onChange?: void;
+  disabled?: boolean;
+  options?: any;
+  multiple?: boolean;
+  margin?: Space | Margin;
+  tabIndex?: number;
+};
+
+export default function DxcToggleGroup(props: Props): JSX.Element;

package/dist/upload/Upload.js

@@ -41,7 +41,7 @@ function _templateObject() {
   return data;
 }
 
-var V3DxcUpload = function V3DxcUpload(_ref) {
+var DxcUpload = function DxcUpload(_ref) {
   var callbackUpload = _ref.callbackUpload,
       margin = _ref.margin,
       _ref$tabIndex = _ref.tabIndex,
@@ -178,7 +178,7 @@ var V3DxcUpload = function V3DxcUpload(_ref) {
   }));
 };
 
-V3DxcUpload.propTypes = {
+DxcUpload.propTypes = {
   callbackUpload: _propTypes["default"].func,
   margin: _propTypes["default"].oneOfType([_propTypes["default"].shape({
     top: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
@@ -201,5 +201,5 @@ var DXCUpload = _styledComponents["default"].div(_templateObject(), function (pr
   return props.margin && (0, _typeof2["default"])(props.margin) === "object" && props.margin.left ? _variables.spaces[props.margin.left] : "";
 });
 
-var _default = V3DxcUpload;
+var _default = DxcUpload;
 exports["default"] = _default;

package/dist/upload/index.d.ts

@@ -0,0 +1,15 @@
+type Space = "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
+type Margin = {
+  top?: Space;
+  bottom?: Space;
+  left?: Space;
+  right?: Space;
+};
+
+type Props = {
+  callbackUpload?: void;
+  margin?: Space | Margin;
+  tabIndex?: number;
+};
+
+export default function DxcUpload(props: Props): JSX.Element;

package/dist/wizard/index.d.ts

@@ -0,0 +1,18 @@
+type Space = "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
+type Margin = {
+  top?: Space;
+  bottom?: Space;
+  left?: Space;
+  right?: Space;
+};
+
+type Props = {
+  mode?: "horizontal" | "vertical";
+  currentStep?: number;
+  onStepClick?: void;
+  steps?: any;
+  margin?: Space | Margin;
+  tabIndex?: number;
+};
+
+export default function DxcWizard(props: Props): JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxc-technology/halstack-react",
-  "version": "0.0.0-b3da1a9",
+  "version": "0.0.0-b3de035",
   "description": "DXC Halstack React components library",
   "repository": "dxc-technology/halstack-react",
   "homepage": "http://developer.dxc.com/tools/react",

package/test/Date.test.js

@@ -1,12 +1,12 @@
 import React from "react";
 import { render, fireEvent } from "@testing-library/react";
-import V3DxcDate from "../src/date/Date";
+import DxcDate from "../src/date/Date";
 
 const defaultFormat = "DD-MM-YYYY";
 
 describe("Date component general tests", () => {
   test("Date renders correctly", () => {
-    const { getByPlaceholderText } = render(<V3DxcDate label="Birthdate" placeholder />);
+    const { getByPlaceholderText } = render(<DxcDate label="Birthdate" placeholder />);
     // const input = getByPlaceholderText('DD-MM-YYYY');
     expect(getByPlaceholderText(defaultFormat)).toBeTruthy();
   });
@@ -22,19 +22,19 @@ describe("Controlled Date Component", () => {
     });
 
     const { getByRole, getByPlaceholderText, rerender } = render(
-      <V3DxcDate label="Birthdate" value="30-03-1981" onChange={onChange} placeholder />
+      <DxcDate label="Birthdate" value="30-03-1981" onChange={onChange} placeholder />
     );
     const input = getByPlaceholderText(defaultFormat);
 
     fireEvent.change(input, { target: { value: "something" } });
     expect(onChange).toHaveBeenCalled();
     fireEvent.blur(input);
-    rerender(<V3DxcDate label="Birthdate" value="" placeholder />);
+    rerender(<DxcDate label="Birthdate" value="" placeholder />);
     // expect(getByRole("textbox").value).toBe('');
   });
 
   test("The input´s value is the same as the one received as a parameter (Default format)", () => {
-    const { getByRole, getByPlaceholderText } = render(<V3DxcDate label="Birthdate" value="30/03/1981" placeholder />);
+    const { getByRole, getByPlaceholderText } = render(<DxcDate label="Birthdate" value="30/03/1981" placeholder />);
     // const input = getByRole("textbox");
     const input = getByPlaceholderText(defaultFormat);
     expect(input.value).toBe("30/03/1981");
@@ -42,7 +42,7 @@ describe("Controlled Date Component", () => {
 
   test("The input´s value is the same as the one received as a parameter (Custom format)", () => {
     const { getByRole, getByPlaceholderText } = render(
-      <V3DxcDate label="Birthdate" format="dd/MM/yy" value="30/03/81" placeholder />
+      <DxcDate label="Birthdate" format="dd/MM/yy" value="30/03/81" placeholder />
     );
     // const input = getByRole("textbox");
     const input = getByPlaceholderText("DD/MM/YY");
@@ -50,20 +50,20 @@ describe("Controlled Date Component", () => {
   });
 
   test("Calendar´s value is the same as the input´s date if it´s right (Depending on the format)", () => {
-    const { getByRole, getByText, getByTestId } = render(<V3DxcDate label="Birthdate" value="16-10-2020" />);
+    const { getByRole, getByText, getByTestId } = render(<DxcDate label="Birthdate" value="16-10-2020" />);
     fireEvent.click(getByTestId("calendarIcon"));
     expect(getByText("Fri, Oct 16")).toBeTruthy();
   });
 
   test("Calendar´s value is the same as the input´s date if it´s right after changing the input value", () => {
     const { getByRole, getByText, rerender, getByPlaceholderText, getByTestId } = render(
-      <V3DxcDate label="Birthdate" value="30-03-1981" placeholder />
+      <DxcDate label="Birthdate" value="30-03-1981" placeholder />
     );
     // const input = getByRole("textbox");
     const input = getByPlaceholderText(defaultFormat);
     fireEvent.change(input, { target: { value: "10-02-2020" } });
 
-    rerender(<V3DxcDate label="Birthdate" value="10-02-2020" />);
+    rerender(<DxcDate label="Birthdate" value="10-02-2020" />);
     const calendarButton = getByTestId("calendarIcon");
     fireEvent.click(calendarButton);
     expect(getByText("Mon, Feb 10")).toBeTruthy();
@@ -76,7 +76,7 @@ describe("Controlled Date Component", () => {
     });
 
     const { getByRole, getByPlaceholderText } = render(
-      <V3DxcDate label="Birthdate" value="30-03-1981" onChange={onChange} placeholder />
+      <DxcDate label="Birthdate" value="30-03-1981" onChange={onChange} placeholder />
     );
     // const input = getByRole("textbox");
     const input = getByPlaceholderText(defaultFormat);
@@ -92,7 +92,7 @@ describe("Controlled Date Component", () => {
     });
 
     const { getByRole, getByPlaceholderText } = render(
-      <V3DxcDate label="Birthdate" value="30-03-1981" onChange={onChange} placeholder />
+      <DxcDate label="Birthdate" value="30-03-1981" onChange={onChange} placeholder />
     );
     // const input = getByRole("textbox");
     const input = getByPlaceholderText(defaultFormat);
@@ -107,7 +107,7 @@ describe("Controlled Date Component", () => {
     });
 
     const { getByRole, getByPlaceholderText } = render(
-      <V3DxcDate label="Birthdate" format="dd-MM-yy" value="30-03-81" onChange={onChange} placeholder />
+      <DxcDate label="Birthdate" format="dd-MM-yy" value="30-03-81" onChange={onChange} placeholder />
     );
     // const input = getByRole("textbox");
     const input = getByPlaceholderText("DD-MM-YY");
@@ -123,7 +123,7 @@ describe("Controlled Date Component", () => {
     });
 
     const { getByRole, getByPlaceholderText } = render(
-      <V3DxcDate label="Birthdate" value="30-03-1981" onChange={onChange} placeholder />
+      <DxcDate label="Birthdate" value="30-03-1981" onChange={onChange} placeholder />
     );
     // const input = getByRole("textbox");
     const input = getByPlaceholderText(defaultFormat);
@@ -139,7 +139,7 @@ describe("Controlled Date Component", () => {
     });
 
     const { getByRole, getByPlaceholderText } = render(
-      <V3DxcDate label="Birthdate" value="03/30/1981" format="MM/dd/yyyy" onChange={onChange} placeholder />
+      <DxcDate label="Birthdate" value="03/30/1981" format="MM/dd/yyyy" onChange={onChange} placeholder />
     );
     // const input = getByRole("textbox");
     const input = getByPlaceholderText("MM/DD/YYYY");
@@ -151,7 +151,7 @@ describe("Controlled Date Component", () => {
   test("onChange function is called when the user selects from the calendar", () => {
     const onChange = jest.fn();
 
-    const component = render(<V3DxcDate label="Birthdate" value="01-02-2020" onChange={onChange} />);
+    const component = render(<DxcDate label="Birthdate" value="01-02-2020" onChange={onChange} />);
     const calendarButton = component.getByTestId("calendarIcon");
     fireEvent.click(calendarButton);
     const dayButton = component.getByRole("button", { name: "10" });
@@ -165,7 +165,7 @@ describe("Controlled Date Component", () => {
       expect(returnedValue.dateValue.getTime()).toBe(date.getTime());
     });
 
-    const component = render(<V3DxcDate label="Birthdate" value="30-10-2020" onChange={onChange} />);
+    const component = render(<DxcDate label="Birthdate" value="30-10-2020" onChange={onChange} />);
     const calendarButton = component.getByTestId("calendarIcon");
     fireEvent.click(calendarButton);
     const dayButton = component.getByRole("button", { name: "16" });
@@ -178,7 +178,7 @@ describe("Controlled Date Component", () => {
       expect(returnedValue.stringValue).toBe("16-10-2020");
     });
 
-    const component = render(<V3DxcDate label="Birthdate" value="01-10-2020" onChange={onChange} />);
+    const component = render(<DxcDate label="Birthdate" value="01-10-2020" onChange={onChange} />);
     const calendarButton = component.getByTestId("calendarIcon");
     fireEvent.click(calendarButton);
     const dayButton = component.getByRole("button", { name: "16" });
@@ -191,9 +191,7 @@ describe("Controlled Date Component", () => {
       expect(returnedValue.stringValue).toBe("2020/10/16");
     });
 
-    const component = render(
-      <V3DxcDate label="Birthdate" format="yyyy/MM/dd" value="2020/10/01" onChange={onChange} />
-    );
+    const component = render(<DxcDate label="Birthdate" format="yyyy/MM/dd" value="2020/10/01" onChange={onChange} />);
     const calendarButton = component.getByTestId("calendarIcon");
     fireEvent.click(calendarButton);
     const dayButton = component.getByRole("button", { name: "16" });
@@ -202,7 +200,7 @@ describe("Controlled Date Component", () => {
   });
 
   test("Check selected date on calendar is the same date as the one on the input", () => {
-    const component = render(<V3DxcDate label="Birthdate" value="01-10-2020" />);
+    const component = render(<DxcDate label="Birthdate" value="01-10-2020" />);
     const calendarButton = component.getByTestId("calendarIcon");
     fireEvent.click(calendarButton);
     const dayButton = component.getByRole("button", { name: "1" });
@@ -211,7 +209,7 @@ describe("Controlled Date Component", () => {
   test("onBlur function is called", () => {
     const onBlur = jest.fn();
     const { getByRole, getByPlaceholderText } = render(
-      <V3DxcDate label="Birthdate" value="30-03-81" onBlur={onBlur} placeholder />
+      <DxcDate label="Birthdate" value="30-03-81" onBlur={onBlur} placeholder />
     );
     // const input = getByRole("textbox");
     const input = getByPlaceholderText(defaultFormat);
@@ -224,7 +222,7 @@ describe("Controlled Date Component", () => {
       expect(returnedValue).toBe("30-03-81");
     });
     const { getByRole, getByPlaceholderText } = render(
-      <V3DxcDate label="Birthdate" value="30-03-81" onBlur={onBlur} placeholder />
+      <DxcDate label="Birthdate" value="30-03-81" onBlur={onBlur} placeholder />
     );
     // const input = getByRole("textbox");
     const input = getByPlaceholderText(defaultFormat);
@@ -237,7 +235,7 @@ describe("Controlled Date Component", () => {
       expect(returnedValue).toBe("30/03/81");
     });
     const { getByRole, getByPlaceholderText } = render(
-      <V3DxcDate label="Birthdate" format="dd/MM/yy" value="30/03/81" onBlur={onBlur} placeholder />
+      <DxcDate label="Birthdate" format="dd/MM/yy" value="30/03/81" onBlur={onBlur} placeholder />
     );
     // const input = getByRole("textbox");
     const input = getByPlaceholderText("DD/MM/YY");
@@ -252,14 +250,14 @@ describe("Uncontrolled Date Component", () => {
 
   test("Calendar´s value is the same as the input´s date if it´s right after changing the input value", () => {
     const { getByRole, getByText, rerender, getByPlaceholderText, getByTestId } = render(
-      <V3DxcDate label="Birthdate" placeholder />
+      <DxcDate label="Birthdate" placeholder />
     );
     // const input = getByRole("textbox");
     const input = getByPlaceholderText(defaultFormat);
 
     fireEvent.change(input, { target: { value: "10-02-2020" } });
 
-    rerender(<V3DxcDate label="Birthdate" value="10-02-2020" />);
+    rerender(<DxcDate label="Birthdate" value="10-02-2020" />);
     const calendarButton = getByTestId("calendarIcon");
     fireEvent.click(calendarButton);
     expect(getByText("Mon, Feb 10")).toBeTruthy();
@@ -271,7 +269,7 @@ describe("Uncontrolled Date Component", () => {
       expect(returnedValue.stringValue).toBe("something");
     });
 
-    const { getByRole, getByPlaceholderText } = render(<V3DxcDate label="Birthdate" onChange={onChange} placeholder />);
+    const { getByRole, getByPlaceholderText } = render(<DxcDate label="Birthdate" onChange={onChange} placeholder />);
     // const input = getByRole("textbox");
     const input = getByPlaceholderText(defaultFormat);
 
@@ -284,7 +282,7 @@ describe("Uncontrolled Date Component", () => {
       expect(returnedValue.stringValue).toBe("16-10-2020");
     });
 
-    const { getByRole, getByPlaceholderText } = render(<V3DxcDate label="Birthdate" onChange={onChange} placeholder />);
+    const { getByRole, getByPlaceholderText } = render(<DxcDate label="Birthdate" onChange={onChange} placeholder />);
     // const input = getByRole("textbox");
     const input = getByPlaceholderText(defaultFormat);
 
@@ -298,7 +296,7 @@ describe("Uncontrolled Date Component", () => {
     });
 
     const { getByRole, getByPlaceholderText } = render(
-      <V3DxcDate label="Birthdate" format="dd-MM-yy" onChange={onChange} placeholder />
+      <DxcDate label="Birthdate" format="dd-MM-yy" onChange={onChange} placeholder />
     );
     // const input = getByRole("textbox");
     const input = getByPlaceholderText("DD-MM-YY");
@@ -313,7 +311,7 @@ describe("Uncontrolled Date Component", () => {
       expect(returnedValue.stringValue).toBe("11-15-2020");
     });
 
-    const { getByRole, getByPlaceholderText } = render(<V3DxcDate label="Birthdate" onChange={onChange} placeholder />);
+    const { getByRole, getByPlaceholderText } = render(<DxcDate label="Birthdate" onChange={onChange} placeholder />);
     // const input = getByRole("textbox");
     const input = getByPlaceholderText(defaultFormat);
 
@@ -328,7 +326,7 @@ describe("Uncontrolled Date Component", () => {
     });
 
     const { getByRole, getByPlaceholderText } = render(
-      <V3DxcDate label="Birthdate" format="MM/dd/yyyy" onChange={onChange} placeholder />
+      <DxcDate label="Birthdate" format="MM/dd/yyyy" onChange={onChange} placeholder />
     );
     // const input = getByRole("textbox");
     const input = getByPlaceholderText("MM/DD/YYYY");
@@ -339,7 +337,7 @@ describe("Uncontrolled Date Component", () => {
   test("onChange function is called when the user selects from the calendar", () => {
     const onChange = jest.fn();
 
-    const component = render(<V3DxcDate label="Birthdate" onChange={onChange} />);
+    const component = render(<DxcDate label="Birthdate" onChange={onChange} />);
     const calendarButton = component.getByTestId("calendarIcon");
     fireEvent.click(calendarButton);
     const dayButton = component.getByRole("button", { name: "10" });
@@ -349,7 +347,7 @@ describe("Uncontrolled Date Component", () => {
   });
 
   test("Check selected date on calendar is the same date as the one on the input", () => {
-    const component = render(<V3DxcDate label="Birthdate" placeholder />);
+    const component = render(<DxcDate label="Birthdate" placeholder />);
     // const input = component.getByRole("textbox");
     const input = component.getByPlaceholderText(defaultFormat);
 
@@ -361,7 +359,7 @@ describe("Uncontrolled Date Component", () => {
   });
   test("onBlur function is called", () => {
     const onBlur = jest.fn();
-    const { getByRole, getByPlaceholderText } = render(<V3DxcDate label="Birthdate" onBlur={onBlur} placeholder />);
+    const { getByRole, getByPlaceholderText } = render(<DxcDate label="Birthdate" onBlur={onBlur} placeholder />);
     // const input = getByRole("textbox");
     const input = getByPlaceholderText(defaultFormat);
 
@@ -372,7 +370,7 @@ describe("Uncontrolled Date Component", () => {
     const onBlur = jest.fn((returnedValue) => {
       expect(returnedValue).toBe("10-02-2020");
     });
-    const { getByRole, getByPlaceholderText } = render(<V3DxcDate label="Birthdate" onBlur={onBlur} placeholder />);
+    const { getByRole, getByPlaceholderText } = render(<DxcDate label="Birthdate" onBlur={onBlur} placeholder />);
     // const input = getByRole("textbox");
     const input = getByPlaceholderText("DD-MM-YYYY");
 
@@ -385,7 +383,7 @@ describe("Uncontrolled Date Component", () => {
       expect(returnedValue).toBe("10/02/20");
     });
     const { getByRole, getByPlaceholderText } = render(
-      <V3DxcDate label="Birthdate" format="dd/MM/yy" onBlur={onBlur} placeholder />
+      <DxcDate label="Birthdate" format="dd/MM/yy" onBlur={onBlur} placeholder />
     );
     // const input = getByRole("textbox");
     const input = getByPlaceholderText("DD/MM/YY");

package/test/Upload.test.js

@@ -1,10 +1,10 @@
 import React from "react";
 import { render, fireEvent, act, createEvent } from "@testing-library/react";
-import V3DxcUpload from "../src/upload/Upload";
+import DxcUpload from "../src/upload/Upload";
 
 describe("Upload component tests", () => {
   test("Upload renders with correct text", () => {
-    const { getByText } = render(<V3DxcUpload margin="small"></V3DxcUpload>);
+    const { getByText } = render(<DxcUpload margin="small"></DxcUpload>);
     expect(getByText("There are no files to upload")).toBeTruthy();
     expect(getByText("Drag and drop your files here or choose one from your computer")).toBeTruthy();
     expect(getByText("CHOOSE FILES")).toBeTruthy();
@@ -12,7 +12,7 @@ describe("Upload component tests", () => {
 
   test("Upload shows file information", () => {
     const myfunction = jest.fn();
-    const { getByText } = render(<V3DxcUpload margin="small"></V3DxcUpload>);
+    const { getByText } = render(<DxcUpload margin="small"></DxcUpload>);
 
     const dropZone = getByText("There are no files to upload");
     const dropEvent = createEvent.drop(dropZone);
@@ -36,7 +36,7 @@ describe("Upload component tests", () => {
   test("Calls correct function callbackUpload", () => {
     const onCallbackUpload = jest.fn(() => new Promise((resolve) => setTimeout(resolve, 1000)));
     const myfunction = jest.fn();
-    const { getByText } = render(<V3DxcUpload margin="small" callbackUpload={onCallbackUpload}></V3DxcUpload>);
+    const { getByText } = render(<DxcUpload margin="small" callbackUpload={onCallbackUpload}></DxcUpload>);
 
     const dropZone = getByText("There are no files to upload");
     const dropEvent = createEvent.drop(dropZone);