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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxc-technology/halstack-react",
-  "version": "0.0.0-9bd9511",
+  "version": "0.0.0-9c20370",
   "description": "DXC Halstack React components library",
   "repository": "dxc-technology/halstack-react",
   "homepage": "https://developer.dxc.com/halstack",
@@ -10,8 +10,8 @@
     "email": "DigitalInsurance@dxc.com",
     "url": "https://developer.dxc.com"
   },
-  "main": "./src/main.ts",
-  "types": "./src/main.ts",
+  "main": "./main.js",
+  "types": "./main.d.ts",
   "peerDependencies": {
     "react": "^18.x",
     "react-dom": "^18.x",
@@ -23,15 +23,14 @@
     "@types/uuid": "^8.3.4",
     "color": "^3.1.3",
     "dayjs": "^1.11.1",
-    "rgb-hex": "^3.0.0",
     "slugify": "^1.6.5",
     "uuid": "^8.3.2"
   },
   "scripts": {
     "test": "jest --env=jsdom",
     "test:watch": "npm test -- --watch --coverage",
-    "build": "babel src --extensions .js,.jsx,.ts,.tsx --out-dir ../../dist --copy-files --verbose && node ../../scripts/build/copy-package.js && tsc ",
-    "build:watch": "babel src --watch --extensions .js,.jsx,.ts,.tsx --out-dir ./dist --copy-files --verbose",
+    "build": "babel src --extensions .js,.jsx,.ts,.tsx --out-dir ../dist --copy-files --verbose && node ../scripts/build/copy-package.js && tsc ",
+    "build:watch": "babel src --watch --extensions .js,.jsx,.ts,.tsx --out-dir ../dist --copy-files --verbose",
     "storybook": "start-storybook -p 6006",
     "build-storybook": "build-storybook"
   },
@@ -51,7 +50,8 @@
     "@storybook/testing-library": "0.0.7",
     "@testing-library/react": "^13.0.0",
     "@testing-library/user-event": "^13.0.0",
-    "@types/react": "18.0.28",
+    "@types/color": "^3.0.3",
+    "@types/react": "^18.0.18",
     "babel-jest": "^24.8.0",
     "babel-loader": "^8.0.6",
     "chromatic": "^6.3.3",

package/paginator/Icons.js

@@ -1,11 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.previousIcon = exports.nextIcon = exports.lastIcon = exports.firstIcon = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var firstIcon = /*#__PURE__*/_react["default"].createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   height: "24",
@@ -14,7 +17,9 @@ var firstIcon = /*#__PURE__*/_react["default"].createElement("svg", {
 }, /*#__PURE__*/_react["default"].createElement("path", {
   d: "M6 18V6h2v12Zm11 0-6-6 6-6 1.4 1.4-4.6 4.6 4.6 4.6Z"
 }));
+
 exports.firstIcon = firstIcon;
+
 var previousIcon = /*#__PURE__*/_react["default"].createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   height: "24",
@@ -23,7 +28,9 @@ var previousIcon = /*#__PURE__*/_react["default"].createElement("svg", {
 }, /*#__PURE__*/_react["default"].createElement("path", {
   d: "m14 18-6-6 6-6 1.4 1.4-4.6 4.6 4.6 4.6Z"
 }));
+
 exports.previousIcon = previousIcon;
+
 var nextIcon = /*#__PURE__*/_react["default"].createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   height: "24",
@@ -32,7 +39,9 @@ var nextIcon = /*#__PURE__*/_react["default"].createElement("svg", {
 }, /*#__PURE__*/_react["default"].createElement("path", {
   d: "M9.4 18 8 16.6l4.6-4.6L8 7.4 9.4 6l6 6Z"
 }));
+
 exports.nextIcon = nextIcon;
+
 var lastIcon = /*#__PURE__*/_react["default"].createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   height: "24",
