@widergy/energy-ui 2.4.0 → 2.5.1

package/dist/components/UTMap/index.js

@@ -17,7 +17,7 @@ var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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; }
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }

package/dist/components/UTMap/utils.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.retrieveAddressByCoords = exports.isValidConfiguration = exports.getValue = exports.geolocation = exports.findAddressComponent = exports.checkAddressIsValid = void 0;
 var _array = require("@widergy/web-utils/lib/array");
 var _constants = require("./constants");
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }

package/dist/components/UTMenu/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -32,7 +32,7 @@ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArra
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var UTMenu = function UTMenu(_ref) {
   var anchor = _ref.anchor,

package/dist/components/UTPagination/assets/arrow-head-left.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g transform="translate(-5.000000, -5.000000)">
+            <path fill="#FFFFFF" d="M10.2321,5.3599 C10.5851,4.9359 11.2151,4.8789 11.6401,5.2319 C12.0641,5.5859 12.1211,6.2159 11.7681,6.6399 L11.7681,6.6399 L7.2921,12.0109 L11.6071,17.3729 C11.9531,17.8029 11.8851,18.4329 11.4551,18.7789 C11.2701,18.9279 11.0491,18.9999 10.8281,18.9999 C10.5361,18.9999 10.2461,18.8729 10.0491,18.6269 L10.0491,18.6269 L5.2211,12.6269 C4.9221,12.2559 4.9271,11.7259 5.2321,11.3599 L5.2321,11.3599 Z M17.2315,5.3602 C17.5855,4.9352 18.2155,4.8792 18.6405,5.2322 C19.0645,5.5852 19.1215,6.2162 18.7685,6.6402 L18.7685,6.6402 L14.2925,12.0112 L18.6075,17.3732 C18.9535,17.8032 18.8855,18.4322 18.4555,18.7792 C18.2705,18.9282 18.0485,19.0002 17.8285,19.0002 C17.5365,19.0002 17.2465,18.8722 17.0485,18.6272 L17.0485,18.6272 L12.2205,12.6272 C11.9225,12.2562 11.9265,11.7252 12.2315,11.3602 L12.2315,11.3602 Z" id="path-arrow-head-left"></path>
+        </g>
+    </g>
+</svg>

package/dist/components/UTPagination/assets/arrow-head-right.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g transform="translate(-5.000000, -5.000000)">
+            <path fill="#FFFFFF" d="M12.5453,5.221 C12.9753,4.874 13.6043,4.943 13.9513,5.373 L13.9513,5.373 L18.7793,11.373 C19.0783,11.744 19.0733,12.274 18.7683,12.64 L18.7683,12.64 L13.7683,18.64 C13.5703,18.877 13.2863,19 12.9993,19 C12.7743,19 12.5473,18.924 12.3603,18.768 C11.9353,18.415 11.8783,17.784 12.2323,17.36 L12.2323,17.36 L16.7083,11.989 L12.3923,6.627 C12.0463,6.197 12.1143,5.567 12.5453,5.221 Z M5.5452,5.221 C5.9752,4.875 6.6042,4.943 6.9512,5.373 L6.9512,5.373 L11.7792,11.373 C12.0772,11.744 12.0732,12.274 11.7682,12.64 L11.7682,12.64 L6.7682,18.64 C6.5702,18.877 6.2862,19 5.9992,19 C5.7742,19 5.5472,18.924 5.3602,18.768 C4.9352,18.415 4.8782,17.784 5.2322,17.36 L5.2322,17.36 L9.7072,11.989 L5.3922,6.627 C5.0462,6.197 5.1152,5.567 5.5452,5.221 Z" id="path-1"></path>
+        </g>
+    </g>
+</svg>

package/dist/components/UTPagination/assets/arrow-left.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.3623 17C13.1003 17 12.8393 16.898 12.6433 16.695L8.78028 12.695C8.40228 12.302 8.40728 11.679 8.79328 11.293L12.7933 7.29301C13.1833 6.90201 13.8163 6.90201 14.2073 7.29301C14.5973 7.68401 14.5973 8.31601 14.2073 8.70701L10.9023 12.012L14.0813 15.305C14.4653 15.703 14.4543 16.336 14.0573 16.719C13.8623 16.907 13.6123 17 13.3623 17Z" fill="#091E42"/>
+</svg>

package/dist/components/UTPagination/assets/arrow-right.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 17C10.244 17 9.98801 16.902 9.79301 16.707C9.40201 16.316 9.40201 15.684 9.79301 15.293L13.098 11.988L9.91801 8.695C9.53501 8.297 9.54601 7.664 9.94301 7.281C10.341 6.898 10.974 6.909 11.357 7.305L15.219 11.305C15.598 11.698 15.593 12.321 15.207 12.707L11.207 16.707C11.012 16.902 10.756 17 10.5 17Z" fill="#091E42"/>
+</svg>

package/dist/components/UTPagination/assets/refresh.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g transform="translate(-1091.000000, -182.000000)">
+            <g transform="translate(1088.000000, 179.000000)">
+                <path fill="#FF6026" d="M20.3032,13.4258 C19.7772,13.2588 19.2152,13.5498 19.0472,14.0758 C18.1102,17.0218 15.3522,18.9998 12.1842,18.9998 C8.2222,18.9998 5.0002,15.8598 5.0002,11.9998 C5.0002,8.1408 8.2222,4.9998 12.1842,4.9998 C13.9122,4.9998 15.5422,5.6018 16.8292,6.6698 L14.6632,6.3128 C14.1132,6.2128 13.6032,6.5918 13.5132,7.1358 C13.4232,7.6808 13.7922,8.1958 14.3372,8.2848 L18.5832,8.9868 C18.6382,8.9958 18.6942,8.9998 18.7472,8.9998 C18.8662,8.9998 18.9822,8.9788 19.0902,8.9388 C19.1272,8.9248 19.1572,8.8988 19.1932,8.8798 C19.2592,8.8458 19.3282,8.8158 19.3852,8.7678 C19.4212,8.7388 19.4442,8.6968 19.4752,8.6628 C19.5222,8.6138 19.5722,8.5668 19.6072,8.5068 C19.6322,8.4638 19.6422,8.4128 19.6612,8.3648 C19.6852,8.3058 19.7172,8.2508 19.7292,8.1858 L20.4832,4.1858 C20.5852,3.6428 20.2282,3.1188 19.6852,3.0178 C19.1442,2.9198 18.6192,3.2728 18.5172,3.8148 L18.2452,5.2558 C16.5812,3.8148 14.4482,2.9998 12.1842,2.9998 C7.1202,2.9998 3.0002,7.0368 3.0002,11.9998 C3.0002,16.9628 7.1202,20.9998 12.1842,20.9998 C16.2262,20.9998 19.7502,18.4608 20.9532,14.6818 C21.1202,14.1558 20.8292,13.5938 20.3032,13.4258" id="path-refresh"></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/dist/components/UTPagination/components/PageSizeSelector/index.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = require("prop-types");
+var _UTSelect = _interopRequireDefault(require("../../../UTSelect"));
+var _UTLabel = _interopRequireDefault(require("../../../UTLabel"));
+var _commonTypes = require("../../../../types/commonTypes");
+var _utils = require("./utils");
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var PageSizeSelector = function PageSizeSelector(_ref) {
+  var classes = _ref.classes,
+    colorThemes = _ref.colorThemes,
+    options = _ref.options,
+    rowsPerPage = _ref.rowsPerPage,
+    onChangeRowPerPage = _ref.onChangeRowPerPage,
+    label = _ref.label,
+    totalRows = _ref.totalRows;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.pageSizeSelector
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.selectorContainer
+  }, /*#__PURE__*/_react.default.createElement(_UTSelect.default, {
+    options: (0, _utils.getPageSizeOptions)(options, totalRows),
+    labelKey: "label",
+    valueKey: "value",
+    input: {
+      onChange: onChangeRowPerPage,
+      value: rowsPerPage
+    },
+    disableFirstOption: true,
+    variant: "outlined",
+    selectProps: {
+      className: "".concat(_stylesModule.default.pageSizeSelectContainer, " ").concat(classes.pageSizeSelectContainer),
+      classes: {
+        select: classes.pageSizeSelect
+      }
+    }
+  })), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+    className: "".concat(_stylesModule.default.label, " ").concat(classes.totalRowsLabel),
+    colorTheme: colorThemes.totalRows || 'gray'
+  }, label));
+};
+PageSizeSelector.propTypes = {
+  classes: _commonTypes.classesType,
+  colorThemes: (0, _propTypes.shape)({
+    pageButton: _propTypes.string,
+    navigationButton: _propTypes.string,
+    totalRows: _propTypes.string
+  }),
+  options: (0, _propTypes.arrayOf)(_propTypes.number),
+  rowsPerPage: _propTypes.number,
+  onChangeRowPerPage: _propTypes.func,
+  label: _propTypes.string,
+  totalRows: _propTypes.number
+};
+var _default = PageSizeSelector;
+exports.default = _default;

