@widergy/energy-ui 3.173.2 → 3.173.4

package/dist/esm/components/UTOnboarding/components/OnboardingStep/index.js

@@ -1,38 +1 @@
-import React from 'react';
-import 'intro.js/introjs.css';
-import { bool, number, object, string } from 'prop-types';
-import styles from './styles.module.scss';
-const OnboardingStep = _ref => {
-  let {
-    currentStep,
-    descriptionDataTestId,
-    hideFooter = false,
-    step,
-    totalSteps,
-    variant
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h3", {
-    className: "".concat(styles.description, " ").concat(styles["".concat(variant, "Description")]),
-    "data-testid": descriptionDataTestId
-  }, step.description), step.vectorImage ? /*#__PURE__*/React.createElement(step.vectorImage, {
-    alt: "",
-    className: styles.wizardImage
-  }) : step.image && /*#__PURE__*/React.createElement("img", {
-    alt: "",
-    className: styles.wizardImage,
-    src: step.image
-  }), !hideFooter && /*#__PURE__*/React.createElement("div", {
-    className: styles.footer
-  }, /*#__PURE__*/React.createElement("h3", {
-    className: "".concat(styles.counterSteps, " ").concat(styles["".concat(variant, "CounterSteps")])
-  }, currentStep + 1, " de ", totalSteps)));
-};
-OnboardingStep.propTypes = {
-  currentStep: number,
-  descriptionDataTestId: string,
-  hideFooter: bool,
-  step: object,
-  totalSteps: number,
-  variant: string
-};
-export default OnboardingStep;
+import React from"react";import"intro.js/introjs.css";import{bool,number,object,string}from"prop-types";import styles from"./styles.module.scss";const OnboardingStep=e=>{let{currentStep:t,descriptionDataTestId:a,hideFooter:s=!1,step:r,totalSteps:c,variant:o}=e;return React.createElement("div",null,React.createElement("h3",{className:"".concat(styles.description," ").concat(styles["".concat(o,"Description")]),"data-testid":a},r.description),r.vectorImage?React.createElement(r.vectorImage,{alt:"",className:styles.wizardImage}):r.image&&React.createElement("img",{alt:"",className:styles.wizardImage,src:r.image}),!s&&React.createElement("div",{className:styles.footer},React.createElement("h3",{className:"".concat(styles.counterSteps," ").concat(styles["".concat(o,"CounterSteps")])},t+1," de ",c)))};OnboardingStep.propTypes={currentStep:number,descriptionDataTestId:string,hideFooter:bool,step:object,totalSteps:number,variant:string};export default OnboardingStep;

package/dist/esm/components/UTOnboarding/constants.js

@@ -1,12 +1 @@
-export const VARIANTS = {
-  dark: 'dark',
-  information: 'information',
-  light: 'light'
-};
-export const DEFAULT_PROPS = {
-  variant: 'dark'
-};
-export const DONE_LABEL = 'Finalizar';
-export const NEXT_LABEL = 'Siguiente';
-export const PREV_LABEL = 'Atrás';
-export const START_LABEL = 'Comenzar';
+export const VARIANTS={dark:"dark",information:"information",light:"light"};export const DEFAULT_PROPS={variant:"dark"};export const DONE_LABEL="Finalizar";export const NEXT_LABEL="Siguiente";export const PREV_LABEL="Atrás";export const START_LABEL="Comenzar";

package/dist/esm/components/UTOnboarding/index.js