@@ -41,4 +50,5 @@ var lastIcon = /*#__PURE__*/_react["default"].createElement("svg", {
 }, /*#__PURE__*/_react["default"].createElement("path", {
   d: "m7 18-1.4-1.4 4.6-4.6-4.6-4.6L7 6l6 6Zm9 0V6h2v12Z"
 }));
+
 exports.lastIcon = lastIcon;

package/paginator/Paginator.js

@@ -1,49 +1,62 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
 var _useTheme = _interopRequireDefault(require("../useTheme"));
+
 var _useTranslatedLabels = _interopRequireDefault(require("../useTranslatedLabels"));
+
 var _Button = _interopRequireDefault(require("../button/Button"));
+
 var _Select = _interopRequireDefault(require("../select/Select"));
+
 var _Icons = require("./Icons");
+
 var _BackgroundColorContext = require("../BackgroundColorContext");
+
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 var DxcPaginator = function DxcPaginator(_ref) {
   var _ref$currentPage = _ref.currentPage,
-    currentPage = _ref$currentPage === void 0 ? 1 : _ref$currentPage,
-    _ref$itemsPerPage = _ref.itemsPerPage,
-    itemsPerPage = _ref$itemsPerPage === void 0 ? 5 : _ref$itemsPerPage,
-    itemsPerPageOptions = _ref.itemsPerPageOptions,
-    _ref$totalItems = _ref.totalItems,
-    totalItems = _ref$totalItems === void 0 ? 1 : _ref$totalItems,
-    showGoToPage = _ref.showGoToPage,
-    onPageChange = _ref.onPageChange,
-    itemsPerPageFunction = _ref.itemsPerPageFunction,
-    _ref$tabIndex = _ref.tabIndex,
-    tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex;
-  var totalPages = Math.ceil(totalItems / itemsPerPage);
+      currentPage = _ref$currentPage === void 0 ? 1 : _ref$currentPage,
+      _ref$itemsPerPage = _ref.itemsPerPage,
+      itemsPerPage = _ref$itemsPerPage === void 0 ? 5 : _ref$itemsPerPage,
+      itemsPerPageOptions = _ref.itemsPerPageOptions,
+      _ref$totalItems = _ref.totalItems,
+      totalItems = _ref$totalItems === void 0 ? 1 : _ref$totalItems,
+      showGoToPage = _ref.showGoToPage,
+      onPageChange = _ref.onPageChange,
+      itemsPerPageFunction = _ref.itemsPerPageFunction,
+      _ref$tabIndex = _ref.tabIndex,
+      tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex;
+  var totalPages = itemsPerPage > 0 && Math.ceil(totalItems / itemsPerPage);
   var currentPageInternal = currentPage === -1 ? totalPages : currentPage;
   var minItemsPerPage = currentPageInternal === 1 || currentPageInternal === 0 ? currentPageInternal : (currentPageInternal - 1) * itemsPerPage + 1;
   var maxItemsPerPage = minItemsPerPage - 1 + itemsPerPage > totalItems ? totalItems : minItemsPerPage - 1 + itemsPerPage;
   var colorsTheme = (0, _useTheme["default"])();
   var translatedLabels = (0, _useTranslatedLabels["default"])();
   return /*#__PURE__*/_react["default"].createElement(_styledComponents.ThemeProvider, {
-    theme: colorsTheme["paginator"]
+    theme: colorsTheme.paginator
   }, /*#__PURE__*/_react["default"].createElement(_BackgroundColorContext.BackgroundColorProvider, {
-    color: colorsTheme["paginator"].backgroundColor
-  }, /*#__PURE__*/_react["default"].createElement(DxcPaginatorContainer, {
-    disabled: currentPageInternal === 1
-  }, /*#__PURE__*/_react["default"].createElement(LabelsContainer, null, itemsPerPageOptions && /*#__PURE__*/_react["default"].createElement(ItemsPageContainer, null, /*#__PURE__*/_react["default"].createElement(ItemsLabel, null, translatedLabels.paginator.itemsPerPageText), /*#__PURE__*/_react["default"].createElement(SelectContainer, null, /*#__PURE__*/_react["default"].createElement(_Select["default"], {
+    color: colorsTheme.paginator.backgroundColor
+  }, /*#__PURE__*/_react["default"].createElement(DxcPaginatorContainer, null, /*#__PURE__*/_react["default"].createElement(LabelsContainer, null, itemsPerPageOptions && /*#__PURE__*/_react["default"].createElement(ItemsPageContainer, null, /*#__PURE__*/_react["default"].createElement(ItemsLabel, null, translatedLabels.paginator.itemsPerPageText), /*#__PURE__*/_react["default"].createElement(SelectContainer, null, /*#__PURE__*/_react["default"].createElement(_Select["default"], {
     options: itemsPerPageOptions.map(function (num) {
       return {
         label: num.toString(),
@@ -103,6 +116,7 @@ var DxcPaginator = function DxcPaginator(_ref) {
     }
   })))));
 };
+
 var DxcPaginatorContainer = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  font-style: ", ";\n  text-transform: ", ";\n  background-color: ", ";\n  color: ", ";\n  padding: ", " ", ";\n\n  button {\n    &:disabled {\n      background-color: transparent !important;\n      opacity: 0.3 !important;\n    }\n  }\n"])), function (props) {
   return props.theme.fontFamily;
 }, function (props) {
@@ -122,20 +136,28 @@ var DxcPaginatorContainer = _styledComponents["default"].div(_templateObject ||
 }, function (props) {
   return props.theme.horizontalPadding;
 });
+
 var SelectContainer = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  min-width: 5.25rem;\n"])));
+
 var ItemsPageContainer = _styledComponents["default"].span(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  align-items: center;\n  margin-right: ", ";\n  margin-left: ", ";\n"])), function (props) {
   return props.theme.itemsPerPageSelectorMarginRight;
 }, function (props) {
   return props.theme.itemsPerPageSelectorMarginLeft;
 });
+
 var ItemsLabel = _styledComponents["default"].span(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  margin-right: 0.5rem;\n"])));
+
 var GoToLabel = _styledComponents["default"].span(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n  margin-right: 0.5rem;\n  margin-left: 0.5rem;\n"])));
+
 var TotalItemsContainer = _styledComponents["default"].span(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n  margin-right: ", ";\n  margin-left: ", ";\n"])), function (props) {
   return props.theme.totalItemsContainerMarginRight;
 }, function (props) {
   return props.theme.totalItemsContainerMarginLeft;
 });
+
 var LabelsContainer = _styledComponents["default"].div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  gap: 0.5rem;\n  width: 100%;\n  justify-content: flex-end;\n  align-items: center;\n"])));
+
 var PageToSelectContainer = _styledComponents["default"].span(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  align-items: center;\n  margin-right: 0.5rem;\n"])));
+
 var _default = DxcPaginator;
 exports["default"] = _default;

package/paginator/Paginator.test.js

@@ -1,12 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _react2 = require("@testing-library/react");
+
 var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
-var _Paginator = _interopRequireDefault(require("./Paginator"));
+
+var _Paginator = _interopRequireDefault(require("./Paginator.tsx"));
+
 // Mocking DOMRect for Radix Primitive Popover
 global.globalThis = global;
 global.DOMRect = {
@@ -21,10 +28,12 @@ global.DOMRect = {
     };
   }
 };
+
 global.ResizeObserver = /*#__PURE__*/function () {
   function ResizeObserver() {
     (0, _classCallCheck2["default"])(this, ResizeObserver);
   }
+
   (0, _createClass2["default"])(ResizeObserver, [{
     key: "observe",
     value: function observe() {}
@@ -37,6 +46,7 @@ global.ResizeObserver = /*#__PURE__*/function () {
   }]);
   return ResizeObserver;
 }();
+
 global.DOMRect = {
   fromRect: function fromRect() {
     return {
@@ -52,79 +62,80 @@ global.DOMRect = {
 describe("Paginator component tests", function () {
   test("Paginator renders with default values", function () {
     var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], null)),
-      getByText = _render.getByText;
+        getByText = _render.getByText;
+
     expect(getByText("1 to 1 of 1")).toBeTruthy();
     expect(getByText("Page: 1 of 1")).toBeTruthy();
   });
   test("Paginator renders with currentPage", function () {
     var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
-        currentPage: 2
-      })),
-      getByText = _render2.getByText;
+      currentPage: 2
+    })),
+        getByText = _render2.getByText;
+
     expect(getByText("Page: 2 of 1")).toBeTruthy();
   });
   test("Paginator renders with itemsPerPageOptions", function () {
     var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
-        currentPage: 1,
-        itemsPerPage: 10,
-        itemsPerPageOptions: [10, 15],
-        totalItems: 20
-      })),
-      getByText = _render3.getByText;
+      currentPage: 1,
+      itemsPerPage: 10,
+      itemsPerPageOptions: [10, 15],
+      totalItems: 20
+    })),
+        getByText = _render3.getByText;
+
     expect(getByText("Items per page:")).toBeTruthy();
-  });
-  test("Paginator renders with itemsPerPageOptions", function () {
-    var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
-        currentPage: 1,
-        itemsPerPage: 10,
-        totalItems: 20
-      })),
-      getByText = _render4.getByText;
     expect(getByText("1 to 10 of 20")).toBeTruthy();
     expect(getByText("Page: 1 of 2")).toBeTruthy();
   });
   test("Paginator renders with totalItems", function () {
-    var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
-        totalItems: 20
-      })),
-      getByText = _render5.getByText;
+    var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
+      totalItems: 20
+    })),
+        getByText = _render4.getByText;
+
     expect(getByText("1 to 5 of 20")).toBeTruthy();
     expect(getByText("Page: 1 of 4")).toBeTruthy();
   });
   test("Paginator renders with correct text in second page", function () {
-    var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
-        currentPage: 2,
-        itemsPerPage: 10,
-        totalItems: 20
-      })),
-      getByText = _render6.getByText;
+    var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
+      currentPage: 2,
+      itemsPerPage: 10,
+      totalItems: 20
+    })),
+        getByText = _render5.getByText;
+
     expect(getByText("11 to 20 of 20")).toBeTruthy();
     expect(getByText("Page: 2 of 2")).toBeTruthy();
   });
   test("Paginator renders goToPage select", function () {
-    var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
-        currentPage: 2,
-        showGoToPage: true,
-        itemsPerPage: 10,
-        totalItems: 20
-      })),
-      getByText = _render7.getByText;
+    var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
+      currentPage: 2,
+      showGoToPage: true,
+      itemsPerPage: 10,
+      totalItems: 20
+    })),
+        getByText = _render6.getByText;
+
     expect(getByText("Go to page:")).toBeTruthy();
   });
   test("Paginator goToPage call correct function", function () {
     var onClick = jest.fn();
+
     window.HTMLElement.prototype.scrollIntoView = function () {};
+
     window.HTMLElement.prototype.scrollTo = function () {};
-    var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
-        currentPage: 1,
-        itemsPerPage: 10,
-        totalItems: 27,
-        showGoToPage: true,
-        onPageChange: onClick
-      })),
-      getByText = _render8.getByText,
-      getAllByRole = _render8.getAllByRole,
-      getByRole = _render8.getByRole;
+
+    var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
+      currentPage: 1,
+      itemsPerPage: 10,
+      totalItems: 27,
+      showGoToPage: true,
+      onPageChange: onClick
+    })),
+        getByText = _render7.getByText,
+        getAllByRole = _render7.getAllByRole;
+
     var goToPageSelect = getAllByRole("combobox")[0];
     (0, _react2.act)(function () {
       _userEvent["default"].click(goToPageSelect);
@@ -137,30 +148,38 @@ describe("Paginator component tests", function () {
   });
   test("Call correct goToPageFunction", function () {
     var onClick = jest.fn();
-    var _render9 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
-        onPageChange: onClick,
-        currentPage: 1,
-        itemsPerPage: 10,
-        totalItems: 20
-      })),
-      getAllByRole = _render9.getAllByRole;
+
+    var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
+      onPageChange: onClick,
+      currentPage: 1,
+      itemsPerPage: 10,
+      totalItems: 20
+    })),
+        getAllByRole = _render8.getAllByRole;
+
     var nextButton = getAllByRole("button")[2];