package/dist/components/UTPagination/components/PageSizeSelector/styles.module.scss

@@ -0,0 +1,24 @@
+.pageSizeSelector {
+  align-items: center;
+  display: flex;
+  white-space: nowrap;
+}
+
+.label {
+  margin-left: 10px;
+}
+
+.selectorContainer {
+  flex-shrink: 1;
+  min-width: 80px;
+
+  legend {
+    display: none;
+  }
+}
+
+.pageSizeSelectContainer {
+  & fieldset {
+    top: 0;
+  }
+}

package/dist/components/UTPagination/components/PageSizeSelector/utils.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getPageSizeOptions = void 0;
+var _array = require("@widergy/web-utils/lib/array");
+var getPrevOption = function getPrevOption(options, index) {
+  return index === 0 ? 0 : options[index - 1];
+};
+var getPageSizeOptions = function getPageSizeOptions(originalOptions, totalRows) {
+  var filteredOptions = originalOptions.filter(function (_, index) {
+    return getPrevOption(originalOptions, index) < totalRows;
+  });
+  if ((0, _array.isEmpty)(filteredOptions)) return [{
+    value: originalOptions[0],
+    label: totalRows
+  }];
+  return filteredOptions.map(function (value) {
+    return {
+      value: value,
+      label: Math.min(value, totalRows)
+    };
+  });
+};
+exports.getPageSizeOptions = getPageSizeOptions;

