@widergy/energy-ui 3.172.3 → 3.173.0

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

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

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

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

@@ -1 +1,87 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_UTButton=_interopRequireDefault(require("../../../UTButton")),_constants=require("../../constants"),_commonTypes=require("../../../../types/commonTypes"),_NavigationButton=_interopRequireDefault(require("./components/NavigationButton")),_utils=require("./utils"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}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=(0,_utils.getPageNumbers)(totalPages,currentPage,isResponsive),navigationButtonColorTheme=colorThemes.navigationButton||"secondary",navigationButtonSize=size||"large",pageButtonSize=size||"medium";return _react.default.createElement("div",{className:"".concat(_stylesModule.default.pagination," ").concat(classes.pagination)},totalPages>_constants.PAGINATION_LIMIT_DOUBLE_ARROWS&&!isResponsive&&_react.default.createElement(_NavigationButton.default,{colorTheme:navigationButtonColorTheme,disabled:0===currentPage,Icon:"IconChevronsLeft",label:"1",onClick:()=>onChangePage(0),size:navigationButtonSize}),_react.default.createElement(_NavigationButton.default,{colorTheme:navigationButtonColorTheme,disabled:0===currentPage,Icon:"IconChevronLeft",onClick:()=>onChangePage(currentPage-1),size:navigationButtonSize}),pageList.map(page=>_react.default.createElement(_UTButton.default,{classNames:{childrenContainer:_stylesModule.default.pageButtonChildrenContainer,root:"".concat(_stylesModule.default.pageButton," ").concat(currentPage===page&&_stylesModule.default.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.default.createElement(_NavigationButton.default,{colorTheme:navigationButtonColorTheme,disabled:currentPage===totalPages-1,Icon:"IconChevronRight",onClick:()=>onChangePage(currentPage+1),size:navigationButtonSize}),totalPages>_constants.PAGINATION_LIMIT_DOUBLE_ARROWS&&!isResponsive&&_react.default.createElement(_NavigationButton.default,{colorTheme:navigationButtonColorTheme,disabled:currentPage===totalPages-1,Icon:"IconChevronsRight",iconPlacement:"right",label:totalPages,onClick:()=>onChangePage(totalPages-1),size:navigationButtonSize}))};Pagination.propTypes={classes:_commonTypes.classesType,colorThemes:(0,_propTypes.shape)({pageButton:_propTypes.string,navigationButton:_propTypes.string,totalRows:_propTypes.string}),currentPage:_propTypes.number,isResponsive:_propTypes.bool,onChangePage:_propTypes.func,rowsPerPage:_propTypes.number,size:(0,_propTypes.oneOf)(["small","medium","large"]),totalRows:_propTypes.number};var _default=exports.default=Pagination;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = require("prop-types");
+var _UTButton = _interopRequireDefault(require("../../../UTButton"));
+var _constants = require("../../constants");
+var _commonTypes = require("../../../../types/commonTypes");
+var _NavigationButton = _interopRequireDefault(require("./components/NavigationButton"));
+var _utils = require("./utils");
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Pagination = _ref => {
+  let {
+    classes,
+    colorThemes,
+    currentPage,
+    isResponsive,
+    onChangePage,
+    rowsPerPage,
+    size,
+    totalRows
+  } = _ref;
+  const totalPages = rowsPerPage >= totalRows ? 1 : Math.ceil(totalRows / rowsPerPage);
+  const pageList = (0, _utils.getPageNumbers)(totalPages, currentPage, isResponsive);
+  const navigationButtonColorTheme = colorThemes.navigationButton || 'secondary';
+  const navigationButtonSize = size || 'large';
+  const pageButtonSize = size || 'medium';
+  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, {
+    colorTheme: navigationButtonColorTheme,
+    disabled: currentPage === 0,
+    Icon: "IconChevronsLeft",
+    label: "1",
+    onClick: () => onChangePage(0),
+    size: navigationButtonSize
+  }), /*#__PURE__*/_react.default.createElement(_NavigationButton.default, {
+    colorTheme: navigationButtonColorTheme,
+    disabled: currentPage === 0,
+    Icon: "IconChevronLeft",
+    onClick: () => onChangePage(currentPage - 1),
+    size: navigationButtonSize
+  }), pageList.map(page => /*#__PURE__*/_react.default.createElement(_UTButton.default, {
+    classNames: {
+      childrenContainer: _stylesModule.default.pageButtonChildrenContainer,
+      root: "".concat(_stylesModule.default.pageButton, " ").concat(currentPage === page && _stylesModule.default.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.default.createElement(_NavigationButton.default, {
+    colorTheme: navigationButtonColorTheme,
+    disabled: currentPage === totalPages - 1,
+    Icon: "IconChevronRight",
+    onClick: () => onChangePage(currentPage + 1),
+    size: navigationButtonSize
+  }), totalPages > _constants.PAGINATION_LIMIT_DOUBLE_ARROWS && !isResponsive && /*#__PURE__*/_react.default.createElement(_NavigationButton.default, {
+    colorTheme: navigationButtonColorTheme,
+    disabled: currentPage === totalPages - 1,
+    Icon: "IconChevronsRight",
+    iconPlacement: "right",
+    label: totalPages,
+    onClick: () => onChangePage(totalPages - 1),
+    size: navigationButtonSize
+  }));
+};
+Pagination.propTypes = {
+  classes: _commonTypes.classesType,
+  colorThemes: (0, _propTypes.shape)({
+    pageButton: _propTypes.string,
+    navigationButton: _propTypes.string,
+    totalRows: _propTypes.string
+  }),
+  currentPage: _propTypes.number,
+  isResponsive: _propTypes.bool,
+  onChangePage: _propTypes.func,
+  rowsPerPage: _propTypes.number,
+  size: (0, _propTypes.oneOf)(['small', 'medium', 'large']),
+  totalRows: _propTypes.number
+};
+var _default = exports.default = Pagination;

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

@@ -1 +1,18 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),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),ceilFactor=Math.ceil(paginationFactor);return[...Array(currentPage+ceilFactor).keys()].slice(currentPage-floorFactor)};exports.getPageNumbers=getPageNumbers;
+"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/UTPagination/constants.js

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

package/dist/components/UTPagination/index.js

@@ -1 +1,70 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_WithTheme=_interopRequireDefault(require("../WithTheme")),_commonTypes=require("../../types/commonTypes"),_PageSizeSelector=_interopRequireDefault(require("./components/PageSizeSelector")),_Pagination=_interopRequireDefault(require("./components/Pagination")),_constants=require("./constants"),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_theme=require("./theme");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 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.default.createElement("div",{className:"".concat(_stylesModule.default.paginationContainer," ").concat(classes.paginationContainer)},_react.default.createElement(_PageSizeSelector.default,{classes:classes,colorThemes:colorThemes,label:"".concat(_constants.PREPOSITION," ").concat(totalRows," ").concat(totalRowsLabel),onChangeRowPerPage:onChangeRowPerPage,options:rowsPerPageOptions,rowsPerPage:rowsPerPage,totalRows:totalRows}),_react.default.createElement(_Pagination.default,{classes:classes,colorThemes:colorThemes,currentPage:page,isResponsive:isResponsive,onChangePage:onChangePage,rowsPerPage:rowsPerPage,size:size,totalRows:totalRows}))};UTPagination.propTypes={classes:_commonTypes.classesType,colorThemes:(0,_propTypes.shape)({pageButton:_propTypes.string,navigationButton:_propTypes.string,totalRows:_propTypes.string}),isResponsive:_propTypes.bool,onChangePage:_propTypes.func,onChangeRowPerPage:_propTypes.func,page:_propTypes.number,rowsPerPage:_propTypes.number,rowsPerPageOptions:(0,_propTypes.arrayOf)(_propTypes.number),size:(0,_propTypes.oneOf)(["small","medium","large"]),totalRows:_propTypes.number,totalRowsLabel:_propTypes.string};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)((0,_react.memo)(UTPagination));
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = require("prop-types");
+var _WithTheme = _interopRequireDefault(require("../WithTheme"));
+var _commonTypes = require("../../types/commonTypes");
+var _PageSizeSelector = _interopRequireDefault(require("./components/PageSizeSelector"));
+var _Pagination = _interopRequireDefault(require("./components/Pagination"));
+var _constants = require("./constants");
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+var _theme = require("./theme");
+function _interopRequireDefault(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 UTPagination = _ref => {
+  let {
+    classes,
+    colorThemes = {},
+    isResponsive,
+    onChangePage,
+    onChangeRowPerPage,
+    page,
+    rowsPerPage,
+    rowsPerPageOptions,
+    size,
+    totalRows,
+    totalRowsLabel
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(_stylesModule.default.paginationContainer, " ").concat(classes.paginationContainer)
+  }, /*#__PURE__*/_react.default.createElement(_PageSizeSelector.default, {
+    classes: classes,
+    colorThemes: colorThemes,
+    label: "".concat(_constants.PREPOSITION, " ").concat(totalRows, " ").concat(totalRowsLabel),
+    onChangeRowPerPage: onChangeRowPerPage,
+    options: rowsPerPageOptions,
+    rowsPerPage: rowsPerPage,
+    totalRows: totalRows
+  }), /*#__PURE__*/_react.default.createElement(_Pagination.default, {
+    classes: classes,
+    colorThemes: colorThemes,
+    currentPage: page,
+    isResponsive: isResponsive,
+    onChangePage: onChangePage,
+    rowsPerPage: rowsPerPage,
+    size: size,
+    totalRows: totalRows
+  }));
+};
+UTPagination.propTypes = {
+  classes: _commonTypes.classesType,
+  colorThemes: (0, _propTypes.shape)({
+    pageButton: _propTypes.string,
+    navigationButton: _propTypes.string,
+    totalRows: _propTypes.string
+  }),
+  isResponsive: _propTypes.bool,
+  onChangePage: _propTypes.func,
+  onChangeRowPerPage: _propTypes.func,
+  page: _propTypes.number,
+  rowsPerPage: _propTypes.number,
+  rowsPerPageOptions: (0, _propTypes.arrayOf)(_propTypes.number),
+  size: (0, _propTypes.oneOf)(['small', 'medium', 'large']),
+  totalRows: _propTypes.number,
+  totalRowsLabel: _propTypes.string
+};
+var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(/*#__PURE__*/(0, _react.memo)(UTPagination));

package/dist/components/UTPagination/theme.js

@@ -1 +1,44 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;var _colorsModule=_interopRequireDefault(require("../../scss/variables/colors.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}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(_colorsModule.default.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(_colorsModule.default.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(_colorsModule.default.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(_colorsModule.default.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"}}};exports.retrieveStyle=retrieveStyle;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.retrieveStyle = void 0;
+var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.module.scss"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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(_colorsModule.default.gray3)
+      },
+      '&:hover fieldset': {
+        border: (theme === null || theme === void 0 || (_theme$UTPagination7 = theme.UTPagination) === null || _theme$UTPagination7 === void 0 || (_theme$UTPagination7 = _theme$UTPagination7.pageSizeSelect) === null || _theme$UTPagination7 === void 0 || (_theme$UTPagination7 = _theme$UTPagination7.hover) === null || _theme$UTPagination7 === void 0 ? void 0 : _theme$UTPagination7.border) || "1px solid ".concat(_colorsModule.default.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(_colorsModule.default.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(_colorsModule.default.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'
+    }
+  };
+};
+exports.retrieveStyle = retrieveStyle;