+
     _userEvent["default"].click(nextButton);
+
     expect(onClick).toHaveBeenCalled();
   });
   test("Call correct itemsPerPageFunction", function () {
     var onClick = jest.fn();
+
     window.HTMLElement.prototype.scrollIntoView = function () {};
+
     window.HTMLElement.prototype.scrollTo = function () {};
-    var _render10 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
-        currentPage: 1,
-        itemsPerPage: 10,
-        itemsPerPageOptions: [10, 15],
-        itemsPerPageFunction: onClick,
-        totalItems: 20
-      })),
-      getAllByText = _render10.getAllByText,
-      getByText = _render10.getByText;
+
+    var _render9 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
+      currentPage: 1,
+      itemsPerPage: 10,
+      itemsPerPageOptions: [10, 15],
+      itemsPerPageFunction: onClick,
+      totalItems: 20
+    })),
+        getAllByText = _render9.getAllByText,
+        getByText = _render9.getByText;
+
     var select = getAllByText("10")[0];
     (0, _react2.act)(function () {
       _userEvent["default"].click(select);
@@ -173,69 +192,87 @@ describe("Paginator component tests", function () {
   });
   test("Next button is disable in last page", function () {
     var onClick = jest.fn();
-    var _render11 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
-        onPageChange: onClick,
-        currentPage: 2,
-        itemsPerPage: 10,
-        totalItems: 20
-      })),
-      getAllByRole = _render11.getAllByRole;
+
+    var _render10 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
+      onPageChange: onClick,
+      currentPage: 2,
+      itemsPerPage: 10,
+      totalItems: 20
+    })),
+        getAllByRole = _render10.getAllByRole;
+
     var nextButton = getAllByRole("button")[2];
     expect(nextButton.hasAttribute("disabled")).toBeTruthy();
