@dxc-technology/halstack-react 0.0.0-9bd9511 → 0.0.0-9c20370

package/wizard/Wizard.test.js

@@ -1,20 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 var _react = _interopRequireDefault(require("react"));
+
 var _react2 = require("@testing-library/react");
-var _Wizard = _interopRequireDefault(require("./Wizard"));
+
+var _Wizard = _interopRequireDefault(require("./Wizard.tsx"));
+
 describe("Wizard components tests", function () {
   test("Wizard renders with correct steps", function () {
     var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Wizard["default"], {
-        steps: [{
-          label: "first-step"
-        }, {
-          label: "second-step"
-        }]
-      })),
-      getByText = _render.getByText,
-      getAllByRole = _render.getAllByRole;
+      steps: [{
+        label: "first-step"
+      }, {
+        label: "second-step"
+      }]
+    })),
+        getByText = _render.getByText,
+        getAllByRole = _render.getAllByRole;
+
     var steps = getAllByRole("button");
     expect(getByText("first-step")).toBeTruthy();
     expect(getByText("second-step")).toBeTruthy();
@@ -23,90 +28,112 @@ describe("Wizard components tests", function () {
   });
   test("Wizard renders with initially selected step", function () {
     var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Wizard["default"], {
-        defaultCurrentStep: 1,
-        steps: [{
-          label: "first-step"
-        }, {
-          label: "second-step"
-        }]
-      })),
-      getAllByRole = _render2.getAllByRole;
+      defaultCurrentStep: 1,
+      steps: [{
+        label: "first-step"
+      }, {
+        label: "second-step"
+      }]
+    })),
+        getAllByRole = _render2.getAllByRole;
+
     var steps = getAllByRole("button");
     expect(steps[1].getAttribute("aria-current")).toBe("step");
   });
   test("Click on step text", function () {
     var onClick = jest.fn();
+
     var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Wizard["default"], {
-        onStepClick: onClick,
-        steps: [{
-          label: "first-step"
-        }]
-      })),
-      getByText = _render3.getByText;
+      onStepClick: onClick,
+      steps: [{
+        label: "first-step"
+      }]
+    })),
+        getByText = _render3.getByText;
+
     var step = getByText("first-step");
+
     _react2.fireEvent.click(step);
+
     expect(onClick).toHaveBeenCalled();
   });
   test("Click on step description", function () {
     var onClick = jest.fn();
+
     var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Wizard["default"], {
-        onStepClick: onClick,
-        steps: [{
-          label: "first-step",
-          description: "step-description"
-        }]
-      })),
-      getByText = _render4.getByText;
+      onStepClick: onClick,
+      steps: [{
+        label: "first-step",
+        description: "step-description"
+      }]
+    })),
+        getByText = _render4.getByText;
+
     var step = getByText("step-description");
+
     _react2.fireEvent.click(step);
+
     expect(onClick).toHaveBeenCalled();
   });
   test("Click on step number", function () {
     var onClick = jest.fn();
+
     var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Wizard["default"], {
-        onStepClick: onClick,
-        steps: [{
-          label: "first-step"
-        }]
-      })),
-      getByText = _render5.getByText;
+      onStepClick: onClick,
+      steps: [{
+        label: "first-step"
+      }]
+    })),
+        getByText = _render5.getByText;
+
     var step = getByText("1");
+
     _react2.fireEvent.click(step);
+
     expect(onClick).toHaveBeenCalled();
   });
   test("Click on disable step", function () {
     var onClick = jest.fn();
+
     var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Wizard["default"], {
-        onStepClick: onClick,
-        steps: [{
-          label: "first-step"
-        }, {
-          label: "second-step",
-          disabled: true
-        }]
-      })),
-      getByText = _render6.getByText;
+      onStepClick: onClick,
+      steps: [{
+        label: "first-step"
+      }, {
+        label: "second-step",
+        disabled: true
+      }]
+    })),
+        getByText = _render6.getByText;
+
     var step = getByText("second-step");
+
     _react2.fireEvent.click(step);
+
     expect(onClick).toHaveBeenCalledTimes(0);
   });
   test("Controlled wizard function is called", function () {
     var onClick = jest.fn(function (i) {
       return i;
     });
+
     var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Wizard["default"], {
-        currentStep: 0,
-        onStepClick: onClick,
-        steps: [{
-          label: "first-step"
-        }, {
-          label: "second-step"
-        }]
-      })),
-      getAllByRole = _render7.getAllByRole;
+      currentStep: 0,
+      onStepClick: onClick,
+      steps: [{
+        label: "first-step"
+      }, {
+        label: "second-step"
+      }]
+    })),
+        getAllByRole = _render7.getAllByRole;
+
     var steps = getAllByRole("button");