@@ -1,144 +1 @@
-import React, { useState, useEffect, useMemo } from 'react';
-import { Steps } from 'intro.js-react';
-import 'intro.js/introjs.css';
-import { array, bool, func, object, objectOf, string } from 'prop-types';
-import { mergeClasses } from '../../utils/classesUtils';
-import WithTheme from '../WithTheme';
-import { TEST_IDS } from '../../constants/testIds';
-import OnboardingStep from './components/OnboardingStep';
-import { retrieveStyle } from './theme';
-import { DONE_LABEL, NEXT_LABEL, PREV_LABEL, START_LABEL } from './constants';
-import styles from './styles.module.scss';
-const {
-  onboarding
-} = TEST_IDS;
-const UTOnboarding = _ref => {
-  var _steps$currentStep$is, _steps$currentStep, _steps$currentStep$hi, _steps$currentStep2, _steps$currentStep3, _steps$currentStep4;
-  let {
-    classNames,
-    classes: themeClasses,
-    closeButtonDataTestId = onboarding.close,
-    descriptionDataTestId = onboarding.description,
-    enabled,
-    handleComplete,
-    handleOnClose,
-    nextButtonDataTestId = onboarding.nextButton,
-    options,
-    prevButtonDataTestId = onboarding.prevButton,
-    steps,
-    titleDataTestId = onboarding.title,
-    variant
-  } = _ref;
-  const classes = useMemo(() => mergeClasses(themeClasses, classNames), [themeClasses, classNames]) || {};
-  const [currentStep, setCurrentStep] = useState(0);
-  const [loading, setLoading] = useState(true);
-  const currentStepIsSuggestion = (_steps$currentStep$is = (_steps$currentStep = steps[currentStep]) === null || _steps$currentStep === void 0 ? void 0 : _steps$currentStep.isSuggestion) !== null && _steps$currentStep$is !== void 0 ? _steps$currentStep$is : false;
-  const hideFooter = (_steps$currentStep$hi = (_steps$currentStep2 = steps[currentStep]) === null || _steps$currentStep2 === void 0 ? void 0 : _steps$currentStep2.hideFooter) !== null && _steps$currentStep$hi !== void 0 ? _steps$currentStep$hi : false;
-  const totalSteps = steps.length;
-
-  // This timeout is here only to get the querySelectors out of the call-stack order, giving the Step component time to render every child inside. This
-  // is necessary to find the html element searched by the selectors.
-  setTimeout(() => {
-    var _nextButton$attribute, _prevButton$atrtibute, _skipButton$attribute, _stepTitle$attributes, _nextButton$setAttrib, _prevButton$setAttrib, _skipButton$setAttrib, _stepTitle$setAttribu;
-    const nextButton = document.querySelector('.introjs-nextbutton');
-    const prevButton = document.querySelector('.introjs-prevbutton');
-    const skipButton = document.querySelector('.introjs-skipbutton');
-    const stepTitle = document.querySelector('.introjs-tooltip-title');
-    if (nextButton !== null && nextButton !== void 0 && (_nextButton$attribute = nextButton.attributes) !== null && _nextButton$attribute !== void 0 && _nextButton$attribute['data-testid'] && prevButton !== null && prevButton !== void 0 && (_prevButton$atrtibute = prevButton.atrtibutes) !== null && _prevButton$atrtibute !== void 0 && _prevButton$atrtibute['data-testid'] && skipButton !== null && skipButton !== void 0 && (_skipButton$attribute = skipButton.attributes) !== null && _skipButton$attribute !== void 0 && _skipButton$attribute['data-testid'] && stepTitle !== null && stepTitle !== void 0 && (_stepTitle$attributes = stepTitle.attributes) !== null && _stepTitle$attributes !== void 0 && _stepTitle$attributes['data-testid']) return;
-    nextButton === null || nextButton === void 0 || (_nextButton$setAttrib = nextButton.setAttribute) === null || _nextButton$setAttrib === void 0 || _nextButton$setAttrib.call(nextButton, 'data-testid', nextButtonDataTestId);
-    prevButton === null || prevButton === void 0 || (_prevButton$setAttrib = prevButton.setAttribute) === null || _prevButton$setAttrib === void 0 || _prevButton$setAttrib.call(prevButton, 'data-testid', prevButtonDataTestId);
-    skipButton === null || skipButton === void 0 || (_skipButton$setAttrib = skipButton.setAttribute) === null || _skipButton$setAttrib === void 0 || _skipButton$setAttrib.call(skipButton, 'data-testid', closeButtonDataTestId);
-    stepTitle === null || stepTitle === void 0 || (_stepTitle$setAttribu = stepTitle.setAttribute) === null || _stepTitle$setAttribu === void 0 || _stepTitle$setAttribu.call(stepTitle, 'data-testid', titleDataTestId);
-  }, 1);
-  useEffect(() => {
-    setLoading(false);
-  }, [steps]);
-  useEffect(() => {
-    const referenceLayer = document.querySelector('.introjs-tooltipReferenceLayer');
-    if (currentStepIsSuggestion) {
-      var _referenceLayer$class;
-      referenceLayer === null || referenceLayer === void 0 || (_referenceLayer$class = referenceLayer.classList) === null || _referenceLayer$class === void 0 || _referenceLayer$class.add(styles.suggestionReference);
-    } else {
-      var _referenceLayer$class2;
-      referenceLayer === null || referenceLayer === void 0 || (_referenceLayer$class2 = referenceLayer.classList) === null || _referenceLayer$class2 === void 0 || _referenceLayer$class2.remove(styles.suggestionReference);
-    }
-    const footer = document.querySelector('.introjs-tooltipbuttons');
-    if (hideFooter) {
-      var _footer$classList;
-      footer === null || footer === void 0 || (_footer$classList = footer.classList) === null || _footer$classList === void 0 || _footer$classList.add(styles.displayNone);
-    } else {
-      var _footer$classList2;
-      footer === null || footer === void 0 || (_footer$classList2 = footer.classList) === null || _footer$classList2 === void 0 || _footer$classList2.remove(styles.displayNone);
-    }
-  });
-  return loading ? null : /*#__PURE__*/React.createElement(Steps, {
-    enabled: enabled,
-    steps: steps.map((step, index) => ({
-      ...step,
-      intro: step.description ? /*#__PURE__*/React.createElement(OnboardingStep, {
-        buttonPreviousTitle: step === null || step === void 0 ? void 0 : step.buttonPreviousTitle,
-        classes: classes,
-        currentStep: index,
-        descriptionDataTestId: descriptionDataTestId,
-        hideFooter: step === null || step === void 0 ? void 0 : step.hideFooter,
-        key: step,
-        nextStep: step === null || step === void 0 ? void 0 : step.nextStep,
-        step: step,
-        totalSteps: totalSteps,
-        variant: variant
-      }) : step.intro
-    })),
-    initialStep: 0,
-    onExit: handleOnClose,
-    onBeforeChange: nextStep => {
-      var _steps$nextStep;
-      const overlay = document.querySelector('.introjs-overlay');
-      setCurrentStep(nextStep);
-      if ((_steps$nextStep = steps[nextStep]) !== null && _steps$nextStep !== void 0 && _steps$nextStep.isSuggestion) {
-        var _overlay$classList;
-        overlay === null || overlay === void 0 || (_overlay$classList = overlay.classList) === null || _overlay$classList === void 0 || _overlay$classList.add(styles.suggestionOverlay);
-      } else {
-        var _overlay$classList2;
-        overlay === null || overlay === void 0 || (_overlay$classList2 = overlay.classList) === null || _overlay$classList2 === void 0 || _overlay$classList2.remove(styles.suggestionOverlay);
-      }
-    },
-    onComplete: handleComplete || {},
-    options: {
-      buttonClass: "".concat(styles.button, " ").concat(styles["".concat(variant, "Button")] || '', " ").concat(classes.buttons),
-      doneLabel: DONE_LABEL,
-      exitOnEsc: false,
-      exitOnOverlayClick: false,
-      helperElementPadding: 0,
-      hidePrev: true,
-      nextLabel: currentStep === 0 ? START_LABEL : NEXT_LABEL,
-      prevLabel: PREV_LABEL,
-      showBullets: false,
-      showProgress: false,
-      tooltipClass: "".concat(styles.tooltipContainer, " ").concat(classes.onboardingContainer),
-      highlightClass: (_steps$currentStep3 = steps[currentStep]) !== null && _steps$currentStep3 !== void 0 && _steps$currentStep3.isSuggestion ? styles.suggestionHighlight : styles.highlight,
-      ...((_steps$currentStep4 = steps[currentStep]) !== null && _steps$currentStep4 !== void 0 && _steps$currentStep4.hideFooter ? {
-        hidePrev: true,
-        hideNext: true,
-        showProgress: false,
-        showButtons: false
-      } : null),
-      ...options
-    }
-  });
-};
-UTOnboarding.propTypes = {
-  classNames: objectOf(string),
-  classes: objectOf(string),
-  closeButtonDataTestId: string,
-  descriptionDataTestId: string,
-  enabled: bool,
-  handleComplete: func,
-  handleOnClose: func,
-  nextButtonDataTestId: string,
-  options: object,
-  prevButtonDataTestId: string,
-  steps: array,
-  titleDataTestId: string,
-  variant: string
-};
-export default WithTheme(retrieveStyle)(UTOnboarding);
+import React,{useState,useEffect,useMemo}from"react";import{Steps}from"intro.js-react";import"intro.js/introjs.css";import{array,bool,func,object,objectOf,string}from"prop-types";import{mergeClasses}from"../../utils/classesUtils";import WithTheme from"../WithTheme";import{TEST_IDS}from"../../constants/testIds";import OnboardingStep from"./components/OnboardingStep";import{retrieveStyle}from"./theme";import{DONE_LABEL,NEXT_LABEL,PREV_LABEL,START_LABEL}from"./constants";import styles from"./styles.module.scss";const{onboarding:onboarding}=TEST_IDS,UTOnboarding=t=>{var e,o,s,n,l,i;let{classNames:r,classes:a,closeButtonDataTestId:u=onboarding.close,descriptionDataTestId:d=onboarding.description,enabled:c,handleComplete:p,handleOnClose:v,nextButtonDataTestId:g=onboarding.nextButton,options:m,prevButtonDataTestId:b=onboarding.prevButton,steps:y,titleDataTestId:h=onboarding.title,variant:S}=t;const T=useMemo(()=>mergeClasses(a,r),[a,r])||{},[f,L]=useState(0),[E,B]=useState(!0),O=null!==(e=null===(o=y[f])||void 0===o?void 0:o.isSuggestion)&&void 0!==e&&e,j=null!==(s=null===(n=y[f])||void 0===n?void 0:n.hideFooter)&&void 0!==s&&s,D=y.length;return setTimeout(()=>{var t,e,o,s,n,l,i,r;const a=document.querySelector(".introjs-nextbutton"),d=document.querySelector(".introjs-prevbutton"),c=document.querySelector(".introjs-skipbutton"),p=document.querySelector(".introjs-tooltip-title");null!=a&&null!==(t=a.attributes)&&void 0!==t&&t["data-testid"]&&null!=d&&null!==(e=d.atrtibutes)&&void 0!==e&&e["data-testid"]&&null!=c&&null!==(o=c.attributes)&&void 0!==o&&o["data-testid"]&&null!=p&&null!==(s=p.attributes)&&void 0!==s&&s["data-testid"]||(null==a||null===(n=a.setAttribute)||void 0===n||n.call(a,"data-testid",g),null==d||null===(l=d.setAttribute)||void 0===l||l.call(d,"data-testid",b),null==c||null===(i=c.setAttribute)||void 0===i||i.call(c,"data-testid",u),null==p||null===(r=p.setAttribute)||void 0===r||r.call(p,"data-testid",h))},1),useEffect(()=>{B(!1)},[y]),useEffect(()=>{const t=document.querySelector(".introjs-tooltipReferenceLayer");var e,o;O?null==t||null===(e=t.classList)||void 0===e||e.add(styles.suggestionReference):null==t||null===(o=t.classList)||void 0===o||o.remove(styles.suggestionReference);const s=document.querySelector(".introjs-tooltipbuttons");var n,l;j?null==s||null===(n=s.classList)||void 0===n||n.add(styles.displayNone):null==s||null===(l=s.classList)||void 0===l||l.remove(styles.displayNone)}),E?null:React.createElement(Steps,{enabled:c,steps:y.map((t,e)=>({...t,intro:t.description?React.createElement(OnboardingStep,{buttonPreviousTitle:null==t?void 0:t.buttonPreviousTitle,classes:T,currentStep:e,descriptionDataTestId:d,hideFooter:null==t?void 0:t.hideFooter,key:t,nextStep:null==t?void 0:t.nextStep,step:t,totalSteps:D,variant:S}):t.intro})),initialStep:0,onExit:v,onBeforeChange:t=>{var e;const o=document.querySelector(".introjs-overlay");var s,n;(L(t),null!==(e=y[t])&&void 0!==e&&e.isSuggestion)?null==o||null===(s=o.classList)||void 0===s||s.add(styles.suggestionOverlay):null==o||null===(n=o.classList)||void 0===n||n.remove(styles.suggestionOverlay)},onComplete:p||{},options:{buttonClass:"".concat(styles.button," ").concat(styles["".concat(S,"Button")]||""," ").concat(T.buttons),doneLabel:DONE_LABEL,exitOnEsc:!1,exitOnOverlayClick:!1,helperElementPadding:0,hidePrev:!0,nextLabel:0===f?START_LABEL:NEXT_LABEL,prevLabel:PREV_LABEL,showBullets:!1,showProgress:!1,tooltipClass:"".concat(styles.tooltipContainer," ").concat(T.onboardingContainer),highlightClass:null!==(l=y[f])&&void 0!==l&&l.isSuggestion?styles.suggestionHighlight:styles.highlight,...null!==(i=y[f])&&void 0!==i&&i.hideFooter?{hidePrev:!0,hideNext:!0,showProgress:!1,showButtons:!1}:null,...m}})};UTOnboarding.propTypes={classNames:objectOf(string),classes:objectOf(string),closeButtonDataTestId:string,descriptionDataTestId:string,enabled:bool,handleComplete:func,handleOnClose:func,nextButtonDataTestId:string,options:object,prevButtonDataTestId:string,steps:array,titleDataTestId:string,variant:string};export default WithTheme(retrieveStyle)(UTOnboarding);