+
     _userEvent["default"].click(nextButton);
+
     expect(onClick).toHaveBeenCalledTimes(0);
   });
   test("Last button is disable in last page", function () {
     var onClick = jest.fn();
-    var _render12 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
-        onPageChange: onClick,
-        currentPage: 2,
-        itemsPerPage: 10,
-        totalItems: 20
-      })),
-      getAllByRole = _render12.getAllByRole;
+
+    var _render11 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
+      onPageChange: onClick,
+      currentPage: 2,
+      itemsPerPage: 10,
+      totalItems: 20
+    })),
+        getAllByRole = _render11.getAllByRole;
+
     var lastButton = getAllByRole("button")[3];
     expect(lastButton.hasAttribute("disabled")).toBeTruthy();
+
     _userEvent["default"].click(lastButton);
+
     expect(onClick).toHaveBeenCalledTimes(0);
   });
   test("First button is disable in first page", function () {
     var onClick = jest.fn();
-    var _render13 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
-        onPageChange: onClick,
-        currentPage: 1,
-        itemsPerPage: 10,
-        totalItems: 20
-      })),
-      getAllByRole = _render13.getAllByRole;
+
+    var _render12 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
+      onPageChange: onClick,
+      currentPage: 1,
+      itemsPerPage: 10,
+      totalItems: 20
+    })),
+        getAllByRole = _render12.getAllByRole;
+
     var lastButton = getAllByRole("button")[0];
     expect(lastButton.hasAttribute("disabled")).toBeTruthy();