package/dist/components/UTPagination/components/Pagination/components/NavigationButton/index.js

@@ -0,0 +1,45 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = require("prop-types");
+var _UTButton = _interopRequireDefault(require("../../../../../UTButton"));
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 NavigationButton = function NavigationButton(_ref) {
+  var className = _ref.className,
+    colorTheme = _ref.colorTheme,
+    disabled = _ref.disabled,
+    Icon = _ref.Icon,
+    label = _ref.label,
+    onClick = _ref.onClick;
+  return /*#__PURE__*/_react.default.createElement(_UTButton.default, {
+    classNames: {
+      root: "\n        ".concat(className, "\n        ").concat(_stylesModule.default.navigationButton, "\n      ")
+    },
+    colorTheme: colorTheme,
+    disabled: disabled,
+    Icon: Icon,
+    onClick: onClick,
+    size: "large",
+    variant: "semitransparent"
+  }, label && /*#__PURE__*/_react.default.createElement("span", {
+    className: _stylesModule.default.label
+  }, label));
+};
+NavigationButton.propTypes = {
+  className: _propTypes.string,
+  colorTheme: _propTypes.string,
+  disabled: _propTypes.bool,
+  Icon: _propTypes.elementType,
+  label: (0, _propTypes.oneOfType)([_propTypes.string, _propTypes.number]),
+  onClick: _propTypes.func
+};
+var _default = /*#__PURE__*/(0, _react.memo)(NavigationButton);
+exports.default = _default;

package/dist/components/UTPagination/components/Pagination/components/NavigationButton/styles.module.scss