package/dist/esm/components/UTOnboarding/theme.js

@@ -1,111 +1 @@
-import { DEFAULT_PROPS, VARIANTS } from './constants';
-const getBackgroundColor = _ref => {
-  let {
-    theme,
-    variant
-  } = _ref;
-  return variant !== VARIANTS.light ? theme.Palette[variant]['05'] : theme.Palette.light['01'];
-};
-const getLabelTheme = _ref2 => {
-  let {
-    theme,
-    variant
-  } = _ref2;
-  return {
-    [VARIANTS.dark]: theme.Palette.light['01'],
-    [VARIANTS.information]: theme.Palette.light['01'],
-    [VARIANTS.light]: theme.Palette.dark['05']
-  }[variant];
-};
-const getButtonTheme = _ref3 => {
-  var _theme$Palette$action, _theme$Palette$action2, _theme$Palette$action3;
-  let {
-    theme,
-    variant
-  } = _ref3;
-  return {
-    [VARIANTS.dark]: ((_theme$Palette$action = theme.Palette.actions) === null || _theme$Palette$action === void 0 ? void 0 : _theme$Palette$action.negative['04']) || theme.Palette.negative['04'],
-    [VARIANTS.information]: ((_theme$Palette$action2 = theme.Palette.actions) === null || _theme$Palette$action2 === void 0 ? void 0 : _theme$Palette$action2.negative['04']) || theme.Palette.negative['04'],
-    [VARIANTS.light]: ((_theme$Palette$action3 = theme.Palette.actions) === null || _theme$Palette$action3 === void 0 ? void 0 : _theme$Palette$action3.accent['04']) || theme.Palette.accent['04']
-  }[variant];
-};
-const getButtonNextTextTheme = _ref4 => {
-  var _theme$Palette$action4;
-  let {
-    theme,
-    variant
-  } = _ref4;
-  return {
-    [VARIANTS.dark]: theme.Palette.dark['05'],
-    [VARIANTS.information]: theme.Palette.dark['05'],
-    [VARIANTS.light]: ((_theme$Palette$action4 = theme.Palette.actions) === null || _theme$Palette$action4 === void 0 ? void 0 : _theme$Palette$action4.negative['05']) || theme.Palette.negative['05']
-  }[variant];
-};
-export const validateProps = _ref5 => {
-  let {
-    variant
-  } = _ref5;
-  return {
-    variant: VARIANTS[variant] || VARIANTS[DEFAULT_PROPS.variant]
-  };
-};
-export const retrieveStyle = _ref6 => {
-  let {
-    theme,
-    variant
-  } = _ref6;
-  return {
-    onboardingContainer: {
-      backgroundColor: " ".concat(getBackgroundColor({
-        theme,
-        ...validateProps({
-          variant
-        })
-      }), " !important"),
-      color: getLabelTheme({
-        theme,
-        ...validateProps({
-          variant
-        })
-      }),
-      '& .introjs-tooltip-title': {
-        color: getLabelTheme({
-          theme,
-          ...validateProps({
-            variant
-          })
-        })
-      },
-      '& .introjs-skipbutton': {
-        color: getLabelTheme({
-          theme,
-          ...validateProps({
-            variant
-          })
-        })
-      },
-      '& .introjs-nextbutton': {
-        backgroundColor: "".concat(getButtonTheme({
-          theme,
-          ...validateProps({
-            variant
-          })
-        }), " !important"),
-        color: "".concat(getButtonNextTextTheme({
-          theme,
-          ...validateProps({
-            variant
-          })
-        }), " !important")
-      },
-      '& .introjs-tooltip': {
-        backgroundColor: " ".concat(getBackgroundColor({
-          theme,
-          ...validateProps({
-            variant
-          })
-        }), " !important")
-      }
-    }
-  };
-};
+import{DEFAULT_PROPS,VARIANTS}from"./constants";const getBackgroundColor=t=>{let{theme:e,variant:a}=t;return a!==VARIANTS.light?e.Palette[a]["05"]:e.Palette.light["01"]},getLabelTheme=t=>{let{theme:e,variant:a}=t;return{[VARIANTS.dark]:e.Palette.light["01"],[VARIANTS.information]:e.Palette.light["01"],[VARIANTS.light]:e.Palette.dark["05"]}[a]},getButtonTheme=t=>{var e,a,o;let{theme:r,variant:n}=t;return{[VARIANTS.dark]:(null===(e=r.Palette.actions)||void 0===e?void 0:e.negative["04"])||r.Palette.negative["04"],[VARIANTS.information]:(null===(a=r.Palette.actions)||void 0===a?void 0:a.negative["04"])||r.Palette.negative["04"],[VARIANTS.light]:(null===(o=r.Palette.actions)||void 0===o?void 0:o.accent["04"])||r.Palette.accent["04"]}[n]},getButtonNextTextTheme=t=>{var e;let{theme:a,variant:o}=t;return{[VARIANTS.dark]:a.Palette.dark["05"],[VARIANTS.information]:a.Palette.dark["05"],[VARIANTS.light]:(null===(e=a.Palette.actions)||void 0===e?void 0:e.negative["05"])||a.Palette.negative["05"]}[o]};export const validateProps=t=>{let{variant:e}=t;return{variant:VARIANTS[e]||VARIANTS[DEFAULT_PROPS.variant]}};export const retrieveStyle=t=>{let{theme:e,variant:a}=t;return{onboardingContainer:{backgroundColor:" ".concat(getBackgroundColor({theme:e,...validateProps({variant:a})})," !important"),color:getLabelTheme({theme:e,...validateProps({variant:a})}),"& .introjs-tooltip-title":{color:getLabelTheme({theme:e,...validateProps({variant:a})})},"& .introjs-skipbutton":{color:getLabelTheme({theme:e,...validateProps({variant:a})})},"& .introjs-nextbutton":{backgroundColor:"".concat(getButtonTheme({theme:e,...validateProps({variant:a})})," !important"),color:"".concat(getButtonNextTextTheme({theme:e,...validateProps({variant:a})})," !important")},"& .introjs-tooltip":{backgroundColor:" ".concat(getBackgroundColor({theme:e,...validateProps({variant:a})})," !important")}}}};

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