+
     _react2.fireEvent.click(steps[1]);
+
     _react2.fireEvent.click(steps[0]);
+
     expect(onClick).toHaveBeenCalledTimes(2);
     expect(onClick).toHaveBeenNthCalledWith(1, 1);
     expect(onClick).toHaveBeenNthCalledWith(2, 0);

package/wizard/types.d.ts

@@ -1,13 +1,13 @@
 /// <reference types="react" />
-export type Space = "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
-export type Margin = {
+declare type Space = "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
+declare type Margin = {
     top?: Space;
     bottom?: Space;
     left?: Space;
     right?: Space;
 };
-type SVG = React.ReactNode & React.SVGProps<SVGSVGElement>;
-type Step = {
+declare type SVG = React.ReactNode & React.SVGProps<SVGSVGElement>;
+export declare type StepProps = {
     /**
      * Step label.
      */
@@ -29,12 +29,11 @@ type Step = {
      */
     valid?: boolean;
 };
-export type Mode = "horizontal" | "vertical";
-type Props = {
+declare type Props = {
     /**
      * The wizard can be showed in horizontal or vertical.
      */
-    mode?: Mode;
+    mode?: "horizontal" | "vertical";
     /**
      * Initially selected step, only when it is uncontrolled.
      */
@@ -51,7 +50,7 @@ type Props = {
     /**
      * An array of objects representing the steps.
      */
-    steps: Step[];
+    steps: StepProps[];
     /**
      * Size of the margin to be applied to the component ('xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge').
      * You can pass an object with 'top', 'bottom', 'left' and 'right' properties in order to specify different margin sizes.

package/translatedLabelsType.d.ts

@@ -1,82 +0,0 @@
-type TranslatedLabelsContextTypes = {
-    formFields: {
-        optionalLabel: string;
-        requiredSelectionErrorMessage: string;
-        requiredValueErrorMessage: string;
-        formatRequestedErrorMessage: string;
-        lengthErrorMessage: (minLength: number, maxLength: number) => string;
-        logoAlternativeText: string;
-    };
-    applicationLayout: {
-        visibilityToggleTitle: string;
-    };
-    alert: {
-        infoTitleText: string;
-        successTitleText: string;
-        warningTitleText: string;
-        errorTitleText: string;
-    };
-    dateInput: {
-        invalidDateErrorMessage: string;
-    };
-    fileInput: {
-        fileSizeGreaterThanErrorMessage: string;
-        fileSizeLessThanErrorMessage: string;
-        multipleButtonLabelDefault: string;
-        singleButtonLabelDefault: string;
-        dropAreaButtonLabelDefault: string;
-        multipleDropAreaLabelDefault: string;
-        singleDropAreaLabelDefault: string;
-        deleteFileActionTitle: string;
-    };
-    footer: {
-        copyrightText: (year: number) => string;
-    };
-    header: {
-        closeIcon: string;
-        hamburguerTitle: string;
-    };
-    numberInput: {
-        valueGreaterThanOrEqualToErrorMessage: (minLength: number) => string;
-        valueLessThanOrEqualToErrorMessage: (maxLength: number) => string;
-        decrementValueTitle: string;
-        incrementValueTitle: string;
-    };
-    paginator: {
-        itemsPerPageText: string;
-        minToMaxOfText: (minNumberOfItems: number, maxNumberOfItems: number, totalItems: number) => string;
-        goToPageText: string;
-        pageOfText: (pageNumber: number, totalPagesNumber: number) => string;
-    };
-    passwordInput: {
-        inputShowPasswordTitle: string;
-        inputHidePasswordTitle: string;
-    };
-    quickNav: {
-        contentTitle: string;
-    };
-    radioGroup: {
-        optionalItemLabelDefault: string;
-    };
-    select: {
-        noMatchesErrorMessage: string;
-        actionClearSelectionTitle: string;
-        actionClearSearchTitle: string;
-    };
-    tabs: {
-        scrollLeft: string;
-        scrollRight: string;
-    };
-    textInput: {
-        clearFieldActionTitle: string;
-        searchingMessage: string;
-        fetchingDataErrorMessage: string;
-    };
-    calendar: {
-        daysShort: string[];
-        months: string[];
-        previousMonthTitle: string;
-        nextMonthTitle: string;
-    };
-};
-export default TranslatedLabelsContextTypes;