@dxc-technology/halstack-react 0.0.0-faa7105 → 0.0.0-fb01aa1

package/dist/main.js

@@ -1,263 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "DxcAlert", {
-  enumerable: true,
-  get: function get() {
-    return _Alert["default"];
-  }
-});
-Object.defineProperty(exports, "DxcAccordion", {
-  enumerable: true,
-  get: function get() {
-    return _Accordion["default"];
-  }
-});
-Object.defineProperty(exports, "DxcButton", {
-  enumerable: true,
-  get: function get() {
-    return _Button["default"];
-  }
-});
-Object.defineProperty(exports, "DxcCard", {
-  enumerable: true,
-  get: function get() {
-    return _Card["default"];
-  }
-});
-Object.defineProperty(exports, "DxcCheckbox", {
-  enumerable: true,
-  get: function get() {
-    return _Checkbox["default"];
-  }
-});
-Object.defineProperty(exports, "DxcDate", {
-  enumerable: true,
-  get: function get() {
-    return _Date["default"];
-  }
-});
-Object.defineProperty(exports, "DxcDialog", {
-  enumerable: true,
-  get: function get() {
-    return _Dialog["default"];
-  }
-});
-Object.defineProperty(exports, "DxcDropdown", {
-  enumerable: true,
-  get: function get() {
-    return _Dropdown["default"];
-  }
-});
-Object.defineProperty(exports, "DxcFooter", {
-  enumerable: true,
-  get: function get() {
-    return _Footer["default"];
-  }
-});
-Object.defineProperty(exports, "DxcHeader", {
-  enumerable: true,
-  get: function get() {
-    return _Header["default"];
-  }
-});
-Object.defineProperty(exports, "DxcInput", {
-  enumerable: true,
-  get: function get() {
-    return _InputText["default"];
-  }
-});
-Object.defineProperty(exports, "DxcRadio", {
-  enumerable: true,
-  get: function get() {
-    return _Radio["default"];
-  }
-});
-Object.defineProperty(exports, "DxcSelect", {
-  enumerable: true,
-  get: function get() {
-    return _Select["default"];
-  }
-});
-Object.defineProperty(exports, "DxcSlider", {
-  enumerable: true,
-  get: function get() {
-    return _Slider["default"];
-  }
-});
-Object.defineProperty(exports, "DxcSwitch", {
-  enumerable: true,
-  get: function get() {
-    return _Switch["default"];
-  }
-});
-Object.defineProperty(exports, "DxcTabs", {
-  enumerable: true,
-  get: function get() {
-    return _Tabs["default"];
-  }
-});
-Object.defineProperty(exports, "DxcTabsForSections", {
-  enumerable: true,
-  get: function get() {
-    return _TabsForSections["default"];
-  }
-});
-Object.defineProperty(exports, "DxcProgressBar", {
-  enumerable: true,
-  get: function get() {
-    return _ProgressBar["default"];
-  }
-});
-Object.defineProperty(exports, "DxcSpinner", {
-  enumerable: true,
-  get: function get() {
-    return _Spinner["default"];
-  }
-});
-Object.defineProperty(exports, "DxcUpload", {
-  enumerable: true,
-  get: function get() {
-    return _Upload["default"];
-  }
-});
-Object.defineProperty(exports, "DxcTable", {
-  enumerable: true,
-  get: function get() {
-    return _Table["default"];
-  }
-});
-Object.defineProperty(exports, "DxcBox", {
-  enumerable: true,
-  get: function get() {
-    return _Box["default"];
-  }
-});
-Object.defineProperty(exports, "DxcTag", {
-  enumerable: true,
-  get: function get() {
-    return _Tag["default"];
-  }
-});
-Object.defineProperty(exports, "DxcPaginator", {
-  enumerable: true,
-  get: function get() {
-    return _Paginator["default"];
-  }
-});
-Object.defineProperty(exports, "DxcSidenav", {
-  enumerable: true,
-  get: function get() {
-    return _Sidenav["default"];
-  }
-});
-Object.defineProperty(exports, "DxcWizard", {
-  enumerable: true,
-  get: function get() {
-    return _Wizard["default"];
-  }
-});
-Object.defineProperty(exports, "DxcLink", {
-  enumerable: true,
-  get: function get() {
-    return _Link["default"];
-  }
-});
-Object.defineProperty(exports, "DxcHeading", {
-  enumerable: true,
-  get: function get() {
-    return _Heading["default"];
-  }
-});
-Object.defineProperty(exports, "DxcTextarea", {
-  enumerable: true,
-  get: function get() {
-    return _Textarea["default"];
-  }
-});
-Object.defineProperty(exports, "DxcResultsetTable", {
-  enumerable: true,
-  get: function get() {
-    return _ResultsetTable["default"];
-  }
-});
-Object.defineProperty(exports, "DxcChip", {
-  enumerable: true,
-  get: function get() {
-    return _Chip["default"];
-  }
-});
-Object.defineProperty(exports, "ThemeContext", {
-  enumerable: true,
-  get: function get() {
-    return _ThemeContext["default"];
-  }
-});
-
-var _Alert = _interopRequireDefault(require("./alert/Alert"));
-
-var _Accordion = _interopRequireDefault(require("./accordion/Accordion"));
-
-var _Button = _interopRequireDefault(require("./button/Button"));
-
-var _Card = _interopRequireDefault(require("./card/Card"));
-
-var _Checkbox = _interopRequireDefault(require("./checkbox/Checkbox"));
-
-var _Date = _interopRequireDefault(require("./date/Date"));
-
-var _Dialog = _interopRequireDefault(require("./dialog/Dialog"));
-
-var _Dropdown = _interopRequireDefault(require("./dropdown/Dropdown"));
-
-var _Footer = _interopRequireDefault(require("./footer/Footer"));
-
-var _Header = _interopRequireDefault(require("./header/Header"));
-
-var _InputText = _interopRequireDefault(require("./input-text/InputText"));
-
-var _Radio = _interopRequireDefault(require("./radio/Radio"));
-
-var _Select = _interopRequireDefault(require("./select/Select"));
-
-var _Slider = _interopRequireDefault(require("./slider/Slider"));
-
-var _Switch = _interopRequireDefault(require("./switch/Switch"));
-
-var _Tabs = _interopRequireDefault(require("./tabs/Tabs"));
-
-var _TabsForSections = _interopRequireDefault(require("./tabs-for-sections/TabsForSections"));
-
-var _ProgressBar = _interopRequireDefault(require("./progress-bar/ProgressBar"));
-
-var _Spinner = _interopRequireDefault(require("./spinner/Spinner"));
-
-var _Upload = _interopRequireDefault(require("./upload/Upload"));
-
-var _Table = _interopRequireDefault(require("./table/Table"));
-
-var _Box = _interopRequireDefault(require("./box/Box"));
-
-var _Tag = _interopRequireDefault(require("./tag/Tag"));
-
-var _Paginator = _interopRequireDefault(require("./paginator/Paginator"));
-
-var _Sidenav = _interopRequireDefault(require("./sidenav/Sidenav"));
-
-var _Wizard = _interopRequireDefault(require("./wizard/Wizard"));
-
-var _Link = _interopRequireDefault(require("./link/Link"));
-
-var _Heading = _interopRequireDefault(require("./heading/Heading"));
-
-var _Textarea = _interopRequireDefault(require("./textarea/Textarea"));
-
-var _ResultsetTable = _interopRequireDefault(require("./resultsetTable/ResultsetTable"));
-
-var _Chip = _interopRequireDefault(require("./chip/Chip"));
-
-var _ThemeContext = _interopRequireDefault(require("./ThemeContext.js"));

