@widergy/energy-ui 3.172.1 → 3.172.3

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=_ref=>{let{theme:theme,variant:variant}=_ref;return variant!==VARIANTS.light?theme.Palette[variant]["05"]:theme.Palette.light["01"]},getLabelTheme=_ref2=>{let{theme:theme,variant:variant}=_ref2;return{[VARIANTS.dark]:theme.Palette.light["01"],[VARIANTS.information]:theme.Palette.light["01"],[VARIANTS.light]:theme.Palette.dark["05"]}[variant]},getButtonTheme=_ref3=>{var _theme$Palette$action,_theme$Palette$action2,_theme$Palette$action3;let{theme:theme,variant:variant}=_ref3;return{[VARIANTS.dark]:(null===(_theme$Palette$action=theme.Palette.actions)||void 0===_theme$Palette$action?void 0:_theme$Palette$action.negative["04"])||theme.Palette.negative["04"],[VARIANTS.information]:(null===(_theme$Palette$action2=theme.Palette.actions)||void 0===_theme$Palette$action2?void 0:_theme$Palette$action2.negative["04"])||theme.Palette.negative["04"],[VARIANTS.light]:(null===(_theme$Palette$action3=theme.Palette.actions)||void 0===_theme$Palette$action3?void 0:_theme$Palette$action3.accent["04"])||theme.Palette.accent["04"]}[variant]},getButtonNextTextTheme=_ref4=>{var _theme$Palette$action4;let{theme:theme,variant:variant}=_ref4;return{[VARIANTS.dark]:theme.Palette.dark["05"],[VARIANTS.information]:theme.Palette.dark["05"],[VARIANTS.light]:(null===(_theme$Palette$action4=theme.Palette.actions)||void 0===_theme$Palette$action4?void 0:_theme$Palette$action4.negative["05"])||theme.Palette.negative["05"]}[variant]};export const validateProps=_ref5=>{let{variant:variant}=_ref5;return{variant:VARIANTS[variant]||VARIANTS[DEFAULT_PROPS.variant]}};export const retrieveStyle=_ref6=>{let{theme:theme,variant:variant}=_ref6;return{onboardingContainer:{backgroundColor:" ".concat(getBackgroundColor({theme:theme,...validateProps({variant:variant})})," !important"),color:getLabelTheme({theme:theme,...validateProps({variant:variant})}),"& .introjs-tooltip-title":{color:getLabelTheme({theme:theme,...validateProps({variant:variant})})},"& .introjs-skipbutton":{color:getLabelTheme({theme:theme,...validateProps({variant:variant})})},"& .introjs-nextbutton":{backgroundColor:"".concat(getButtonTheme({theme:theme,...validateProps({variant:variant})})," !important"),color:"".concat(getButtonNextTextTheme({theme:theme,...validateProps({variant:variant})})," !important")},"& .introjs-tooltip":{backgroundColor:" ".concat(getBackgroundColor({theme:theme,...validateProps({variant:variant})})," !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=_ref=>{let{classes:classes,colorThemes:colorThemes,options:options,rowsPerPage:rowsPerPage,onChangeRowPerPage:onChangeRowPerPage,label:label,totalRows:totalRows}=_ref;return React.createElement("div",{className:styles.pageSizeSelector},React.createElement("div",{className:styles.selectorContainer},React.createElement(UTSelect,{options:getPageSizeOptions(options,totalRows),labelKey:"label",valueKey:"value",input:{onChange:onChangeRowPerPage,value:rowsPerPage},disableFirstOption:!0,variant:"outlined",selectProps:{className:"".concat(styles.pageSizeSelectContainer," ").concat(classes.pageSizeSelectContainer),classes:{select:classes.pageSizeSelect}}})),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;

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=(options,index)=>0===index?0:options[index-1];export const getPageSizeOptions=(originalOptions,totalRows)=>{const filteredOptions=originalOptions.filter((_,index)=>getPrevOption(originalOptions,index)<totalRows);return isEmpty(filteredOptions)?[{value:originalOptions[0],label:totalRows}]:filteredOptions.map(value=>({value:value,label:Math.min(value,totalRows)}))};

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=_ref=>{let{className:className,colorTheme:colorTheme,disabled:disabled,Icon:Icon,iconPlacement:iconPlacement,label:label,onClick:onClick,size:size}=_ref;return 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&&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 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=_ref=>{let{classes:classes,colorThemes:colorThemes,currentPage:currentPage,isResponsive:isResponsive,onChangePage:onChangePage,rowsPerPage:rowsPerPage,size:size,totalRows:totalRows}=_ref;const totalPages=rowsPerPage>=totalRows?1:Math.ceil(totalRows/rowsPerPage),pageList=getPageNumbers(totalPages,currentPage,isResponsive),navigationButtonColorTheme=colorThemes.navigationButton||"secondary",navigationButtonSize=size||"large",pageButtonSize=size||"medium";return React.createElement("div",{className:"".concat(styles.pagination," ").concat(classes.pagination)},totalPages>PAGINATION_LIMIT_DOUBLE_ARROWS&&!isResponsive&&React.createElement(NavigationButton,{colorTheme:navigationButtonColorTheme,disabled:0===currentPage,Icon:"IconChevronsLeft",label:"1",onClick:()=>onChangePage(0),size:navigationButtonSize}),React.createElement(NavigationButton,{colorTheme:navigationButtonColorTheme,disabled:0===currentPage,Icon:"IconChevronLeft",onClick:()=>onChangePage(currentPage-1),size:navigationButtonSize}),pageList.map(page=>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)),React.createElement(NavigationButton,{colorTheme:navigationButtonColorTheme,disabled:currentPage===totalPages-1,Icon:"IconChevronRight",onClick:()=>onChangePage(currentPage+1),size:navigationButtonSize}),totalPages>PAGINATION_LIMIT_DOUBLE_ARROWS&&!isResponsive&&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;

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=(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),ceilFactor=Math.ceil(paginationFactor);return[...Array(currentPage+ceilFactor).keys()].slice(currentPage-floorFactor)};

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=_ref=>{let{classes:classes,colorThemes:colorThemes={},isResponsive:isResponsive,onChangePage:onChangePage,onChangeRowPerPage:onChangeRowPerPage,page:page,rowsPerPage:rowsPerPage,rowsPerPageOptions:rowsPerPageOptions,size:size,totalRows:totalRows,totalRowsLabel:totalRowsLabel}=_ref;return React.createElement("div",{className:"".concat(styles.paginationContainer," ").concat(classes.paginationContainer)},React.createElement(PageSizeSelector,{classes:classes,colorThemes:colorThemes,label:"".concat(PREPOSITION," ").concat(totalRows," ").concat(totalRowsLabel),onChangeRowPerPage:onChangeRowPerPage,options:rowsPerPageOptions,rowsPerPage:rowsPerPage,totalRows:totalRows}),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)(memo(UTPagination));

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

@@ -1,36 +1 @@
-import Colors from '../../scss/variables/colors.module.scss';
-export const retrieveStyle = _ref => {
-  var _theme$UTPagination, _theme$UTPagination2, _theme$Fonts, _theme$UTPagination3, _theme$UTPagination4, _theme$UTPagination5, _theme$UTPagination6, _theme$UTPagination7, _theme$UTPagination8, _theme$UTPagination9, _theme$UTPagination0;
-  let {
-    theme
-  } = _ref;
-  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.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.gray2)
-      },
-      '&:hover:focus-within fieldset': {
-        border: (theme === null || theme === void 0 || (_theme$UTPagination8 = theme.UTPagination) === null || _theme$UTPagination8 === void 0 || (_theme$UTPagination8 = _theme$UTPagination8.pageSizeSelect) === null || _theme$UTPagination8 === void 0 || (_theme$UTPagination8 = _theme$UTPagination8.focused) === null || _theme$UTPagination8 === void 0 ? void 0 : _theme$UTPagination8.border) || "1px solid ".concat(Colors.gray3)
-      },
-      '&:focus-within fieldset': {
-        border: (theme === null || theme === void 0 || (_theme$UTPagination9 = theme.UTPagination) === null || _theme$UTPagination9 === void 0 || (_theme$UTPagination9 = _theme$UTPagination9.pageSizeSelect) === null || _theme$UTPagination9 === void 0 || (_theme$UTPagination9 = _theme$UTPagination9.focused) === null || _theme$UTPagination9 === void 0 ? void 0 : _theme$UTPagination9.border) || "1px solid ".concat(Colors.gray3, " !important")
-      }
-    },
-    pagination: {
-      gridGap: (theme === null || theme === void 0 || (_theme$UTPagination0 = theme.UTPagination) === null || _theme$UTPagination0 === void 0 || (_theme$UTPagination0 = _theme$UTPagination0.pagination) === null || _theme$UTPagination0 === void 0 ? void 0 : _theme$UTPagination0.gridGap) || '16px'
-    }
-  };
-};
+import Colors from"../../scss/variables/colors.module.scss";export const retrieveStyle=_ref=>{var _theme$UTPagination,_theme$UTPagination2,_theme$Fonts,_theme$UTPagination3,_theme$UTPagination4,_theme$UTPagination5,_theme$UTPagination6,_theme$UTPagination7,_theme$UTPagination8,_theme$UTPagination9,_theme$UTPagination0;let{theme:theme}=_ref;return{paginationContainer:{marginTop:(null==theme||null===(_theme$UTPagination=theme.UTPagination)||void 0===_theme$UTPagination||null===(_theme$UTPagination=_theme$UTPagination.paginationContainer)||void 0===_theme$UTPagination?void 0:_theme$UTPagination.marginTop)||32},pageSizeSelect:{background:null==theme||null===(_theme$UTPagination2=theme.UTPagination)||void 0===_theme$UTPagination2||null===(_theme$UTPagination2=_theme$UTPagination2.pageSizeSelect)||void 0===_theme$UTPagination2?void 0:_theme$UTPagination2.background,fontFamily:null==theme||null===(_theme$Fonts=theme.Fonts)||void 0===_theme$Fonts?void 0:_theme$Fonts.fontFamily,fontSize:null==theme||null===(_theme$UTPagination3=theme.UTPagination)||void 0===_theme$UTPagination3||null===(_theme$UTPagination3=_theme$UTPagination3.pageSizeSelect)||void 0===_theme$UTPagination3?void 0:_theme$UTPagination3.fontSize,padding:(null==theme||null===(_theme$UTPagination4=theme.UTPagination)||void 0===_theme$UTPagination4||null===(_theme$UTPagination4=_theme$UTPagination4.pageSizeSelect)||void 0===_theme$UTPagination4?void 0:_theme$UTPagination4.padding)||6,textAlign:null==theme||null===(_theme$UTPagination5=theme.UTPagination)||void 0===_theme$UTPagination5||null===(_theme$UTPagination5=_theme$UTPagination5.pageSizeSelect)||void 0===_theme$UTPagination5?void 0:_theme$UTPagination5.textAlign},pageSizeSelectContainer:{"& fieldset":{border:(null==theme||null===(_theme$UTPagination6=theme.UTPagination)||void 0===_theme$UTPagination6||null===(_theme$UTPagination6=_theme$UTPagination6.pageSizeSelect)||void 0===_theme$UTPagination6?void 0:_theme$UTPagination6.border)||"1px solid ".concat(Colors.gray3)},"&:hover fieldset":{border:(null==theme||null===(_theme$UTPagination7=theme.UTPagination)||void 0===_theme$UTPagination7||null===(_theme$UTPagination7=_theme$UTPagination7.pageSizeSelect)||void 0===_theme$UTPagination7||null===(_theme$UTPagination7=_theme$UTPagination7.hover)||void 0===_theme$UTPagination7?void 0:_theme$UTPagination7.border)||"1px solid ".concat(Colors.gray2)},"&:hover:focus-within fieldset":{border:(null==theme||null===(_theme$UTPagination8=theme.UTPagination)||void 0===_theme$UTPagination8||null===(_theme$UTPagination8=_theme$UTPagination8.pageSizeSelect)||void 0===_theme$UTPagination8||null===(_theme$UTPagination8=_theme$UTPagination8.focused)||void 0===_theme$UTPagination8?void 0:_theme$UTPagination8.border)||"1px solid ".concat(Colors.gray3)},"&:focus-within fieldset":{border:(null==theme||null===(_theme$UTPagination9=theme.UTPagination)||void 0===_theme$UTPagination9||null===(_theme$UTPagination9=_theme$UTPagination9.pageSizeSelect)||void 0===_theme$UTPagination9||null===(_theme$UTPagination9=_theme$UTPagination9.focused)||void 0===_theme$UTPagination9?void 0:_theme$UTPagination9.border)||"1px solid ".concat(Colors.gray3," !important")}},pagination:{gridGap:(null==theme||null===(_theme$UTPagination0=theme.UTPagination)||void 0===_theme$UTPagination0||null===(_theme$UTPagination0=_theme$UTPagination0.pagination)||void 0===_theme$UTPagination0?void 0:_theme$UTPagination0.gridGap)||"16px"}}};

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

@@ -1,19 +1 @@
-import React from 'react';
-import { string } from 'prop-types';
-import V0 from './versions/V0';
-import V1 from './versions/V1';
-const UTPanel = _ref => {
-  let {
-    version = 'V0',
-    ...props
-  } = _ref;
-  const Component = {
-    V0,
-    V1
-  }[version];
-  return /*#__PURE__*/React.createElement(Component, props);
-};
-UTPanel.propTypes = {
-  version: string
-};
-export default UTPanel;
+import React from"react";import{string}from"prop-types";import V0 from"./versions/V0";import V1 from"./versions/V1";const UTPanel=_ref=>{let{version:version="V0",...props}=_ref;const Component={V0:V0,V1:V1}[version];return React.createElement(Component,props)};UTPanel.propTypes={version:string};export default UTPanel;

package/dist/esm/components/UTPanel/versions/V0/index.js

@@ -1,108 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-/* eslint-disable no-unused-vars */
-import React from 'react';
-import SwipeableDrawer from '@material-ui/core/SwipeableDrawer';
-import 'react-perfect-scrollbar/dist/css/styles.css';
-import PerfectScrollbar from 'react-perfect-scrollbar';
-import Close from '@material-ui/icons/Close';
-import { bool, func, string, elementType, objectOf, object, oneOfType, element } from 'prop-types';
-import UTButton from '../../../UTButton';
-import UTLabel from '../../../UTLabel';
-import { TEST_IDS } from '../../../../constants/testIds';
-import { refType } from '../../../../types/commonTypes';
-import styles from './styles.module.scss';
-const {
-  panel
-} = TEST_IDS;
-const UTPanel = _ref => {
-  let {
-    children,
-    classes = {},
-    closeButtonDataTestId = panel.closeButton,
-    containerRef,
-    disableScrollbar = false,
-    modalProps,
-    onClose,
-    onEndReachedCallback,
-    onOpen = () => {},
-    open,
-    panelSide,
-    perfectScrollbarOptions,
-    title,
-    TitleComponent,
-    titleDataTestId = panel.title,
-    TitleIcon,
-    ...props
-  } = _ref;
-  const {
-    title: titleClass,
-    titleIcon: titleIconClass,
-    titleContainer: titleContainerClass,
-    perfectScrollbar: perfectScrollbarClass,
-    closeButton: closeButtonClass,
-    iconClose: iconCloseClass,
-    ...drawerClasses
-  } = classes;
-  return /*#__PURE__*/React.createElement(SwipeableDrawer, _extends({
-    anchor: panelSide,
-    open: open,
-    onOpen: onOpen,
-    onClose: onClose,
-    disableSwipeToOpen: true,
-    swipeAreaWidth: 0,
-    ModalProps: {
-      container: containerRef,
-      keepMounted: !!containerRef,
-      ...modalProps
-    },
-    classes: {
-      ...drawerClasses,
-      paper: "".concat(styles.paper, " ").concat(drawerClasses.paper),
-      root: "".concat(containerRef && styles.root, " ").concat(drawerClasses.root)
-    }
-  }, props), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.titleContainer, " ").concat(titleContainerClass)
-  }, TitleComponent || /*#__PURE__*/React.createElement("div", {
-    className: styles.iconTitleContainer
-  }, TitleIcon && /*#__PURE__*/React.createElement(TitleIcon, {
-    className: "".concat(styles.titleIcon, " ").concat(titleIconClass)
-  }), /*#__PURE__*/React.createElement(UTLabel, {
-    className: classes.title,
-    dataTestId: titleDataTestId,
-    weight: "semibold"
-  }, title)), /*#__PURE__*/React.createElement(UTButton, {
-    classNames: {
-      icon: iconCloseClass,
-      root: closeButtonClass
-    },
-    dataTestId: closeButtonDataTestId,
-    Icon: Close,
-    onClick: onClose,
-    variant: "text"
-  })), disableScrollbar ? children : /*#__PURE__*/React.createElement(PerfectScrollbar, {
-    onYReachEnd: onEndReachedCallback,
-    className: perfectScrollbarClass,
-    options: {
-      suppressScrollX: true,
-      ...perfectScrollbarOptions
-    }
-  }, children));
-};
-UTPanel.propTypes = {
-  classes: objectOf(string),
-  closeButtonDataTestId: string,
-  containerRef: refType,
-  disableScrollbar: bool,
-  modalProps: object,
-  onClose: func,
-  onEndReachedCallback: func,
-  onOpen: func,
-  open: bool,
-  panelSide: string,
-  perfectScrollbarOptions: object,
-  title: string,
-  TitleComponent: oneOfType([element, elementType]),
-  titleDataTestId: string,
-  TitleIcon: elementType
-};
-export default UTPanel;
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}import React from"react";import SwipeableDrawer from"@material-ui/core/SwipeableDrawer";import"react-perfect-scrollbar/dist/css/styles.css";import PerfectScrollbar from"react-perfect-scrollbar";import Close from"@material-ui/icons/Close";import{bool,func,string,elementType,objectOf,object,oneOfType,element}from"prop-types";import UTButton from"../../../UTButton";import UTLabel from"../../../UTLabel";import{TEST_IDS}from"../../../../constants/testIds";import{refType}from"../../../../types/commonTypes";import styles from"./styles.module.scss";const{panel:panel}=TEST_IDS,UTPanel=_ref=>{let{children:children,classes:classes={},closeButtonDataTestId:closeButtonDataTestId=panel.closeButton,containerRef:containerRef,disableScrollbar:disableScrollbar=!1,modalProps:modalProps,onClose:onClose,onEndReachedCallback:onEndReachedCallback,onOpen:onOpen=()=>{},open:open,panelSide:panelSide,perfectScrollbarOptions:perfectScrollbarOptions,title:title,TitleComponent:TitleComponent,titleDataTestId:titleDataTestId=panel.title,TitleIcon:TitleIcon,...props}=_ref;const{title:titleClass,titleIcon:titleIconClass,titleContainer:titleContainerClass,perfectScrollbar:perfectScrollbarClass,closeButton:closeButtonClass,iconClose:iconCloseClass,...drawerClasses}=classes;return React.createElement(SwipeableDrawer,_extends({anchor:panelSide,open:open,onOpen:onOpen,onClose:onClose,disableSwipeToOpen:!0,swipeAreaWidth:0,ModalProps:{container:containerRef,keepMounted:!!containerRef,...modalProps},classes:{...drawerClasses,paper:"".concat(styles.paper," ").concat(drawerClasses.paper),root:"".concat(containerRef&&styles.root," ").concat(drawerClasses.root)}},props),React.createElement("div",{className:"".concat(styles.titleContainer," ").concat(titleContainerClass)},TitleComponent||React.createElement("div",{className:styles.iconTitleContainer},TitleIcon&&React.createElement(TitleIcon,{className:"".concat(styles.titleIcon," ").concat(titleIconClass)}),React.createElement(UTLabel,{className:classes.title,dataTestId:titleDataTestId,weight:"semibold"},title)),React.createElement(UTButton,{classNames:{icon:iconCloseClass,root:closeButtonClass},dataTestId:closeButtonDataTestId,Icon:Close,onClick:onClose,variant:"text"})),disableScrollbar?children:React.createElement(PerfectScrollbar,{onYReachEnd:onEndReachedCallback,className:perfectScrollbarClass,options:{suppressScrollX:!0,...perfectScrollbarOptions}},children))};UTPanel.propTypes={classes:objectOf(string),closeButtonDataTestId:string,containerRef:refType,disableScrollbar:bool,modalProps:object,onClose:func,onEndReachedCallback:func,onOpen:func,open:bool,panelSide:string,perfectScrollbarOptions:object,title:string,TitleComponent:oneOfType([element,elementType]),titleDataTestId:string,TitleIcon:elementType};export default UTPanel;