@@ -1,56 +1 @@
-import React from 'react';
-import { arrayOf, shape, string, number, func } from 'prop-types';
-import UTSelect from '../../../UTSelect';
-import UTLabel from '../../../UTLabel';
-import { classesType } from '../../../../types/commonTypes';
-import { getPageSizeOptions } from './utils';
-import styles from './styles.module.scss';
-const PageSizeSelector = _ref => {
-  let {
-    classes,
-    colorThemes,
-    options,
-    rowsPerPage,
-    onChangeRowPerPage,
-    label,
-    totalRows
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.pageSizeSelector
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.selectorContainer
-  }, /*#__PURE__*/React.createElement(UTSelect, {
-    options: getPageSizeOptions(options, totalRows),
-    labelKey: "label",
-    valueKey: "value",
-    input: {
-      onChange: onChangeRowPerPage,
-      value: rowsPerPage
-    },
-    disableFirstOption: true,
-    variant: "outlined",
-    selectProps: {
-      className: "".concat(styles.pageSizeSelectContainer, " ").concat(classes.pageSizeSelectContainer),
-      classes: {
-        select: classes.pageSizeSelect
-      }
-    }
-  })), /*#__PURE__*/React.createElement(UTLabel, {
-    className: "".concat(styles.label, " ").concat(classes.totalRowsLabel),
-    colorTheme: colorThemes.totalRows || 'gray'
-  }, label));
-};
-PageSizeSelector.propTypes = {
-  classes: classesType,
-  colorThemes: shape({
-    pageButton: string,
-    navigationButton: string,
-    totalRows: string
-  }),
-  options: arrayOf(number),
-  rowsPerPage: number,
-  onChangeRowPerPage: func,
-  label: string,
-  totalRows: number
-};
-export default PageSizeSelector;
+import React from"react";import{arrayOf,shape,string,number,func}from"prop-types";import UTSelect from"../../../UTSelect";import UTLabel from"../../../UTLabel";import{classesType}from"../../../../types/commonTypes";import{getPageSizeOptions}from"./utils";import styles from"./styles.module.scss";const PageSizeSelector=e=>{let{classes:t,colorThemes:a,options:s,rowsPerPage:o,onChangeRowPerPage:l,label:r,totalRows:c}=e;return React.createElement("div",{className:styles.pageSizeSelector},React.createElement("div",{className:styles.selectorContainer},React.createElement(UTSelect,{options:getPageSizeOptions(s,c),labelKey:"label",valueKey:"value",input:{onChange:l,value:o},disableFirstOption:!0,variant:"outlined",selectProps:{className:"".concat(styles.pageSizeSelectContainer," ").concat(t.pageSizeSelectContainer),classes:{select:t.pageSizeSelect}}})),React.createElement(UTLabel,{className:"".concat(styles.label," ").concat(t.totalRowsLabel),colorTheme:a.totalRows||"gray"},r))};PageSizeSelector.propTypes={classes:classesType,colorThemes:shape({pageButton:string,navigationButton:string,totalRows:string}),options:arrayOf(number),rowsPerPage:number,onChangeRowPerPage:func,label:string,totalRows:number};export default PageSizeSelector;

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