package/dist/paginator/Paginator.js

@@ -1,196 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _variables = require("../common/variables.js");
-
-var _ThemeContext = _interopRequireDefault(require("../ThemeContext.js"));
-
-var _utils = require("../common/utils.js");
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _Button = _interopRequireDefault(require("../button/Button"));
-
-var _previousPage = _interopRequireDefault(require("./images/previousPage.svg"));
-
-var _previous = _interopRequireDefault(require("./images/previous.svg"));
-
-var _next = _interopRequireDefault(require("./images/next.svg"));
-
-var _nextPage = _interopRequireDefault(require("./images/nextPage.svg"));
-
-require("../common/OpenSans.css");
-
-function _templateObject4() {
-  var data = (0, _taggedTemplateLiteral2["default"])([""]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  width: 100%;\n  justify-content: flex-end;\n  align-items: center;\n  margin: 0 40px 0 20px;\n  font-size: 14px;\n"]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["\n  margin-right: 30px;\n"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  height: 64px;\n  background-color: ", ";\n  color: ", ";\n  button {\n    &:disabled {\n      background-color: transparent !important;\n      opacity: 0.3 !important;\n    }\n  }\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-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,
-      _ref$totalItems = _ref.totalItems,
-      totalItems = _ref$totalItems === void 0 ? 1 : _ref$totalItems,
-      nextFunction = _ref.nextFunction,
-      prevFunction = _ref.prevFunction,
-      lastFunction = _ref.lastFunction,
-      firstFunction = _ref.firstFunction;
-  var totalPages = 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 customTheme = (0, _react.useContext)(_ThemeContext["default"]);
-  var colorsTheme = (0, _react.useMemo)(function () {
-    return (0, _utils.getCustomTheme)(_variables.theme, (0, _utils.getCustomTheme)(_variables.defaultTheme, customTheme));
-  }, [customTheme]);
-  return _react["default"].createElement(_styledComponents.ThemeProvider, {
-    theme: colorsTheme.paginator
-  }, _react["default"].createElement(DxcPaginatorContainer, {
-    disabled: currentPageInternal === 1
-  }, _react["default"].createElement(LabelsContainer, null, _react["default"].createElement(TotalItemsContainer, null, minItemsPerPage, " to ", maxItemsPerPage, " of ", totalItems), firstFunction && _react["default"].createElement(_Button["default"], {
-    size: "small",
-    mode: "secondary",
-    disabled: currentPageInternal === 1 || currentPageInternal === 0,
-    margin: {
-      left: "xxsmall",
-      right: "xxsmall"
-    },
-    iconSrc: _previousPage["default"],
-    onClick: function onClick() {
-      if (firstFunction) {
-        firstFunction();
-      }
-    }
-  }), prevFunction && _react["default"].createElement(_Button["default"], {
-    size: "small",
-    mode: "secondary",
-    disabled: currentPageInternal === 1 || currentPageInternal === 0,
-    margin: {
-      left: "xxsmall",
-      right: "xxsmall"
-    },
-    iconSrc: _previous["default"],
-    onClick: function onClick() {
-      if (prevFunction) {
-        prevFunction();
-      }
-    }
-  }), _react["default"].createElement(TextContainer, null, "Page: ", currentPageInternal, " of ", totalPages), nextFunction && _react["default"].createElement(_Button["default"], {
-    size: "small",
-    mode: "secondary",
-    disabled: currentPageInternal === totalPages,
-    margin: {
-      left: "xxsmall",
-      right: "xxsmall"
-    },
-    iconSrc: _next["default"],
-    onClick: function onClick() {
-      if (nextFunction) {
-        nextFunction();
-      }
-    }
-  }), lastFunction && _react["default"].createElement(_Button["default"], {
-    size: "small",
-    mode: "secondary",
-    disabled: currentPageInternal === totalPages,
-    margin: {
-      left: "xxsmall",
-      right: "xxsmall"
-    },
-    iconSrc: _nextPage["default"],
-    onClick: function onClick() {
-      if (lastFunction) {
-        lastFunction(totalPages);
-      }
-    }
-  }))));
-};
-
-var DxcPaginatorContainer = _styledComponents["default"].div(_templateObject(), function (props) {
-  return props.theme.paginatorBackgroundColor;
-}, function (props) {
-  return props.theme.paginatorFontColor;
-}); // const ItemsPageContainer = styled.span`
-//   margin-right: 30px;
-// `;
-// const ItemsLabel = styled.span`
-//   margin-right: 15px;
-// `;
-
-
-var TotalItemsContainer = _styledComponents["default"].span(_templateObject2());
-
-var LabelsContainer = _styledComponents["default"].div(_templateObject3());
-
-var TextContainer = _styledComponents["default"].span(_templateObject4());
-
-DxcPaginator.propTypes = {
-  currentPage: _propTypes["default"].number,
-  itemsPerPage: _propTypes["default"].number,
-  totalItems: _propTypes["default"].number.isRequired,
-  nextFunction: _propTypes["default"].func,
-  prevFunction: _propTypes["default"].func,
-  lastFunction: _propTypes["default"].func,
-  firstFunction: _propTypes["default"].func
-};
-DxcPaginator.defaultProps = {
-  currentPage: 1,
-  itemsPerPage: 5,
-  nextFunction: null,
-  prevFunction: null,
-  lastFunction: null,
-  firstFunction: null
-};
-var _default = DxcPaginator;
-exports["default"] = _default;

package/dist/paginator/images/next.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="7.41" height="12" viewBox="0 0 7.41 12">
-  <path id="Path_2461" data-name="Path 2461" d="M10,6,8.59,7.41,13.17,12,8.59,16.59,10,18l6-6Z" transform="translate(-8.59 -6)"/>
-</svg>

package/dist/paginator/images/nextPage.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="12.41" height="12" viewBox="0 0 12.41 12">
-  <path id="Path_2465" data-name="Path 2465" d="M5.59,7.41,10.18,12,5.59,16.59,7,18l6-6L7,6ZM16,6h2V18H16Z" transform="translate(-5.59 -6)"/>
-</svg>

package/dist/paginator/images/previous.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="7.41" height="12" viewBox="0 0 7.41 12">
-  <path id="Path_2459" data-name="Path 2459" d="M15.41,7.41,14,6,8,12l6,6,1.41-1.41L10.83,12Z" transform="translate(-8 -6)"/>
-</svg>

package/dist/paginator/images/previousPage.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="12.41" height="12" viewBox="0 0 12.41 12">
-  <path id="Path_2463" data-name="Path 2463" d="M18.41,16.59,13.82,12l4.59-4.59L17,6l-6,6,6,6ZM6,6H8V18H6Z" transform="translate(-6 -6)"/>
-</svg>

package/dist/paginator/readme.md

@@ -1,50 +0,0 @@
-# DXC Paginator Component
-
-## Props
-
-<table>
-    <tr style="background-color: grey">
-        <td>Name</td>
-        <td>Default</td>
-        <td>Description</td>
-    </tr>
-    <tr>
-        <td>currentPage: number</td>
-        <td><code>1</code></td>
-        <td>Current page.</td>
-    </tr>
-    <tr>
-        <td>itemsPerPage: number</td>
-        <td><code>5</code></td>
-        <td>Number of items to be displayed on each page.</td>
-    </tr>
-    <tr>
-        <td>totalItems: number</td>
-        <td></td>
-        <td>Total number of items.</td>
-    </tr>
-    <tr>
-        <td>nextFunction: function</td>
-        <td></td>
-        <td>This function will be called when the user clicks the next page button.<br>
-        </td>
-    </tr>
-    <tr>
-        <td>prevFunction: function</td>
-        <td></td>
-        <td>This function will be called when the user clicks the previous page button.<br>
-        </td>
-    </tr>
-    <tr>
-        <td>lastFunction: function</td>
-        <td></td>
-        <td>This function will be called when the user clicks the last page button.<br>
-        </td>
-    </tr>
-    <tr>
-        <td>firstFunction: function</td>
-        <td></td>
-        <td>This function will be called when the user clicks the first page button.<br>
-        </td>
-    </tr>
-</table>