@widergy/energy-ui 3.173.3 → 3.174.0

package/dist/components/UTTable/components/TableFooter/components/PageSizeSelector/index.js

@@ -1,60 +0,0 @@
-"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 _types = require("../../../../types");
-var _utils = require("./utils");
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const PageSizeSelector = _ref => {
-  let {
-    classes,
-    dataTestId,
-    options,
-    rowsPerPage,
-    onChangeRowPerPage,
-    label,
-    totalRows
-  } = _ref;
-  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),
-    dataTestId: dataTestId,
-    labelKey: "label",
-    valueKey: "value",
-    input: {
-      onChange: onChangeRowPerPage,
-      value: rowsPerPage
-    },
-    itemDataTestId: dataTestId ? "".concat(dataTestId, ".option") : undefined,
-    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)
-  }, label));
-};
-PageSizeSelector.propTypes = {
-  classes: _types.classesType,
-  dataTestId: _propTypes.string,
-  options: (0, _propTypes.arrayOf)(_propTypes.number),
-  rowsPerPage: _propTypes.number,
-  onChangeRowPerPage: _propTypes.func,
-  label: _propTypes.string,
-  totalRows: _propTypes.number
-};
-var _default = exports.default = PageSizeSelector;

package/dist/components/UTTable/components/TableFooter/components/PageSizeSelector/styles.module.scss

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

package/dist/components/UTTable/components/TableFooter/components/PageSizeSelector/utils.js

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

package/dist/components/UTTable/components/TableFooter/components/Pagination/components/NavigationButton/index.js

@@ -1,40 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = require("prop-types");
-var _UTTouchableWithoutFeedback = _interopRequireDefault(require("../../../../../../../UTTouchableWithoutFeedback"));
-var _types = require("../../../../../../types");
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-const NavigationButton = _ref => {
-  let {
-    classes,
-    Icon,
-    label,
-    onClick,
-    className,
-    disabled
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_UTTouchableWithoutFeedback.default, {
-    className: "\n      ".concat(className, "\n      ").concat(_stylesModule.default.navigationButton, "\n      ").concat(classes.navigationButton, "\n      ").concat(disabled && "".concat(_stylesModule.default.buttonDisabled, " ").concat(classes.navigationButtonDisabled), "\n    "),
-    onClick: onClick
-  }, label && /*#__PURE__*/_react.default.createElement("span", {
-    className: _stylesModule.default.label
-  }, label), /*#__PURE__*/_react.default.createElement(Icon, {
-    className: classes.navigationArrow
-  }));
-};
-NavigationButton.propTypes = {
-  classes: _types.classesType,
-  className: _propTypes.string,
-  disabled: _propTypes.bool,
-  Icon: _propTypes.elementType,
-  label: (0, _propTypes.oneOfType)([_propTypes.string, _propTypes.number]),
-  onClick: _propTypes.func
-};
-var _default = exports.default = /*#__PURE__*/(0, _react.memo)(NavigationButton);

package/dist/components/UTTable/components/TableFooter/components/Pagination/components/NavigationButton/styles.module.scss

@@ -1,13 +0,0 @@
-.navigationButton {
-  align-items: center;
-  display: flex;
-  justify-content: center;
-
-  + .navigationButton {
-    margin-left: 4px;
-  }
-}
-
-.buttonDisabled {
-  pointer-events: none;
-}

package/dist/components/UTTable/components/TableFooter/components/Pagination/index.js