@@ -1,13 +1 @@
-import { isEmpty } from '@widergy/web-utils/lib/array';
-const getPrevOption = (options, index) => index === 0 ? 0 : options[index - 1];
-export const getPageSizeOptions = (originalOptions, totalRows) => {
-  const filteredOptions = originalOptions.filter((_, index) => getPrevOption(originalOptions, index) < totalRows);
-  if (isEmpty(filteredOptions)) return [{
-    value: originalOptions[0],
-    label: totalRows
-  }];
-  return filteredOptions.map(value => ({
-    value,
-    label: Math.min(value, totalRows)
-  }));
-};
+import{isEmpty}from"@widergy/web-utils/lib/array";const getPrevOption=(t,e)=>0===e?0:t[e-1];export const getPageSizeOptions=(t,e)=>{const i=t.filter((i,r)=>getPrevOption(t,r)<e);return isEmpty(i)?[{value:t[0],label:e}]:i.map(t=>({value:t,label:Math.min(t,e)}))};

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

@@ -1,41 +1 @@
-import React, { memo } from 'react';
-import { bool, elementType, func, number, oneOfType, string } from 'prop-types';
-import UTButton from '../../../../../UTButton';
-import styles from './styles.module.scss';
-const NavigationButton = _ref => {
-  let {
-    className,
-    colorTheme,
-    disabled,
-    Icon,
-    iconPlacement,
-    label,
-    onClick,
-    size
-  } = _ref;
-  return /*#__PURE__*/React.createElement(UTButton, {
-    classNames: {
-      root: "\n        ".concat(className, "\n        ").concat(styles.navigationButton, "\n      ")
-    },
-    colorTheme: colorTheme,
-    disabled: disabled,
-    Icon: Icon,
-    iconPlacement: iconPlacement,
-    onClick: onClick,
-    size: size,
-    variant: "semitransparent"
-  }, label && /*#__PURE__*/React.createElement("span", {
-    className: styles.label
-  }, label));
-};
-NavigationButton.propTypes = {
-  className: string,
-  colorTheme: string,
-  disabled: bool,
-  Icon: elementType,
-  iconPlacement: string,
-  label: oneOfType([string, number]),
-  onClick: func,
-  size: string
-};
-export default /*#__PURE__*/memo(NavigationButton);
+import React,{memo}from"react";import{bool,elementType,func,number,oneOfType,string}from"prop-types";import UTButton from"../../../../../UTButton";import styles from"./styles.module.scss";const NavigationButton=e=>{let{className:t,colorTheme:n,disabled:o,Icon:a,iconPlacement:s,label:l,onClick:c,size:i}=e;return React.createElement(UTButton,{classNames:{root:"\n        ".concat(t,"\n        ").concat(styles.navigationButton,"\n      ")},colorTheme:n,disabled:o,Icon:a,iconPlacement:s,onClick:c,size:i,variant:"semitransparent"},l&&React.createElement("span",{className:styles.label},l))};NavigationButton.propTypes={className:string,colorTheme:string,disabled:bool,Icon:elementType,iconPlacement:string,label:oneOfType([string,number]),onClick:func,size:string};export default memo(NavigationButton);

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