+
     _userEvent["default"].click(lastButton);
+
     expect(onClick).toHaveBeenCalledTimes(0);
   });
   test("Previous button is disable in first page", function () {
     var onClick = jest.fn();
-    var _render14 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
-        onPageChange: onClick,
-        currentPage: 1,
-        itemsPerPage: 10,
-        totalItems: 20
-      })),
-      getAllByRole = _render14.getAllByRole;
+
+    var _render13 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
+      onPageChange: onClick,
+      currentPage: 1,
+      itemsPerPage: 10,
+      totalItems: 20
+    })),
+        getAllByRole = _render13.getAllByRole;
+
     var lastButton = getAllByRole("button")[1];
     expect(lastButton.hasAttribute("disabled")).toBeTruthy();
+
     _userEvent["default"].click(lastButton);
+
     expect(onClick).toHaveBeenCalledTimes(0);
   });
   test("Last and next buttons are disable in last page", function () {
     var onClick = jest.fn();
-    var _render15 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
-        onPageChange: onClick,
-        currentPage: 2,
-        itemsPerPage: 10,
-        totalItems: 20
-      })),
-      getAllByRole = _render15.getAllByRole;
+
+    var _render14 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
+      onPageChange: onClick,
+      currentPage: 2,
+      itemsPerPage: 10,
+      totalItems: 20
+    })),
+        getAllByRole = _render14.getAllByRole;
+
     var firstButton = getAllByRole("button")[0];
     var prevButton = getAllByRole("button")[1];
     var nextButton = getAllByRole("button")[2];