@@ -0,0 +1,9 @@
+.navigationButton {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+
+  + .navigationButton {
+    margin-left: 4px;
+  }
+}

package/dist/components/UTPagination/components/Pagination/index.js

@@ -0,0 +1,146 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = require("prop-types");
+var _UTButton = _interopRequireDefault(require("../../../UTButton"));
+var _constants = require("../../constants");
+var _commonTypes = require("../../../../types/commonTypes");
+var _NavigationButton = _interopRequireDefault(require("./components/NavigationButton"));
+var _utils = require("./utils");
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var NavigateBeforeIcon = function NavigateBeforeIcon(props) {
+  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M13.362 17a.996.996 0 0 1-.719-.305l-3.863-4a1 1 0 0 1 .013-1.402l4-4a.999.999 0 1 1 1.414 1.414l-3.305 3.305 3.18 3.293a1 1 0 0 1-.72 1.695z",
+    fill: "#091E42"
+  }));
+};
+NavigateBeforeIcon.defaultProps = {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+var NavigateNextIcon = function NavigateNextIcon(props) {
+  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M10.5 17a.999.999 0 0 1-.707-1.707l3.305-3.305-3.18-3.293a1 1 0 0 1 1.439-1.39l3.862 4a1 1 0 0 1-.012 1.402l-4 4A.997.997 0 0 1 10.5 17z",
+    fill: "#091E42"
+  }));
+};
+NavigateNextIcon.defaultProps = {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+var NavigateHeaderBeforeIcon = function NavigateHeaderBeforeIcon(props) {
+  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
+    fill: "#FFF",
+    d: "M5.232.36a1 1 0 0 1 1.536 1.28L2.292 7.01l4.315 5.363a1 1 0 0 1-1.558 1.254l-4.828-6A1 1 0 0 1 .232 6.36zm7 0a1 1 0 0 1 1.537 1.28L9.293 7.011l4.315 5.362a1 1 0 0 1-1.56 1.254l-4.828-6a1 1 0 0 1 .012-1.267z",
+    fillRule: "evenodd"
+  }));
+};
+NavigateHeaderBeforeIcon.defaultProps = {
+  width: "14",
+  height: "14",
+  viewBox: "0 0 14 14",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+var NavigateHeaderNextIcon = function NavigateHeaderNextIcon(props) {
+  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
+    fill: "#FFF",
+    d: "M7.545.221a1 1 0 0 1 1.406.152l4.828 6a1 1 0 0 1-.01 1.267l-5 6a1 1 0 1 1-1.537-1.28l4.476-5.371-4.316-5.362A1 1 0 0 1 7.545.221zm-7 0a1 1 0 0 1 1.406.152l4.828 6a1 1 0 0 1-.01 1.267l-5 6a1 1 0 1 1-1.537-1.28l4.475-5.371L.392 1.627A1 1 0 0 1 .545.221z",
+    fillRule: "evenodd"
+  }));
+};
+NavigateHeaderNextIcon.defaultProps = {
+  width: "14",
+  height: "14",
+  viewBox: "0 0 14 14",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+var Pagination = function Pagination(_ref) {
+  var classes = _ref.classes,
+    colorThemes = _ref.colorThemes,
+    currentPage = _ref.currentPage,
+    onChangePage = _ref.onChangePage,
+    rowsPerPage = _ref.rowsPerPage,
+    totalRows = _ref.totalRows,
+    isResponsive = _ref.isResponsive;
+  var totalPages = rowsPerPage >= totalRows ? 1 : Math.ceil(totalRows / rowsPerPage);
+  var pageList = (0, _utils.getPageNumbers)(totalPages, currentPage, isResponsive);
+  var navigationButtonColorTheme = colorThemes.navigationButton || 'secondary';
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(_stylesModule.default.pagination, " ").concat(classes.pagination)
+  }, totalPages > _constants.PAGINATION_LIMIT_DOUBLE_ARROWS && !isResponsive && /*#__PURE__*/_react.default.createElement(_NavigationButton.default, {
+    className: _stylesModule.default.invertNavigationLabel,
+    colorTheme: navigationButtonColorTheme,
+    Icon: NavigateHeaderBeforeIcon,
+    label: "1",
+    disabled: currentPage === 0,
+    onClick: function onClick() {
+      return onChangePage(0);
+    }
+  }), /*#__PURE__*/_react.default.createElement(_NavigationButton.default, {
+    colorTheme: navigationButtonColorTheme,
+    Icon: NavigateBeforeIcon,
+    disabled: currentPage === 0,
+    onClick: function onClick() {
+      return onChangePage(currentPage - 1);
+    }
+  }), pageList.map(function (page) {
+    return /*#__PURE__*/_react.default.createElement(_UTButton.default, {
+      key: "page_".concat(page),
+      classNames: {
+        childrenContainer: _stylesModule.default.pageButtonChildrenContainer,
+        root: "".concat(_stylesModule.default.pageButton, " ").concat(currentPage === page && _stylesModule.default.pageButtondisabled)
+      },
+      colorTheme: colorThemes.pageButton || 'primary',
+      onClick: function onClick() {
+        return onChangePage(page);
+      },
+      variant: currentPage === page ? 'semitransparent' : 'text'
+    }, page + 1);
+  }), /*#__PURE__*/_react.default.createElement(_NavigationButton.default, {
+    colorTheme: navigationButtonColorTheme,
+    Icon: NavigateNextIcon,
+    disabled: currentPage === totalPages - 1,
+    onClick: function onClick() {
+      return onChangePage(currentPage + 1);
+    }
+  }), totalPages > _constants.PAGINATION_LIMIT_DOUBLE_ARROWS && !isResponsive && /*#__PURE__*/_react.default.createElement(_NavigationButton.default, {
+    className: _stylesModule.default.navigationLabel,
+    colorTheme: navigationButtonColorTheme,
+    Icon: NavigateHeaderNextIcon,
+    label: totalPages,
+    disabled: currentPage === totalPages - 1,
+    onClick: function onClick() {
+      return onChangePage(totalPages - 1);
+    }
+  }));
+};
+Pagination.propTypes = {
+  classes: _commonTypes.classesType,
+  colorThemes: (0, _propTypes.shape)({
+    pageButton: _propTypes.string,
+    navigationButton: _propTypes.string,
+    totalRows: _propTypes.string
+  }),
+  currentPage: _propTypes.number,
+  isResponsive: _propTypes.bool,
+  onChangePage: _propTypes.func,
+  rowsPerPage: _propTypes.number,
+  totalRows: _propTypes.number
+};
+var _default = Pagination;
+exports.default = _default;