@@ -1,80 +1 @@
-import React from 'react';
-import { func, number, bool, shape, string, oneOf } from 'prop-types';
-import UTButton from '../../../UTButton';
-import { PAGINATION_LIMIT_DOUBLE_ARROWS } from '../../constants';
-import { classesType } from '../../../../types/commonTypes';
-import NavigationButton from './components/NavigationButton';
-import { getPageNumbers } from './utils';
-import styles from './styles.module.scss';
-const Pagination = _ref => {
-  let {
-    classes,
-    colorThemes,
-    currentPage,
-    isResponsive,
-    onChangePage,
-    rowsPerPage,
-    size,
-    totalRows
-  } = _ref;
-  const totalPages = rowsPerPage >= totalRows ? 1 : Math.ceil(totalRows / rowsPerPage);
-  const pageList = getPageNumbers(totalPages, currentPage, isResponsive);
-  const navigationButtonColorTheme = colorThemes.navigationButton || 'secondary';
-  const navigationButtonSize = size || 'large';
-  const pageButtonSize = size || 'medium';
-  return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.pagination, " ").concat(classes.pagination)
-  }, totalPages > PAGINATION_LIMIT_DOUBLE_ARROWS && !isResponsive && /*#__PURE__*/React.createElement(NavigationButton, {
-    colorTheme: navigationButtonColorTheme,
-    disabled: currentPage === 0,
-    Icon: "IconChevronsLeft",
-    label: "1",
-    onClick: () => onChangePage(0),
-    size: navigationButtonSize
-  }), /*#__PURE__*/React.createElement(NavigationButton, {
-    colorTheme: navigationButtonColorTheme,
-    disabled: currentPage === 0,
-    Icon: "IconChevronLeft",
-    onClick: () => onChangePage(currentPage - 1),
-    size: navigationButtonSize
-  }), pageList.map(page => /*#__PURE__*/React.createElement(UTButton, {
-    classNames: {
-      childrenContainer: styles.pageButtonChildrenContainer,
-      root: "".concat(styles.pageButton, " ").concat(currentPage === page && styles.pageButtondisabled)
-    },
-    colorTheme: colorThemes.pageButton || currentPage === page ? 'primary' : 'secondary',
-    key: "page_".concat(page),
-    onClick: () => onChangePage(page),
-    variant: currentPage === page ? 'semitransparent' : 'text',
-    size: pageButtonSize
-  }, page + 1)), /*#__PURE__*/React.createElement(NavigationButton, {
-    colorTheme: navigationButtonColorTheme,
-    disabled: currentPage === totalPages - 1,
-    Icon: "IconChevronRight",
-    onClick: () => onChangePage(currentPage + 1),
-    size: navigationButtonSize
-  }), totalPages > PAGINATION_LIMIT_DOUBLE_ARROWS && !isResponsive && /*#__PURE__*/React.createElement(NavigationButton, {
-    colorTheme: navigationButtonColorTheme,
-    disabled: currentPage === totalPages - 1,
-    Icon: "IconChevronsRight",
-    iconPlacement: "right",
-    label: totalPages,
-    onClick: () => onChangePage(totalPages - 1),
-    size: navigationButtonSize
-  }));
-};
-Pagination.propTypes = {
-  classes: classesType,
-  colorThemes: shape({
-    pageButton: string,
-    navigationButton: string,
-    totalRows: string
-  }),
-  currentPage: number,
-  isResponsive: bool,
-  onChangePage: func,
-  rowsPerPage: number,
-  size: oneOf(['small', 'medium', 'large']),
-  totalRows: number
-};
-export default Pagination;
+import React from"react";import{func,number,bool,shape,string,oneOf}from"prop-types";import UTButton from"../../../UTButton";import{PAGINATION_LIMIT_DOUBLE_ARROWS}from"../../constants";import{classesType}from"../../../../types/commonTypes";import NavigationButton from"./components/NavigationButton";import{getPageNumbers}from"./utils";import styles from"./styles.module.scss";const Pagination=e=>{let{classes:t,colorThemes:o,currentPage:n,isResponsive:a,onChangePage:s,rowsPerPage:i,size:r,totalRows:c}=e;const l=i>=c?1:Math.ceil(c/i),m=getPageNumbers(l,n,a),g=o.navigationButton||"secondary",p=r||"large",u=r||"medium";return React.createElement("div",{className:"".concat(styles.pagination," ").concat(t.pagination)},l>PAGINATION_LIMIT_DOUBLE_ARROWS&&!a&&React.createElement(NavigationButton,{colorTheme:g,disabled:0===n,Icon:"IconChevronsLeft",label:"1",onClick:()=>s(0),size:p}),React.createElement(NavigationButton,{colorTheme:g,disabled:0===n,Icon:"IconChevronLeft",onClick:()=>s(n-1),size:p}),m.map(e=>React.createElement(UTButton,{classNames:{childrenContainer:styles.pageButtonChildrenContainer,root:"".concat(styles.pageButton," ").concat(n===e&&styles.pageButtondisabled)},colorTheme:o.pageButton||n===e?"primary":"secondary",key:"page_".concat(e),onClick:()=>s(e),variant:n===e?"semitransparent":"text",size:u},e+1)),React.createElement(NavigationButton,{colorTheme:g,disabled:n===l-1,Icon:"IconChevronRight",onClick:()=>s(n+1),size:p}),l>PAGINATION_LIMIT_DOUBLE_ARROWS&&!a&&React.createElement(NavigationButton,{colorTheme:g,disabled:n===l-1,Icon:"IconChevronsRight",iconPlacement:"right",label:l,onClick:()=>s(l-1),size:p}))};Pagination.propTypes={classes:classesType,colorThemes:shape({pageButton:string,navigationButton:string,totalRows:string}),currentPage:number,isResponsive:bool,onChangePage:func,rowsPerPage:number,size:oneOf(["small","medium","large"]),totalRows:number};export default Pagination;