@@ -1,121 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = require("prop-types");
-var _UTTouchableWithoutFeedback = _interopRequireDefault(require("../../../../../UTTouchableWithoutFeedback"));
-var _types = require("../../../../types");
-var _constants = require("../../../../constants");
-var _NavigationButton = _interopRequireDefault(require("./components/NavigationButton"));
-var _utils = require("./utils");
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var NavigateBeforeIcon = function NavigateBeforeIcon(props) {
-  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
-    fill: "#FFF",
-    d: "M5.829 14a.998.998 0 0 1-.78-.373l-4.828-6A1 1 0 0 1 .23 6.36l5-6a1 1 0 1 1 1.536 1.28L2.294 7.011l4.315 5.362A1 1 0 0 1 5.828 14",
-    fillRule: "evenodd"
-  }));
-};
-NavigateBeforeIcon.defaultProps = {
-  width: "7",
-  height: "14",
-  viewBox: "0 0 7 14",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-var NavigateNextIcon = function NavigateNextIcon(props) {
-  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
-    fill: "#FFF",
-    d: "M1 14a1 1 0 0 1-.768-1.64l4.475-5.371L.393 1.627A1 1 0 0 1 1.95.373l4.829 6a1 1 0 0 1-.012 1.267l-5 6A1 1 0 0 1 1 14",
-    fillRule: "evenodd"
-  }));
-};
-NavigateNextIcon.defaultProps = {
-  width: "7",
-  height: "14",
-  viewBox: "0 0 7 14",
-  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"
-};
-const Pagination = _ref => {
-  let {
-    classes,
-    currentPage,
-    handlePageChange,
-    rowsPerPage,
-    totalRows,
-    isResponsive
-  } = _ref;
-  const totalPages = rowsPerPage >= totalRows ? 1 : Math.ceil(totalRows / rowsPerPage);
-  const pageList = (0, _utils.getPageNumbers)(totalPages, currentPage, isResponsive);
-  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, {
-    classes: classes,
-    className: _stylesModule.default.invertNavigationLabel,
-    Icon: NavigateHeaderBeforeIcon,
-    label: "1",
-    disabled: currentPage === 0,
-    onClick: () => handlePageChange(0)
-  }), /*#__PURE__*/_react.default.createElement(_NavigationButton.default, {
-    classes: classes,
-    className: _stylesModule.default.firstArrow,
-    Icon: NavigateBeforeIcon,
-    disabled: currentPage === 0,
-    onClick: () => handlePageChange(currentPage - 1)
-  }), pageList.map(page => /*#__PURE__*/_react.default.createElement(_UTTouchableWithoutFeedback.default, {
-    key: "page_".concat(page),
-    className: "\n            ".concat(_stylesModule.default.pageButton, "\n            ").concat(classes.pageButton, "\n            ").concat(currentPage === page && "".concat(_stylesModule.default.buttonDisabled, " ").concat(classes.pageButtonSelected), "\n          "),
-    onClick: () => handlePageChange(page)
-  }, page + 1)), /*#__PURE__*/_react.default.createElement(_NavigationButton.default, {
-    classes: classes,
-    className: _stylesModule.default.lastArrow,
-    Icon: NavigateNextIcon,
-    disabled: currentPage === totalPages - 1,
-    onClick: () => handlePageChange(currentPage + 1)
-  }), totalPages > _constants.PAGINATION_LIMIT_DOUBLE_ARROWS && !isResponsive && /*#__PURE__*/_react.default.createElement(_NavigationButton.default, {
-    classes: classes,
-    className: _stylesModule.default.navigationLabel,
-    Icon: NavigateHeaderNextIcon,
-    label: totalPages,
-    disabled: currentPage === totalPages - 1,
-    onClick: () => handlePageChange(totalPages - 1)
-  }));
-};
-Pagination.propTypes = {
-  classes: _types.classesType,
-  currentPage: _propTypes.number,
-  rowsPerPage: _propTypes.number,
-  handlePageChange: _propTypes.func,
-  totalRows: _propTypes.number,
-  isResponsive: _propTypes.bool
-};
-var _default = exports.default = Pagination;

package/dist/components/UTTable/components/TableFooter/components/Pagination/styles.module.scss

@@ -1,42 +0,0 @@
-.pagination {
-  align-items: center;
-  display: flex;
-}
-
-.pageButton {
-  align-items: center;
-  display: flex;
-  justify-content: center;
-}
-
-.pageButtonSelected {
-  align-items: center;
-  display: flex;
-  justify-content: center;
-}
-
-.buttonDisabled {
-  pointer-events: none;
-}
-
-.firstArrow {
-  margin-right: 4px;
-}
-
-.lastArrow {
-  margin-left: 4px;
-}
-
-.invertNavigationLabel {
-  flex-direction: row-reverse;
-
-  :first-child {
-    margin-left: 4px;
-  }
-}
-
-.navigationLabel {
-  :first-child {
-    margin-right: 4px;
-  }
-}