package/dist/components/UTPagination/components/Pagination/styles.module.scss

@@ -0,0 +1,33 @@
+.pagination {
+  align-items: center;
+  display: flex;
+}
+
+.pageButton {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+
+.pageButtonChildrenContainer {
+  justify-content: center;
+  width: 14px;
+}
+
+.pageButtondisabled {
+  pointer-events: none;
+}
+
+.invertNavigationLabel {
+  flex-direction: row-reverse;
+
+  :first-child {
+    margin-left: 4px;
+  }
+}
+
+.navigationLabel {
+  :first-child {
+    margin-right: 4px;
+  }
+}

package/dist/components/UTPagination/constants.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PREPOSITION = exports.PAGINATION_LIMIT_DOUBLE_ARROWS = exports.MAX_PAGINATION_ITEMS = void 0;
+var PREPOSITION = 'de';
+exports.PREPOSITION = PREPOSITION;
+var PAGINATION_LIMIT_DOUBLE_ARROWS = 10;
+exports.PAGINATION_LIMIT_DOUBLE_ARROWS = PAGINATION_LIMIT_DOUBLE_ARROWS;
+var MAX_PAGINATION_ITEMS = 5;
+exports.MAX_PAGINATION_ITEMS = MAX_PAGINATION_ITEMS;

package/dist/components/UTPagination/index.js

@@ -0,0 +1,69 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = require("prop-types");
+var _WithTheme = _interopRequireDefault(require("../WithTheme"));
+var _commonTypes = require("../../types/commonTypes");
+var _PageSizeSelector = _interopRequireDefault(require("./components/PageSizeSelector"));
+var _Pagination = _interopRequireDefault(require("./components/Pagination"));
+var _constants = require("./constants");
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+var _theme = require("./theme");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 UTPagination = function UTPagination(_ref) {
+  var classes = _ref.classes,
+    _ref$colorThemes = _ref.colorThemes,
+    colorThemes = _ref$colorThemes === void 0 ? {} : _ref$colorThemes,
+    isResponsive = _ref.isResponsive,
+    onChangePage = _ref.onChangePage,
+    onChangeRowPerPage = _ref.onChangeRowPerPage,
+    page = _ref.page,
+    rowsPerPage = _ref.rowsPerPage,
+    rowsPerPageOptions = _ref.rowsPerPageOptions,
+    totalRows = _ref.totalRows,
+    totalRowsLabel = _ref.totalRowsLabel;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(_stylesModule.default.paginationContainer, " ").concat(classes.paginationContainer)
+  }, /*#__PURE__*/_react.default.createElement(_PageSizeSelector.default, {
+    classes: classes,
+    colorThemes: colorThemes,
+    label: "".concat(_constants.PREPOSITION, " ").concat(totalRows, " ").concat(totalRowsLabel),
+    onChangeRowPerPage: onChangeRowPerPage,
+    options: rowsPerPageOptions,
+    rowsPerPage: rowsPerPage,
+    totalRows: totalRows
+  }), /*#__PURE__*/_react.default.createElement(_Pagination.default, {
+    classes: classes,
+    colorThemes: colorThemes,
+    currentPage: page,
+    isResponsive: isResponsive,
+    onChangePage: onChangePage,
+    rowsPerPage: rowsPerPage,
+    totalRows: totalRows
+  }));
+};
+UTPagination.propTypes = {
+  classes: _commonTypes.classesType,
+  colorThemes: (0, _propTypes.shape)({
+    pageButton: _propTypes.string,
+    navigationButton: _propTypes.string,
+    totalRows: _propTypes.string
+  }),
+  isResponsive: _propTypes.bool,
+  page: _propTypes.number,
+  onChangePage: _propTypes.func,
+  onChangeRowPerPage: _propTypes.func,
+  rowsPerPage: _propTypes.number,
+  rowsPerPageOptions: (0, _propTypes.arrayOf)(_propTypes.number),
+  totalRows: _propTypes.number,
+  totalRowsLabel: _propTypes.string
+};
+var _default = (0, _WithTheme.default)(_theme.retrieveStyle)( /*#__PURE__*/(0, _react.memo)(UTPagination));
+exports.default = _default;