package/dist/esm/components/UTPagination/components/Pagination/utils.js

@@ -1,11 +1 @@
-import { MAX_PAGINATION_ITEMS } from '../../constants';
-export const getPageNumbers = (totalPages, currentPage, isResponsive) => {
-  if (isResponsive) return [currentPage];
-  if (totalPages <= MAX_PAGINATION_ITEMS) return [...Array(totalPages).keys()];
-  const paginationFactor = MAX_PAGINATION_ITEMS / 2;
-  if (currentPage < Math.ceil(paginationFactor)) return [...Array(MAX_PAGINATION_ITEMS).keys()];
-  if (totalPages - currentPage < paginationFactor) return [...Array(totalPages).keys()].slice(totalPages - MAX_PAGINATION_ITEMS, totalPages);
-  const floorFactor = Math.floor(paginationFactor);
-  const ceilFactor = Math.ceil(paginationFactor);
-  return [...Array(currentPage + ceilFactor).keys()].slice(currentPage - floorFactor);
-};
+import{MAX_PAGINATION_ITEMS}from"../../constants";export const getPageNumbers=(r,A,e)=>{if(e)return[A];if(r<=MAX_PAGINATION_ITEMS)return[...Array(r).keys()];const t=MAX_PAGINATION_ITEMS/2;if(A<Math.ceil(t))return[...Array(MAX_PAGINATION_ITEMS).keys()];if(r-A<t)return[...Array(r).keys()].slice(r-MAX_PAGINATION_ITEMS,r);const I=Math.floor(t),M=Math.ceil(t);return[...Array(A+M).keys()].slice(A-I)};