@@ -247,13 +284,15 @@ describe("Paginator component tests", function () {
   });
   test("First and previous buttons are disable in first page", function () {
     var onClick = jest.fn();
-    var _render16 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
-        onPageChange: onClick,
-        currentPage: 1,
-        itemsPerPage: 10,
-        totalItems: 20
-      })),
-      getAllByRole = _render16.getAllByRole;
+
+    var _render15 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
+      onPageChange: onClick,
+      currentPage: 1,
+      itemsPerPage: 10,
+      totalItems: 20
+    })),
+        getAllByRole = _render15.getAllByRole;
+
     var firstButton = getAllByRole("button")[0];
     var prevButton = getAllByRole("button")[1];
     var nextButton = getAllByRole("button")[2];
@@ -263,4 +302,17 @@ describe("Paginator component tests", function () {
     expect(nextButton.hasAttribute("disabled")).toBeFalsy();
     expect(lastButton.hasAttribute("disabled")).toBeFalsy();
   });
+  test("itemsPerPage is 0 and showGoToPage is true", function () {
+    var _render16 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Paginator["default"], {
+      itemsPerPage: 0,
+      itemsPerPageOptions: [5, 10, 15],
+      totalItems: 27,
+      showGoToPage: true
+    })),
+        getByText = _render16.getByText,
+        getAllByRole = _render16.getAllByRole;
+
+    expect(getByText("Items per page:")).toBeTruthy();
+    expect(getAllByRole("combobox")).toBeTruthy();
+  });
 });

package/paginator/types.d.ts

@@ -1,4 +1,4 @@
-type Props = {
+declare type Props = {
     /**
      * Number of the current selected page.
      */

package/paragraph/Paragraph.d.ts

@@ -1,6 +1,5 @@
 import React from "react";
-type ParagraphPropsType = {
+declare const DxcParagraph: ({ children }: {
     children: React.ReactNode;
-};
-declare const Paragraph: ({ children }: ParagraphPropsType) => JSX.Element;
-export default Paragraph;
+}) => JSX.Element;
+export default DxcParagraph;