package/dist/components/UTPagination/styles.module.scss

@@ -0,0 +1,10 @@
+.paginationContainer {
+  align-content: center;
+  display: flex;
+  justify-content: space-between;
+}
+
+.totalRowsLabel {
+  align-items: center;
+  display: flex;
+}

package/dist/components/UTPagination/theme.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.retrieveStyle = void 0;
+var _colors = _interopRequireDefault(require("../../scss/variables/_colors.scss"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var retrieveStyle = function retrieveStyle(_ref) {
+  var _theme$UTPagination, _theme$UTPagination2, _theme$Fonts, _theme$UTPagination3, _theme$UTPagination4, _theme$UTPagination5, _theme$UTPagination6, _theme$UTPagination7, _theme$UTPagination8;
+  var theme = _ref.theme;
+  return {
+    paginationContainer: {
+      marginTop: (theme === null || theme === void 0 || (_theme$UTPagination = theme.UTPagination) === null || _theme$UTPagination === void 0 || (_theme$UTPagination = _theme$UTPagination.paginationContainer) === null || _theme$UTPagination === void 0 ? void 0 : _theme$UTPagination.marginTop) || 32
+    },
+    pageSizeSelect: {
+      background: theme === null || theme === void 0 || (_theme$UTPagination2 = theme.UTPagination) === null || _theme$UTPagination2 === void 0 || (_theme$UTPagination2 = _theme$UTPagination2.pageSizeSelect) === null || _theme$UTPagination2 === void 0 ? void 0 : _theme$UTPagination2.background,
+      fontFamily: theme === null || theme === void 0 || (_theme$Fonts = theme.Fonts) === null || _theme$Fonts === void 0 ? void 0 : _theme$Fonts.fontFamily,
+      fontSize: theme === null || theme === void 0 || (_theme$UTPagination3 = theme.UTPagination) === null || _theme$UTPagination3 === void 0 || (_theme$UTPagination3 = _theme$UTPagination3.pageSizeSelect) === null || _theme$UTPagination3 === void 0 ? void 0 : _theme$UTPagination3.fontSize,
+      padding: (theme === null || theme === void 0 || (_theme$UTPagination4 = theme.UTPagination) === null || _theme$UTPagination4 === void 0 || (_theme$UTPagination4 = _theme$UTPagination4.pageSizeSelect) === null || _theme$UTPagination4 === void 0 ? void 0 : _theme$UTPagination4.padding) || 6,
+      textAlign: theme === null || theme === void 0 || (_theme$UTPagination5 = theme.UTPagination) === null || _theme$UTPagination5 === void 0 || (_theme$UTPagination5 = _theme$UTPagination5.pageSizeSelect) === null || _theme$UTPagination5 === void 0 ? void 0 : _theme$UTPagination5.textAlign
+    },
+    pageSizeSelectContainer: {
+      '& fieldset': {
+        border: (theme === null || theme === void 0 || (_theme$UTPagination6 = theme.UTPagination) === null || _theme$UTPagination6 === void 0 || (_theme$UTPagination6 = _theme$UTPagination6.pageSizeSelect) === null || _theme$UTPagination6 === void 0 ? void 0 : _theme$UTPagination6.border) || "1px solid ".concat(_colors.default.gray3)
+      },
+      '&:hover fieldset': {
+        border: (theme === null || theme === void 0 || (_theme$UTPagination7 = theme.UTPagination) === null || _theme$UTPagination7 === void 0 || (_theme$UTPagination7 = _theme$UTPagination7.pageSizeSelect) === null || _theme$UTPagination7 === void 0 || (_theme$UTPagination7 = _theme$UTPagination7.hover) === null || _theme$UTPagination7 === void 0 ? void 0 : _theme$UTPagination7.border) || "1px solid ".concat(_colors.default.gray2)
+      }
+    },
+    pagination: {
+      gridGap: (theme === null || theme === void 0 || (_theme$UTPagination8 = theme.UTPagination) === null || _theme$UTPagination8 === void 0 || (_theme$UTPagination8 = _theme$UTPagination8.pagination) === null || _theme$UTPagination8 === void 0 ? void 0 : _theme$UTPagination8.gridGap) || '16px'
+    }
+  };
+};
+exports.retrieveStyle = retrieveStyle;

package/dist/components/UTPagination/utils.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getPageNumbers = void 0;
+var _constants = require("../../constants");
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+var getPageNumbers = function getPageNumbers(totalPages, currentPage, isResponsive) {
+  if (isResponsive) return [currentPage];
+  if (totalPages <= _constants.MAX_PAGINATION_ITEMS) return _toConsumableArray(Array(totalPages).keys());
+  var paginationFactor = _constants.MAX_PAGINATION_ITEMS / 2;
+  if (currentPage < Math.ceil(paginationFactor)) return _toConsumableArray(Array(_constants.MAX_PAGINATION_ITEMS).keys());
+  if (totalPages - currentPage < paginationFactor) return _toConsumableArray(Array(totalPages).keys()).slice(totalPages - _constants.MAX_PAGINATION_ITEMS, totalPages);
+  var floorFactor = Math.floor(paginationFactor);
+  var ceilFactor = Math.ceil(paginationFactor);
+  return _toConsumableArray(Array(currentPage + ceilFactor).keys()).slice(currentPage - floorFactor);
+};
+exports.getPageNumbers = getPageNumbers;