package/dist/components/UTTable/components/TableFooter/components/Pagination/utils.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getPageNumbers = void 0;
-var _constants = require("../../../../constants");
-const getPageNumbers = (totalPages, currentPage, isResponsive) => {
-  if (isResponsive) return [currentPage];
-  if (totalPages <= _constants.MAX_PAGINATION_ITEMS) return [...Array(totalPages).keys()];
-  const paginationFactor = _constants.MAX_PAGINATION_ITEMS / 2;
-  if (currentPage < Math.ceil(paginationFactor)) return [...Array(_constants.MAX_PAGINATION_ITEMS).keys()];
-  if (totalPages - currentPage < paginationFactor) return [...Array(totalPages).keys()].slice(totalPages - _constants.MAX_PAGINATION_ITEMS, totalPages);
-  const floorFactor = Math.floor(paginationFactor);
-  const ceilFactor = Math.ceil(paginationFactor);
-  return [...Array(currentPage + ceilFactor).keys()].slice(currentPage - floorFactor);
-};
-exports.getPageNumbers = getPageNumbers;

package/dist/components/UTTable/components/TableFooter/constants.js

@@ -1,7 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PREPOSITION = void 0;
-const PREPOSITION = exports.PREPOSITION = 'de';

package/dist/components/UTTable/components/TableFooter/index.js

@@ -1,63 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = require("prop-types");
-var _types = require("../../types");
-var _PageSizeSelector = _interopRequireDefault(require("./components/PageSizeSelector"));
-var _Pagination = _interopRequireDefault(require("./components/Pagination"));
-var _constants = require("./constants");
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-const TableFooter = _ref => {
-  let {
-    classes,
-    page,
-    handlePageChange,
-    onChangeRowPerPage,
-    rowsPerPage,
-    rowsPerPageOptions,
-    hidePageSelector = false,
-    paginatorDataTestId,
-    totalRows,
-    totalRowsLabel,
-    isResponsive
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.tableFooter,
-    "data-testid": paginatorDataTestId
-  }, !hidePageSelector && /*#__PURE__*/_react.default.createElement(_PageSizeSelector.default, {
-    classes: classes,
-    options: rowsPerPageOptions,
-    rowsPerPage: rowsPerPage,
-    onChangeRowPerPage: onChangeRowPerPage,
-    totalRows: totalRows,
-    label: "".concat(_constants.PREPOSITION, " ").concat(totalRows, " ").concat(totalRowsLabel),
-    dataTestId: paginatorDataTestId ? "".concat(paginatorDataTestId, ".pageSizeSelector") : undefined
-  }), /*#__PURE__*/_react.default.createElement(_Pagination.default, {
-    classes: classes,
-    currentPage: page,
-    handlePageChange: handlePageChange,
-    rowsPerPage: rowsPerPage,
-    totalRows: totalRows,
-    isResponsive: isResponsive
-  }));
-};
-TableFooter.propTypes = {
-  classes: _types.classesType,
-  page: _propTypes.number,
-  handlePageChange: _propTypes.func,
-  onChangeRowPerPage: _propTypes.func,
-  rowsPerPage: _propTypes.number,
-  rowsPerPageOptions: (0, _propTypes.arrayOf)(_propTypes.number),
-  hidePageSelector: _propTypes.bool,
-  paginatorDataTestId: _propTypes.string,
-  totalRows: _propTypes.number,
-  totalRowsLabel: _propTypes.string,
-  isResponsive: _propTypes.bool
-};
-var _default = exports.default = /*#__PURE__*/(0, _react.memo)(TableFooter);

package/dist/components/UTTable/components/TableFooter/styles.module.scss

@@ -1,11 +0,0 @@
-.tableFooter {
-  align-content: center;
-  display: flex;
-  justify-content: space-between;
-  margin-top: 32px;
-}
-
-.totalRowsLabel {
-  align-items: center;
-  display: flex;
-}