package/dist/esm/components/UTPagination/constants.js

@@ -1,3 +1 @@
-export const PREPOSITION = 'de';
-export const PAGINATION_LIMIT_DOUBLE_ARROWS = 10;
-export const MAX_PAGINATION_ITEMS = 5;
+export const PREPOSITION="de";export const PAGINATION_LIMIT_DOUBLE_ARROWS=10;export const MAX_PAGINATION_ITEMS=5;

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

@@ -1,62 +1 @@
-import React, { memo } from 'react';
-import { arrayOf, number, func, shape, string, bool, oneOf } from 'prop-types';
-import WithTheme from '../WithTheme';
-import { classesType } from '../../types/commonTypes';
-import PageSizeSelector from './components/PageSizeSelector';
-import Pagination from './components/Pagination';
-import { PREPOSITION } from './constants';
-import styles from './styles.module.scss';
-import { retrieveStyle } from './theme';
-const UTPagination = _ref => {
-  let {
-    classes,
-    colorThemes = {},
-    isResponsive,
-    onChangePage,
-    onChangeRowPerPage,
-    page,
-    rowsPerPage,
-    rowsPerPageOptions,
-    size,
-    totalRows,
-    totalRowsLabel
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.paginationContainer, " ").concat(classes.paginationContainer)
-  }, /*#__PURE__*/React.createElement(PageSizeSelector, {
-    classes: classes,
-    colorThemes: colorThemes,
-    label: "".concat(PREPOSITION, " ").concat(totalRows, " ").concat(totalRowsLabel),
-    onChangeRowPerPage: onChangeRowPerPage,
-    options: rowsPerPageOptions,
-    rowsPerPage: rowsPerPage,
-    totalRows: totalRows
-  }), /*#__PURE__*/React.createElement(Pagination, {
-    classes: classes,
-    colorThemes: colorThemes,
-    currentPage: page,
-    isResponsive: isResponsive,
-    onChangePage: onChangePage,
-    rowsPerPage: rowsPerPage,
-    size: size,
-    totalRows: totalRows
-  }));
-};
-UTPagination.propTypes = {
-  classes: classesType,
-  colorThemes: shape({
-    pageButton: string,
-    navigationButton: string,
-    totalRows: string
-  }),
-  isResponsive: bool,
-  onChangePage: func,
-  onChangeRowPerPage: func,
-  page: number,
-  rowsPerPage: number,
-  rowsPerPageOptions: arrayOf(number),
-  size: oneOf(['small', 'medium', 'large']),
-  totalRows: number,
-  totalRowsLabel: string
-};
-export default WithTheme(retrieveStyle)(/*#__PURE__*/memo(UTPagination));
+import React,{memo}from"react";import{arrayOf,number,func,shape,string,bool,oneOf}from"prop-types";import WithTheme from"../WithTheme";import{classesType}from"../../types/commonTypes";import PageSizeSelector from"./components/PageSizeSelector";import Pagination from"./components/Pagination";import{PREPOSITION}from"./constants";import styles from"./styles.module.scss";import{retrieveStyle}from"./theme";const UTPagination=e=>{let{classes:o,colorThemes:t={},isResponsive:a,onChangePage:s,onChangeRowPerPage:n,page:r,rowsPerPage:i,rowsPerPageOptions:m,size:c,totalRows:l,totalRowsLabel:g}=e;return React.createElement("div",{className:"".concat(styles.paginationContainer," ").concat(o.paginationContainer)},React.createElement(PageSizeSelector,{classes:o,colorThemes:t,label:"".concat(PREPOSITION," ").concat(l," ").concat(g),onChangeRowPerPage:n,options:m,rowsPerPage:i,totalRows:l}),React.createElement(Pagination,{classes:o,colorThemes:t,currentPage:r,isResponsive:a,onChangePage:s,rowsPerPage:i,size:c,totalRows:l}))};UTPagination.propTypes={classes:classesType,colorThemes:shape({pageButton:string,navigationButton:string,totalRows:string}),isResponsive:bool,onChangePage:func,onChangeRowPerPage:func,page:number,rowsPerPage:number,rowsPerPageOptions:arrayOf(number),size:oneOf(["small","medium","large"]),totalRows:number,totalRowsLabel:string};export default WithTheme(retrieveStyle)(memo(UTPagination));