@widergy/energy-ui 3.173.4 → 3.174.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [3.174.0](https://github.com/widergy/energy-ui/compare/v3.173.4...v3.174.0) (2026-08-03)
+
+
+### Features
+
+* [WKS-166] UTTable pagination ([#840](https://github.com/widergy/energy-ui/issues/840)) ([e174574](https://github.com/widergy/energy-ui/commit/e17457415ebbeab0798baa6b3c0418974d9ee57a))
+
 ## [3.173.4](https://github.com/widergy/energy-ui/compare/v3.173.3...v3.173.4) (2026-07-29)
 
 

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_UTSelect=_interopRequireDefault(require("../../../UTSelect")),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_commonTypes=require("../../../../types/commonTypes"),_utils=require("./utils"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const PageSizeSelector=e=>{let{classes:t,colorThemes:a,options:l,rowsPerPage:r,onChangeRowPerPage:o,label:s,totalRows:p}=e;return _react.default.createElement("div",{className:_stylesModule.default.pageSizeSelector},_react.default.createElement("div",{className:_stylesModule.default.selectorContainer},_react.default.createElement(_UTSelect.default,{options:(0,_utils.getPageSizeOptions)(l,p),labelKey:"label",valueKey:"value",input:{onChange:o,value:r},disableFirstOption:!0,variant:"outlined",selectProps:{className:"".concat(_stylesModule.default.pageSizeSelectContainer," ").concat(t.pageSizeSelectContainer),classes:{select:t.pageSizeSelect}}})),_react.default.createElement(_UTLabel.default,{className:"".concat(_stylesModule.default.label," ").concat(t.totalRowsLabel),colorTheme:a.totalRows||"gray"},s))};PageSizeSelector.propTypes={classes:_commonTypes.classesType,colorThemes:(0,_propTypes.shape)({pageButton:_propTypes.string,navigationButton:_propTypes.string,totalRows:_propTypes.string}),options:(0,_propTypes.arrayOf)(_propTypes.number),rowsPerPage:_propTypes.number,onChangeRowPerPage:_propTypes.func,label:_propTypes.string,totalRows:_propTypes.number};var _default=exports.default=PageSizeSelector;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_UTSelect=_interopRequireDefault(require("../../../UTSelect")),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_commonTypes=require("../../../../types/commonTypes"),_utils=require("./utils"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const PageSizeSelector=e=>{let{classes:t,colorThemes:a,dataTestId:r,options:s,rowsPerPage:o,onChangeRowPerPage:l,label:p,totalRows:u}=e;return _react.default.createElement("div",{className:_stylesModule.default.pageSizeSelector},_react.default.createElement("div",{className:_stylesModule.default.selectorContainer},_react.default.createElement(_UTSelect.default,{clearable:!1,className:_stylesModule.default.selector,dataTestId:r,inputSize:"small",itemDataTestId:r?"".concat(r,".option"):void 0,onChange:l,options:(0,_utils.getPageSizeOptions)(s,u),value:o,version:"V1"})),_react.default.createElement(_UTLabel.default,{className:"".concat(_stylesModule.default.label," ").concat(t.totalRowsLabel),colorTheme:a.totalRows||"gray"},p))};PageSizeSelector.propTypes={classes:_commonTypes.classesType,colorThemes:(0,_propTypes.shape)({pageButton:_propTypes.string,navigationButton:_propTypes.string,totalRows:_propTypes.string}),dataTestId:_propTypes.string,options:(0,_propTypes.arrayOf)(_propTypes.number),rowsPerPage:_propTypes.number,onChangeRowPerPage:_propTypes.func,label:_propTypes.string,totalRows:_propTypes.number};var _default=exports.default=PageSizeSelector;

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

@@ -1,6 +1,7 @@
 .pageSizeSelector {
   align-items: center;
   display: flex;
+  grid-gap: 8px;
   white-space: nowrap;
 }
 
@@ -10,15 +11,6 @@
 
 .selectorContainer {
   flex-shrink: 1;
+  max-width: 120px;
   min-width: 80px;
-
-  legend {
-    display: none;
-  }
-}
-
-.pageSizeSelectContainer {
-  & fieldset {
-    top: 0;
-  }
 }

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getPageSizeOptions=void 0;var _array=require("@widergy/web-utils/lib/array");const getPrevOption=(e,t)=>0===t?0:e[t-1],getPageSizeOptions=(e,t)=>{const r=e.filter((r,i)=>getPrevOption(e,i)<t);return(0,_array.isEmpty)(r)?[{value:e[0],label:t}]:r.map(e=>({value:e,label:Math.min(e,t)}))};exports.getPageSizeOptions=getPageSizeOptions;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getPageSizeOptions=void 0;var _isEmpty=_interopRequireDefault(require("lodash/isEmpty"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const getPrevOption=(e,t)=>0===t?0:e[t-1],getPageSizeOptions=(e,t)=>{if(null==t)return e.map(e=>({value:e,name:e}));const i=e.filter((i,r)=>getPrevOption(e,r)<t);return(0,_isEmpty.default)(i)?[{value:e[0],name:t}]:i.map(e=>({value:e,name:Math.min(e,t)}))};exports.getPageSizeOptions=getPageSizeOptions;

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

@@ -1 +1 @@
-"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,o=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,a,p={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return p;if(n=t?o:r){if(n.has(e))return n.get(e);n.set(e,p)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((a=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(a.get||a.set)?n(p,t,a):p[t]=e[t]);return p})(e,t)}const NavigationButton=e=>{let{className:t,colorTheme:r,disabled:o,Icon:n,iconPlacement:a,label:p,onClick:i,size:l}=e;return _react.default.createElement(_UTButton.default,{classNames:{root:"\n        ".concat(t,"\n        ").concat(_stylesModule.default.navigationButton,"\n      ")},colorTheme:r,disabled:o,Icon:n,iconPlacement:a,onClick:i,size:l,variant:"semitransparent"},p&&_react.default.createElement("span",{className:_stylesModule.default.label},p))};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:!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,o=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,a,l={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return l;if(n=t?o:r){if(n.has(e))return n.get(e);n.set(e,l)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((a=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(a.get||a.set)?n(l,t,a):l[t]=e[t]);return l})(e,t)}const NavigationButton=e=>{let{className:t,colorTheme:r,disabled:o,Icon:n,iconPlacement:a,label:l,onClick:p}=e;return _react.default.createElement(_UTButton.default,{classNames:{root:"\n        ".concat(t,"\n        ").concat(_stylesModule.default.navigationButton,"\n      ")},colorTheme:r,disabled:o,fullHeight:!0,Icon:n,iconPlacement:a,onClick:p,variant:"outlined"},l&&_react.default.createElement("span",{className:_stylesModule.default.label},l))};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};var _default=exports.default=(0,_react.memo)(NavigationButton);

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

@@ -1 +1 @@
-"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=e=>{let{classes:t,colorThemes:o,currentPage:a,isResponsive:n,onChangePage:r,rowsPerPage:s,size:i,totalRows:l}=e;const u=s>=l?1:Math.ceil(l/s),c=(0,_utils.getPageNumbers)(u,a,n),p=o.navigationButton||"secondary",_=i||"large",d=i||"medium";return _react.default.createElement("div",{className:"".concat(_stylesModule.default.pagination," ").concat(t.pagination)},u>_constants.PAGINATION_LIMIT_DOUBLE_ARROWS&&!n&&_react.default.createElement(_NavigationButton.default,{colorTheme:p,disabled:0===a,Icon:"IconChevronsLeft",label:"1",onClick:()=>r(0),size:_}),_react.default.createElement(_NavigationButton.default,{colorTheme:p,disabled:0===a,Icon:"IconChevronLeft",onClick:()=>r(a-1),size:_}),c.map(e=>_react.default.createElement(_UTButton.default,{classNames:{childrenContainer:_stylesModule.default.pageButtonChildrenContainer,root:"".concat(_stylesModule.default.pageButton," ").concat(a===e&&_stylesModule.default.pageButtondisabled)},colorTheme:o.pageButton||a===e?"primary":"secondary",key:"page_".concat(e),onClick:()=>r(e),variant:a===e?"semitransparent":"text",size:d},e+1)),_react.default.createElement(_NavigationButton.default,{colorTheme:p,disabled:a===u-1,Icon:"IconChevronRight",onClick:()=>r(a+1),size:_}),u>_constants.PAGINATION_LIMIT_DOUBLE_ARROWS&&!n&&_react.default.createElement(_NavigationButton.default,{colorTheme:p,disabled:a===u-1,Icon:"IconChevronsRight",iconPlacement:"right",label:u,onClick:()=>r(u-1),size:_}))};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:!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=e=>{let{classes:t,colorThemes:o,currentPage:a,disableNextButton:n=!1,isResponsive:r,onChangePage:s,rowsPerPage:l,totalRows:i,variant:u=_constants.VARIANTS.default}=e;const c=u===_constants.VARIANTS.simple,p=void 0!==i,_=p&&(l>=i?1:Math.ceil(i/l)),d=c||!p?[a]:(0,_utils.getPageNumbers)(_,a,r),g=n||p&&a===_-1,T=o.navigationButton||"secondary";return _react.default.createElement("div",{className:"".concat(_stylesModule.default.pagination," ").concat(t.pagination)},!c&&_>_constants.PAGINATION_LIMIT_DOUBLE_ARROWS&&!r&&_react.default.createElement(_NavigationButton.default,{colorTheme:T,disabled:0===a,Icon:"IconChevronsLeft",label:"1",onClick:()=>s(0)}),_react.default.createElement(_NavigationButton.default,{colorTheme:T,disabled:0===a,Icon:"IconChevronLeft",onClick:()=>s(a-1)}),d.map(e=>_react.default.createElement(_UTButton.default,{classNames:{childrenContainer:_stylesModule.default.pageButtonChildrenContainer,root:"".concat(_stylesModule.default.pageButton," ").concat(a===e&&_stylesModule.default.pageButtondisabled)},colorTheme:o.pageButton||a===e?"primary":"secondary",fullHeight:!0,key:"page_".concat(e),onClick:()=>s(e),variant:c?"outlined":a===e?"semitransparent":"text"},e+1)),_react.default.createElement(_NavigationButton.default,{colorTheme:T,disabled:g,Icon:"IconChevronRight",onClick:()=>s(a+1)}),!c&&_>_constants.PAGINATION_LIMIT_DOUBLE_ARROWS&&!r&&_react.default.createElement(_NavigationButton.default,{colorTheme:T,disabled:g,Icon:"IconChevronsRight",iconPlacement:"right",label:_,onClick:()=>s(_-1)}))};Pagination.propTypes={classes:_commonTypes.classesType,colorThemes:(0,_propTypes.shape)({pageButton:_propTypes.string,navigationButton:_propTypes.string,totalRows:_propTypes.string}),currentPage:_propTypes.number,disableNextButton:_propTypes.bool,isResponsive:_propTypes.bool,onChangePage:_propTypes.func,rowsPerPage:_propTypes.number,totalRows:_propTypes.number,variant:(0,_propTypes.oneOf)(Object.values(_constants.VARIANTS))};var _default=exports.default=Pagination;

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

@@ -7,6 +7,7 @@
   align-items: center;
   display: flex;
   justify-content: center;
+  white-space: nowrap;
 }
 
 .pageButtonChildrenContainer {

package/dist/components/UTPagination/constants.js

@@ -1 +1 @@
-"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:!0}),exports.VARIANTS=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,VARIANTS=exports.VARIANTS={default:"default",simple:"simple"};

package/dist/components/UTPagination/index.js

@@ -1 +1 @@
-"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 o=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var a,n,s={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return s;if(a=t?r:o){if(a.has(e))return a.get(e);a.set(e,s)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((n=(a=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(n.get||n.set)?a(s,t,n):s[t]=e[t]);return s})(e,t)}const UTPagination=e=>{let{classes:t,colorThemes:o={},isResponsive:r,onChangePage:a,onChangeRowPerPage:n,page:s,rowsPerPage:p,rowsPerPageOptions:i,size:l,totalRows:u,totalRowsLabel:c}=e;return _react.default.createElement("div",{className:"".concat(_stylesModule.default.paginationContainer," ").concat(t.paginationContainer)},_react.default.createElement(_PageSizeSelector.default,{classes:t,colorThemes:o,label:"".concat(_constants.PREPOSITION," ").concat(u," ").concat(c),onChangeRowPerPage:n,options:i,rowsPerPage:p,totalRows:u}),_react.default.createElement(_Pagination.default,{classes:t,colorThemes:o,currentPage:s,isResponsive:r,onChangePage:a,rowsPerPage:p,size:l,totalRows:u}))};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:!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 o=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var r,n,s={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return s;if(r=t?a:o){if(r.has(e))return r.get(e);r.set(e,s)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((n=(r=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(n.get||n.set)?r(s,t,n):s[t]=e[t]);return s})(e,t)}const UTPagination=e=>{let{classes:t,colorThemes:o={},dataTestId:a,disableNextButton:r=!1,hidePageSelector:n=!1,isResponsive:s,onChangePage:p,onChangeRowPerPage:i,page:l,rowsPerPage:u,rowsPerPageOptions:c,totalRows:_,totalRowsLabel:d,variant:g=_constants.VARIANTS.default}=e;return _react.default.createElement("div",{className:"\n      ".concat(_stylesModule.default.paginationContainer,"\n      ").concat(t.paginationContainer,"\n      ").concat(n&&_stylesModule.default.withoutPageSelector,"\n    "),"data-testid":a},!n&&_react.default.createElement(_PageSizeSelector.default,{classes:t,colorThemes:o,dataTestId:a?"".concat(a,".pageSizeSelector"):void 0,label:g===_constants.VARIANTS.simple||void 0===_?"":"".concat(_constants.PREPOSITION," ").concat(_," ").concat(d),onChangeRowPerPage:i,options:c,rowsPerPage:u,totalRows:_}),_react.default.createElement(_Pagination.default,{classes:t,colorThemes:o,currentPage:l,disableNextButton:r,isResponsive:s,onChangePage:p,rowsPerPage:u,totalRows:_,variant:g}))};UTPagination.propTypes={classes:_commonTypes.classesType,colorThemes:(0,_propTypes.shape)({pageButton:_propTypes.string,navigationButton:_propTypes.string,totalRows:_propTypes.string}),dataTestId:_propTypes.string,disableNextButton:_propTypes.bool,hidePageSelector:_propTypes.bool,isResponsive:_propTypes.bool,onChangePage:_propTypes.func,onChangeRowPerPage:_propTypes.func,page:_propTypes.number,rowsPerPage:_propTypes.number,rowsPerPageOptions:(0,_propTypes.arrayOf)(_propTypes.number),totalRows:_propTypes.number,totalRowsLabel:_propTypes.string,variant:(0,_propTypes.oneOf)(Object.values(_constants.VARIANTS))};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)((0,_react.memo)(UTPagination));

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

@@ -4,6 +4,10 @@
   justify-content: space-between;
 }
 
+.withoutPageSelector {
+  justify-content: flex-end;
+}
+
 .totalRowsLabel {
   align-items: center;
   display: flex;

package/dist/components/UTPagination/theme.js

@@ -1 +1 @@
-"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=e=>{var l,i,o,n,t,d,a,r,u,v,g;let{theme:c}=e;return{paginationContainer:{marginTop:(null==c||null===(l=c.UTPagination)||void 0===l||null===(l=l.paginationContainer)||void 0===l?void 0:l.marginTop)||32},pageSizeSelect:{background:null==c||null===(i=c.UTPagination)||void 0===i||null===(i=i.pageSizeSelect)||void 0===i?void 0:i.background,fontFamily:null==c||null===(o=c.Fonts)||void 0===o?void 0:o.fontFamily,fontSize:null==c||null===(n=c.UTPagination)||void 0===n||null===(n=n.pageSizeSelect)||void 0===n?void 0:n.fontSize,padding:(null==c||null===(t=c.UTPagination)||void 0===t||null===(t=t.pageSizeSelect)||void 0===t?void 0:t.padding)||6,textAlign:null==c||null===(d=c.UTPagination)||void 0===d||null===(d=d.pageSizeSelect)||void 0===d?void 0:d.textAlign},pageSizeSelectContainer:{"& fieldset":{border:(null==c||null===(a=c.UTPagination)||void 0===a||null===(a=a.pageSizeSelect)||void 0===a?void 0:a.border)||"1px solid ".concat(_colorsModule.default.gray3)},"&:hover fieldset":{border:(null==c||null===(r=c.UTPagination)||void 0===r||null===(r=r.pageSizeSelect)||void 0===r||null===(r=r.hover)||void 0===r?void 0:r.border)||"1px solid ".concat(_colorsModule.default.gray2)},"&:hover:focus-within fieldset":{border:(null==c||null===(u=c.UTPagination)||void 0===u||null===(u=u.pageSizeSelect)||void 0===u||null===(u=u.focused)||void 0===u?void 0:u.border)||"1px solid ".concat(_colorsModule.default.gray3)},"&:focus-within fieldset":{border:(null==c||null===(v=c.UTPagination)||void 0===v||null===(v=v.pageSizeSelect)||void 0===v||null===(v=v.focused)||void 0===v?void 0:v.border)||"1px solid ".concat(_colorsModule.default.gray3," !important")}},pagination:{gridGap:(null==c||null===(g=c.UTPagination)||void 0===g||null===(g=g.pagination)||void 0===g?void 0:g.gridGap)||"16px"}}};exports.retrieveStyle=retrieveStyle;
+"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=e=>{var l,i,o,n,t,d,a,r,u,v,g;let{theme:c}=e;return{paginationContainer:{marginTop:(null==c||null===(l=c.UTPagination)||void 0===l||null===(l=l.paginationContainer)||void 0===l?void 0:l.marginTop)||32},pageSizeSelect:{background:null==c||null===(i=c.UTPagination)||void 0===i||null===(i=i.pageSizeSelect)||void 0===i?void 0:i.background,fontFamily:null==c||null===(o=c.Fonts)||void 0===o?void 0:o.fontFamily,fontSize:null==c||null===(n=c.UTPagination)||void 0===n||null===(n=n.pageSizeSelect)||void 0===n?void 0:n.fontSize,padding:(null==c||null===(t=c.UTPagination)||void 0===t||null===(t=t.pageSizeSelect)||void 0===t?void 0:t.padding)||6,textAlign:null==c||null===(d=c.UTPagination)||void 0===d||null===(d=d.pageSizeSelect)||void 0===d?void 0:d.textAlign},pageSizeSelectContainer:{"& fieldset":{border:(null==c||null===(a=c.UTPagination)||void 0===a||null===(a=a.pageSizeSelect)||void 0===a?void 0:a.border)||"1px solid ".concat(_colorsModule.default.gray3)},"&:hover fieldset":{border:(null==c||null===(r=c.UTPagination)||void 0===r||null===(r=r.pageSizeSelect)||void 0===r||null===(r=r.hover)||void 0===r?void 0:r.border)||"1px solid ".concat(_colorsModule.default.gray2)},"&:hover:focus-within fieldset":{border:(null==c||null===(u=c.UTPagination)||void 0===u||null===(u=u.pageSizeSelect)||void 0===u||null===(u=u.focused)||void 0===u?void 0:u.border)||"1px solid ".concat(_colorsModule.default.gray3)},"&:focus-within fieldset":{border:(null==c||null===(v=c.UTPagination)||void 0===v||null===(v=v.pageSizeSelect)||void 0===v||null===(v=v.focused)||void 0===v?void 0:v.border)||"1px solid ".concat(_colorsModule.default.gray3," !important")}},pagination:{gridGap:(null==c||null===(g=c.UTPagination)||void 0===g||null===(g=g.pagination)||void 0===g?void 0:g.gridGap)||"8px"}}};exports.retrieveStyle=retrieveStyle;

package/dist/components/UTTable/constants.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TOTAL_ROW_LABEL=exports.TOTAL_ROWS_LABEL=exports.ROW_SPACING_NAMES=exports.ROW_SPACING=exports.ROW_SIDE_PADDING=exports.ROW_PADDING_NAMES=exports.ROW_PADDING=exports.ROW_KEY=exports.ROWS_PER_PAGE=exports.ROWS_BORDER_SIZE=exports.PAGINATION_LIMIT_DOUBLE_ARROWS=exports.NO_RESULTS_LABEL=exports.MAX_PAGINATION_ITEMS=exports.DEFAULT_TABLET_BREAKPOINT=exports.DEFAULT_MOBILE_BREAKPOINT=exports.COLUMN_SIZES=exports.COLUMN_POSITION=exports.CELL_TYPES=exports.CELL_SIDE_PADDING=exports.CELL_ACTION_TYPES=void 0;const COLUMN_SIZES=exports.COLUMN_SIZES={xsmall:70,small:90,medium:120,large:160,xlarge:260,xxlarge:350},ROW_SIDE_PADDING=exports.ROW_SIDE_PADDING=16,CELL_SIDE_PADDING=exports.CELL_SIDE_PADDING=16,ROW_SPACING_NAMES=exports.ROW_SPACING_NAMES={NONE:"none",SMALL:"small",MEDIUM:"medium"},ROW_PADDING_NAMES=exports.ROW_PADDING_NAMES={SMALL:"small",MEDIUM:"medium"},ROW_SPACING=exports.ROW_SPACING={[ROW_SPACING_NAMES.NONE]:0,[ROW_SPACING_NAMES.SMALL]:5,[ROW_SPACING_NAMES.MEDIUM]:10},ROW_PADDING=exports.ROW_PADDING={[ROW_PADDING_NAMES.SMALL]:16,[ROW_PADDING_NAMES.MEDIUM]:24},COLUMN_POSITION=exports.COLUMN_POSITION={LEFT:"left",RIGHT:"right"},ROWS_PER_PAGE=exports.ROWS_PER_PAGE=[10,25,50],ROWS_BORDER_SIZE=exports.ROWS_BORDER_SIZE=1,TOTAL_ROWS_LABEL=exports.TOTAL_ROWS_LABEL="resultados",TOTAL_ROW_LABEL=exports.TOTAL_ROW_LABEL="resultado",NO_RESULTS_LABEL=exports.NO_RESULTS_LABEL="Aún no hay resultados",ROW_KEY=exports.ROW_KEY="id",MAX_PAGINATION_ITEMS=exports.MAX_PAGINATION_ITEMS=5,PAGINATION_LIMIT_DOUBLE_ARROWS=exports.PAGINATION_LIMIT_DOUBLE_ARROWS=10,CELL_TYPES=exports.CELL_TYPES={STATUS:"status",ACTION_ICONS:"action-icons",ACTION_BUTTON:"action-button",TEXT:"text"},CELL_ACTION_TYPES=exports.CELL_ACTION_TYPES=[CELL_TYPES.ACTION_ICONS,CELL_TYPES.ACTION_BUTTON],DEFAULT_TABLET_BREAKPOINT=exports.DEFAULT_TABLET_BREAKPOINT=1024,DEFAULT_MOBILE_BREAKPOINT=exports.DEFAULT_MOBILE_BREAKPOINT=768;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TOTAL_ROW_LABEL=exports.TOTAL_ROWS_LABEL=exports.ROW_SPACING_NAMES=exports.ROW_SPACING=exports.ROW_SIDE_PADDING=exports.ROW_PADDING_NAMES=exports.ROW_PADDING=exports.ROW_KEY=exports.ROWS_PER_PAGE=exports.ROWS_BORDER_SIZE=exports.PAGINATOR_VARIANTS=exports.NO_RESULTS_LABEL=exports.DEFAULT_TABLET_BREAKPOINT=exports.DEFAULT_MOBILE_BREAKPOINT=exports.COLUMN_SIZES=exports.COLUMN_POSITION=exports.CELL_TYPES=exports.CELL_SIDE_PADDING=exports.CELL_ACTION_TYPES=void 0;const COLUMN_SIZES=exports.COLUMN_SIZES={xsmall:70,small:90,medium:120,large:160,xlarge:260,xxlarge:350},ROW_SIDE_PADDING=exports.ROW_SIDE_PADDING=16,CELL_SIDE_PADDING=exports.CELL_SIDE_PADDING=16,ROW_SPACING_NAMES=exports.ROW_SPACING_NAMES={NONE:"none",SMALL:"small",MEDIUM:"medium"},ROW_PADDING_NAMES=exports.ROW_PADDING_NAMES={SMALL:"small",MEDIUM:"medium"},ROW_SPACING=exports.ROW_SPACING={[ROW_SPACING_NAMES.NONE]:0,[ROW_SPACING_NAMES.SMALL]:5,[ROW_SPACING_NAMES.MEDIUM]:10},ROW_PADDING=exports.ROW_PADDING={[ROW_PADDING_NAMES.SMALL]:16,[ROW_PADDING_NAMES.MEDIUM]:24},COLUMN_POSITION=exports.COLUMN_POSITION={LEFT:"left",RIGHT:"right"},ROWS_PER_PAGE=exports.ROWS_PER_PAGE=[10,25,50],ROWS_BORDER_SIZE=exports.ROWS_BORDER_SIZE=1,TOTAL_ROWS_LABEL=exports.TOTAL_ROWS_LABEL="resultados",TOTAL_ROW_LABEL=exports.TOTAL_ROW_LABEL="resultado",NO_RESULTS_LABEL=exports.NO_RESULTS_LABEL="Aún no hay resultados",ROW_KEY=exports.ROW_KEY="id",PAGINATOR_VARIANTS=exports.PAGINATOR_VARIANTS={default:"default",simple:"simple"},CELL_TYPES=exports.CELL_TYPES={STATUS:"status",ACTION_ICONS:"action-icons",ACTION_BUTTON:"action-button",TEXT:"text"},CELL_ACTION_TYPES=exports.CELL_ACTION_TYPES=[CELL_TYPES.ACTION_ICONS,CELL_TYPES.ACTION_BUTTON],DEFAULT_TABLET_BREAKPOINT=exports.DEFAULT_TABLET_BREAKPOINT=1024,DEFAULT_MOBILE_BREAKPOINT=exports.DEFAULT_MOBILE_BREAKPOINT=768;

package/dist/components/UTTable/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0,require("react-perfect-scrollbar/dist/css/styles.css");var _react=_interopRequireWildcard(require("react")),_reactPerfectScrollbar=_interopRequireDefault(require("react-perfect-scrollbar")),_browser=require("@widergy/web-utils/lib/browser"),_array=require("@widergy/web-utils/lib/array"),_propTypes=require("prop-types"),_UTLabel=_interopRequireDefault(require("../UTLabel")),_UTLoading=_interopRequireDefault(require("../UTLoading")),_WithTheme=_interopRequireDefault(require("../WithTheme")),_testIds=require("../../constants/testIds"),_UTTable=require("../../constants/UTTable"),_classesUtils=require("../../utils/classesUtils"),_Cell=_interopRequireDefault(require("./components/Cell")),_HeaderCell=_interopRequireDefault(require("./components/HeaderCell")),_ResponsiveCell=_interopRequireDefault(require("./components/ResponsiveCell")),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_TableFooter=_interopRequireDefault(require("./components/TableFooter")),_TableHeader=_interopRequireDefault(require("./components/TableHeader")),_TableRow=_interopRequireDefault(require("./components/TableRow")),_types=require("./types"),_utils=require("./utils"),_theme=require("./theme"),_constants=require("./constants"),_hook=require("./hook");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var o=new WeakMap,s=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var a,r,l={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return l;if(a=t?s:o){if(a.has(e))return a.get(e);a.set(e,l)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((r=(a=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(r.get||r.set)?a(l,t,r):l[t]=e[t]);return l})(e,t)}const{ACTIONS:ACTIONS,CELL:CELL,HEADER:HEADER,SELECTION_COMPONENT:SELECTION_COMPONENT,TABLE:TABLE,TABLE_ROW:TABLE_ROW}=_testIds.ID_CONSTANTS,UTTable=e=>{let{actionDataTestId:t,actionsConfig:o,automaticRefreshDelay:s=9e5,cellDataTestId:a,classNames:r,classes:l,clickableRowValidation:n,columns:i,data:p=[],defaultNullValue:c="-",description:_,disableAutoOrder:d=!1,disablePagination:u=!1,disableReloadRows:T,disableRowSelection:y,disableSelectAll:f,disabledRowTooltip:R,disabledSelectAllTooltip:b,exclusiveSelection:g=!1,externalPage:w,externalRowsPerPage:m,Filters:E,fitColumnsWidth:h,GeneralActions:C,getRowClassName:S=()=>"",headerActionDataTestId:O,headerCellDataTestId:L,headerPadding:I=_constants.ROW_PADDING_NAMES.MEDIUM,headerSelectionComponentDataTestId:A,headerVersion:D,hidePageSelector:N,initialOrder:P,initialSelectedRows:v=[],integrationType:q=_UTTable.INTEGRATION_TYPES.INTERNAL,loading:M,mobileBreakpoint:k=_constants.DEFAULT_MOBILE_BREAKPOINT,noResultDataTestId:x,noResultsComponent:B,paginatorDataTestId:W,noResultsLabel:H=_constants.NO_RESULTS_LABEL,onOrderChange:U,onPageChange:F,onRefresh:G,onReloadRows:V,onRowClick:j,onRowsPerPageChange:z,onSelectAllRows:K,onSelectRow:Y,ongoingRefreshLabel:X,refreshLabel:Z,removeDefaultOrderIcon:J=!1,removeFixedRowsDivisors:Q=!1,rowKey:$=_constants.ROW_KEY,rowPadding:ee=_constants.ROW_PADDING_NAMES.SMALL,rowSpacing:te=_constants.ROW_SPACING_NAMES.NONE,rowsPerPageOptions:oe=_constants.ROWS_PER_PAGE,selectAllInCurrentPageOnly:se=!1,selectable:ae=!1,selectedLabel:re,selectionComponentDataTestId:le,stickyHeader:ne,tableHeaderDataTestId:ie,tableTitle:pe,tabletBreakpoint:ce=_constants.DEFAULT_TABLET_BREAKPOINT,titleDataTestId:_e,totalRows:de,totalRowsLabel:ue,withActionHeader:Te,withAutomaticRefresh:ye,withRefresh:fe}=e;const Re=(0,_utils.getInitialValidRowsPerPage)(m,oe,p,q,de),be=(0,_utils.getInitialValidPage)(w,Re,p,q),[ge,we]=(0,_react.useState)(P||{}),[me,Ee]=(0,_react.useState)([]),[he,Ce]=(0,_react.useState)(!1),[Se,Oe]=(0,_react.useState)(Re),[Le,Ie]=(0,_react.useState)(be),[Ae,De]=(0,_hook.useResizeObserver)(),[Ne,Pe]=(0,_react.useState)(ae?v:[]),[ve,qe]=(0,_react.useState)(!(0,_browser.isDesktop)(ce)),Me=(0,_react.useRef)(),ke=(0,_react.useRef)(),xe=(0,_react.useMemo)(()=>(0,_classesUtils.mergeClasses)(l,r),[r]),Be=()=>{qe(!(0,_browser.isDesktop)(ce))};(0,_react.useEffect)(()=>(window.addEventListener(_browser.RESIZE_EVENT,Be),()=>window.removeEventListener(_browser.RESIZE_EVENT,Be)),[]),(0,_react.useEffect)(()=>{se||Ce(!(0,_array.isEmpty)(p)&&v.length===p.length),Pe(ae?v:[]),Ee(d?p:(0,_utils.orderRows)(p,ge,p,i)),m&&Oe(Re);p.length/Se>Le&&q!==_UTTable.INTEGRATION_TYPES.EXTERNAL||Ie(be)},[p]);const We=(0,_react.useMemo)(()=>u||q===_UTTable.INTEGRATION_TYPES.EXTERNAL?me:(0,_utils.getCurrentRows)(me,Le,Se),[Le,Se,me]),He=e=>{if(!e[$])return null;const t=(0,_utils.getSelectableRowIds)(We,$,y);let o=[];if(g)o=[e[$]];else{o=-1===Ne.indexOf(e[$])?[...Ne,e[$]]:Ne.filter(t=>t!==e[$]);const s=o.filter(e=>t.includes(e)),a=se?s.length===t.length:(e=>(0,_utils.getSelectableRowIds)(me,$,y).every(t=>e.includes(t)))(o);!a&&he&&Ce(!1),a&&!he&&Ce(!0)}Pe(o),Y&&Y(e[$],o)};(0,_react.useEffect)(()=>{if(se){const e=(0,_utils.getSelectableRowIds)(We,$,y);Ce(!(0,_array.isEmpty)(e)&&e.every(e=>Ne.includes(e)))}},[Le,Se,me,ge,f]);const Ue=(0,_react.useMemo)(()=>(0,_utils.getColumnDefinition)(i,ve),[i,ve]),Fe=(0,_react.useCallback)(e=>!e,[]),Ge=(0,_react.useCallback)(e=>e===We.length-1,[We]),Ve=!u&&!M&&!(0,_array.isEmpty)(We),je=(0,_react.useMemo)(()=>(0,_utils.createRowStyles)(ee,te,I,ve),[ee,te,I,ve]),ze=(0,_react.useMemo)(()=>{var e;return(null==De||null===(e=De.target)||void 0===e?void 0:e.clientWidth)||"100%"},[De]),Ke=ve?_ResponsiveCell.default:_Cell.default,Ye=ve?"":ue||(1===p.length?_constants.TOTAL_ROW_LABEL:_constants.TOTAL_ROWS_LABEL),Xe=(0,_react.useMemo)(()=>(0,_utils.getColumnsSizes)({columns:i,fitColumnsWidth:h,selectable:ae}),[i,h,ae]),Ze=(0,_react.useMemo)(()=>(0,_utils.getEnabledHeader)(i),[i]),Je=_react.default.createElement("div",{className:"".concat((0,_array.isEmpty)(We)&&_stylesModule.default.preventScrolling),ref:ke,style:{overflow:!ve&&ne&&"hidden",width:ze}},_react.default.createElement(_UTLoading.default,{className:"".concat(_stylesModule.default.tableLoading," ").concat(xe.tableLoading),loading:M},(0,_array.isEmpty)(We)?_react.default.createElement("div",{className:"".concat(_stylesModule.default.noResultsContainer," ").concat(xe.noResultsContainer),style:{width:ze}},B||_react.default.createElement(_UTLabel.default,{className:xe.noResultsLabel,dataTestId:x},H)):We.map((e,o)=>{const s=Ne.includes(e[$]),r=s?xe.selectedRow:te===_constants.ROW_SPACING_NAMES.NONE&&o<We.length-1?_stylesModule.default.unselectedSmallRow:void 0,l=j&&(!n||n(e)),i=l?t=>j(t,e):void 0;return _react.default.createElement(_TableRow.default,{actionDataTestId:null!=t?t:"".concat(TABLE,".").concat(TABLE_ROW,".row_").concat(o,".").concat(CELL,".").concat(ACTIONS),cellDataTestId:null!=a?a:"".concat(TABLE,".").concat(TABLE_ROW,".row_").concat(o),CellComponent:Ke,cellProps:{defaultNullValue:c,classes:xe,rowData:{...e,index:o},style:je.cell},checkBoxOnChange:()=>He(e),checkBoxSelected:s,className:"\n                  ".concat(ve&&_stylesModule.default.responsiveRow,"\n                  ").concat(l&&xe.rowContainerClickable,"\n                  ").concat(S(e),"\n                  "),columnsDefinition:Ue,columnSizes:Xe,containerStyle:{...je.rowContainer,minWidth:ze},disableRowSelection:y,disabledRowSelectionTooltip:R,exclusiveSelection:g,fixedRowsLeftClassName:"".concat(xe.fixedRowLeft," ").concat(r," ").concat(Fe(o)&&xe.firstFixedRowLeft," ").concat(Ge(o)&&xe.lastFixedRowLeft),fixedRowsRightClassName:"".concat(xe.fixedRowRight," ").concat(r," ").concat(Fe(o)&&xe.firstFixedRowRight," ").concat(Ge(o)&&xe.lastFixedRowRight),handleRowClick:i,isResponsive:ve,key:e[$]&&"row_".concat(e[$]),pageRows:We,removeFixedRowsDivisors:Q,rowClassName:"".concat(xe.row," ").concat(r," ").concat(Ge(o)&&xe.lastRow," ").concat(Fe(o)&&xe.firstRow),rowKey:$,rowStyles:je,selectable:ae,selectionComponentDataTestId:null!=le?le:"".concat(TABLE,".").concat(TABLE_ROW,".row_").concat(o,".").concat(CELL,".").concat(SELECTION_COMPONENT),selectedRows:Ne,tableSize:ze})}))),Qe=_react.default.createElement(_TableRow.default,{actionDataTestId:null!=O?O:"".concat(TABLE,".").concat(TABLE_ROW,".").concat(HEADER,"Cell.").concat(ACTIONS),CellComponent:_HeaderCell.default,cellDataTestId:null!=L?L:"".concat(TABLE,".").concat(TABLE_ROW,".").concat(HEADER,"Cell"),cellProps:{classes:xe,handleOrder:e=>{we(e),d||(0,_array.isEmpty)(me)||Ee((0,_utils.orderRows)(me,e,p,i)),U&&U(e)},order:ge,removeDefaultOrderIcon:J,style:je.headerCell},checkBoxClassName:"".concat(g&&_stylesModule.default.hideCheckBox),checkBoxOnChange:()=>{const e=!he,t=(0,_utils.getSelectableRowIds)(We,$,y),o=se?e?[...t,...Ne.filter(e=>!t.includes(e))]:Ne.filter(e=>!t.includes(e)):e?(0,_utils.getSelectableRowIds)(me,$,y):[];Pe(o),Ce(e),K&&K(se?o:e)},checkBoxSelected:he,className:"".concat((0,_array.isEmpty)(We)&&_stylesModule.default.disableHeader),columnSizes:Xe,columnsDefinition:Ue,containerStyle:{...je.headerRowContainer,minWidth:ze},disableRowSelection:f,disabledRowSelectionTooltip:b,fixedRowsLeftClassName:xe.fixedHeaderRowLeft,fixedRowsRightClassName:xe.fixedHeaderRowRight,pageRows:We,removeFixedRowsDivisors:Q,rowClassName:xe.header,rowKey:$,rowStyles:je,selectable:ae,selectionComponentDataTestId:null!=A?A:"".concat(TABLE,".").concat(TABLE_ROW,".").concat(HEADER,"Cell.").concat(SELECTION_COMPONENT),selectedRows:Ne,tableSize:ze}),$e="V0"!==D&&D?Te:pe||C;return _react.default.createElement("div",{className:"".concat(_stylesModule.default.table," ").concat(xe.table),ref:Ae},$e&&_react.default.createElement(_TableHeader.default,{actions:o,automaticRefreshDelay:s,classes:xe,description:_,disabled:T,isDesktop:(0,_browser.isDesktop)(ce),isMobile:(0,_browser.isMobile)(k),GeneralActions:C,loading:M,onRefresh:G,onReload:V,ongoingRefreshLabel:X,refreshLabel:Z,selectedLabel:re,tableHeaderDataTestId:ie,title:pe,titleDataTestId:_e,version:D,withAutomaticRefresh:ye,withRefresh:fe}),E,!ve&&_react.default.createElement("div",{className:ne&&"".concat(_stylesModule.default.stickyHeader," ").concat(xe.stickyHeader||"")},_react.default.createElement(_reactPerfectScrollbar.default,{className:"\n                ".concat(_stylesModule.default.scrollbar,"\n                ").concat(xe.scrollbar,"\n                ").concat(M&&_stylesModule.default.disableHeader),containerRef:e=>Me.current=e,onScroll:e=>{var t;ke.current&&ne&&ke.current.scrollTo(null==e||null===(t=e.target)||void 0===t?void 0:t.scrollLeft,0)},onSync:e=>{setTimeout(()=>{e.update(),Me.current&&(Me.current.scrollLeft=0)},100)},options:{suppressScrollX:h,suppressScrollY:!0},style:{width:ze}},Ze&&Qe,!ne&&Je)),(ve||ne)&&Je,Ve&&_react.default.createElement(_TableFooter.default,{classes:xe,handlePageChange:e=>{Ie(e),F&&F(e)},isResponsive:ve,onChangeRowPerPage:e=>{Oe(e||oe[0]),Ie(0),z&&z(e||oe[0])},hidePageSelector:N,page:Le,paginatorDataTestId:W,rowsPerPage:Se,rowsPerPageOptions:oe,totalRows:de||me.length,totalRowsLabel:Ye}))};UTTable.propTypes={actionsConfig:(0,_propTypes.arrayOf)((0,_propTypes.shape)({classes:(0,_propTypes.objectOf)(_propTypes.string),classNames:(0,_propTypes.objectOf)(_propTypes.string),colorTheme:_propTypes.string,count:_propTypes.number,dataTestId:_propTypes.string,disabled:_propTypes.bool,hideTextOnResponsive:_propTypes.bool,Icon:(0,_propTypes.oneOfType)([_propTypes.elementType,_propTypes.string]),iconPlacement:_propTypes.string,isPrimary:_propTypes.bool,LeftIcon:(0,_propTypes.oneOfType)([_propTypes.elementType,_propTypes.string]),loading:_propTypes.bool,onClick:_propTypes.func,RightIcon:(0,_propTypes.oneOfType)([_propTypes.elementType,_propTypes.string]),size:_propTypes.string,type:_propTypes.string,variant:_propTypes.string})),actionDataTestId:_propTypes.string,automaticRefreshDelay:_propTypes.number,cellDataTestId:_propTypes.string,classNames:_types.classesType,classes:_types.classesType,clickableRowValidation:_propTypes.func,columns:_types.columnsType,data:(0,_propTypes.arrayOf)(_propTypes.object),defaultNullValue:_propTypes.string,description:_propTypes.string,disableAutoOrder:_propTypes.bool,disablePagination:_propTypes.bool,disableReloadRows:_propTypes.bool,disableRowSelection:(0,_propTypes.oneOfType)([_propTypes.func,_propTypes.bool]),disableSelectAll:(0,_propTypes.oneOfType)([_propTypes.func,_propTypes.bool]),disabledRowTooltip:_propTypes.func,disabledSelectAllTooltip:_propTypes.func,exclusiveSelection:_propTypes.bool,externalPage:_propTypes.number,externalRowsPerPage:_propTypes.number,Filters:_propTypes.node,fitColumnsWidth:_propTypes.bool,GeneralActions:_propTypes.node,getRowClassName:_propTypes.func,headerActionDataTestId:_propTypes.string,headerCellDataTestId:_propTypes.string,headerPadding:_propTypes.string,headerSelectionComponentDataTestId:_propTypes.string,headerVersion:_propTypes.string,hidePageSelector:_propTypes.bool,initialOrder:(0,_propTypes.shape)({direction:_propTypes.string,key:_propTypes.string}),initialSelectedRows:(0,_propTypes.arrayOf)((0,_propTypes.oneOfType)([_propTypes.number,_propTypes.string])),integrationType:(0,_propTypes.oneOf)([...Object.values(_UTTable.INTEGRATION_TYPES)]),loading:_propTypes.bool,mobileBreakpoint:_propTypes.number,noResultDataTestId:_propTypes.string,noResultsComponent:_propTypes.node,paginatorDataTestId:_propTypes.string,noResultsLabel:_propTypes.string,onOrderChange:_propTypes.func,onPageChange:_propTypes.func,onRefresh:_propTypes.func,onReloadRows:_propTypes.func,onRowClick:_propTypes.func,onRowsPerPageChange:_propTypes.func,onSelectAllRows:_propTypes.func,onSelectRow:_propTypes.func,ongoingRefreshLabel:_propTypes.string,refreshLabel:_propTypes.string,removeDefaultOrderIcon:_propTypes.bool,removeFixedRowsDivisors:_propTypes.bool,rowKey:_propTypes.string,rowPadding:_propTypes.string,rowSpacing:_propTypes.string,rowsPerPageOptions:(0,_propTypes.arrayOf)(_propTypes.number),selectAllInCurrentPageOnly:_propTypes.bool,selectable:_propTypes.bool,selectedLabel:_propTypes.string,selectionComponentDataTestId:_propTypes.string,stickyHeader:_propTypes.bool,tableHeaderDataTestId:_propTypes.string,tableTitle:_propTypes.string,tabletBreakpoint:_propTypes.number,titleDataTestId:_propTypes.string,totalRows:_propTypes.number,totalRowsLabel:_propTypes.string,withActionHeader:_propTypes.bool,withAutomaticRefresh:_propTypes.bool,withRefresh:_propTypes.bool};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(UTTable);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0,require("react-perfect-scrollbar/dist/css/styles.css");var _react=_interopRequireWildcard(require("react")),_reactPerfectScrollbar=_interopRequireDefault(require("react-perfect-scrollbar")),_browser=require("@widergy/web-utils/lib/browser"),_array=require("@widergy/web-utils/lib/array"),_UTLabel=_interopRequireDefault(require("../UTLabel")),_UTLoading=_interopRequireDefault(require("../UTLoading")),_UTPagination=_interopRequireDefault(require("../UTPagination")),_WithTheme=_interopRequireDefault(require("../WithTheme")),_testIds=require("../../constants/testIds"),_UTTable=require("../../constants/UTTable"),_classesUtils=require("../../utils/classesUtils"),_Cell=_interopRequireDefault(require("./components/Cell")),_HeaderCell=_interopRequireDefault(require("./components/HeaderCell")),_ResponsiveCell=_interopRequireDefault(require("./components/ResponsiveCell")),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_TableHeader=_interopRequireDefault(require("./components/TableHeader")),_TableRow=_interopRequireDefault(require("./components/TableRow")),_types=require("./types"),_utils=require("./utils"),_theme=require("./theme"),_constants=require("./constants"),_hook=require("./hook");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var a=new WeakMap,l=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,s,r={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return r;if(o=t?l:a){if(o.has(e))return o.get(e);o.set(e,r)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((s=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(s.get||s.set)?o(r,t,s):r[t]=e[t]);return r})(e,t)}const{ACTIONS:ACTIONS,CELL:CELL,HEADER:HEADER,SELECTION_COMPONENT:SELECTION_COMPONENT,TABLE:TABLE,TABLE_ROW:TABLE_ROW}=_testIds.ID_CONSTANTS,UTTable=e=>{let{actionDataTestId:t,actionsConfig:a,automaticRefreshDelay:l=9e5,cellDataTestId:o,classNames:s,classes:r,clickableRowValidation:n,columns:c,data:i=[],defaultNullValue:d="-",description:u,disableAutoOrder:_=!1,disablePagination:R=!1,disablePaginatorNextButton:f=!1,disableReloadRows:T,disableRowSelection:w,disableSelectAll:E,disabledRowTooltip:b,disabledSelectAllTooltip:p,exclusiveSelection:m=!1,externalPage:g,externalRowsPerPage:h,Filters:S,fitColumnsWidth:C,GeneralActions:L,getRowClassName:N=()=>"",headerActionDataTestId:y,headerCellDataTestId:A,headerPadding:O=_constants.ROW_PADDING_NAMES.MEDIUM,headerSelectionComponentDataTestId:I,headerVersion:D,hidePageSelector:P,initialOrder:v,initialSelectedRows:M=[],integrationType:q=_UTTable.INTEGRATION_TYPES.INTERNAL,loading:B,mobileBreakpoint:x=_constants.DEFAULT_MOBILE_BREAKPOINT,noResultDataTestId:W,noResultsComponent:k,paginatorDataTestId:U,paginatorVariant:H=_constants.PAGINATOR_VARIANTS.default,noResultsLabel:G=_constants.NO_RESULTS_LABEL,onOrderChange:V,onPageChange:F,onRefresh:z,onReloadRows:K,onRowClick:Y,onRowsPerPageChange:j,onSelectAllRows:X,onSelectRow:Z,ongoingRefreshLabel:J,refreshLabel:Q,removeDefaultOrderIcon:$=!1,removeFixedRowsDivisors:ee=!1,rowKey:te=_constants.ROW_KEY,rowPadding:ae=_constants.ROW_PADDING_NAMES.SMALL,rowSpacing:le=_constants.ROW_SPACING_NAMES.NONE,rowsPerPageOptions:oe=_constants.ROWS_PER_PAGE,selectAllInCurrentPageOnly:se=!1,selectable:re=!1,selectedLabel:ne,selectionComponentDataTestId:ce,stickyHeader:ie,tableHeaderDataTestId:de,tableTitle:ue,tabletBreakpoint:_e=_constants.DEFAULT_TABLET_BREAKPOINT,titleDataTestId:Re,totalRows:fe,totalRowsLabel:Te,withActionHeader:we,withAutomaticRefresh:Ee,withRefresh:be}=e;const pe=(0,_utils.getInitialValidRowsPerPage)(h,oe,i,q,fe),me=(0,_utils.getInitialValidPage)(g,pe,i,q),[ge,he]=(0,_react.useState)(v||{}),[Se,Ce]=(0,_react.useState)([]),[Le,Ne]=(0,_react.useState)(!1),[ye,Ae]=(0,_react.useState)(pe),[Oe,Ie]=(0,_react.useState)(me),[De,Pe]=(0,_hook.useResizeObserver)(),[ve,Me]=(0,_react.useState)(re?M:[]),[qe,Be]=(0,_react.useState)(!(0,_browser.isDesktop)(_e)),xe=(0,_react.useRef)(),We=(0,_react.useRef)(),ke=(0,_react.useMemo)(()=>(0,_classesUtils.mergeClasses)(r,s),[s]),Ue=()=>{Be(!(0,_browser.isDesktop)(_e))};(0,_react.useEffect)(()=>(window.addEventListener(_browser.RESIZE_EVENT,Ue),()=>window.removeEventListener(_browser.RESIZE_EVENT,Ue)),[]),(0,_react.useEffect)(()=>{se||Ne(!(0,_array.isEmpty)(i)&&M.length===i.length),Me(re?M:[]),Ce(_?i:(0,_utils.orderRows)(i,ge,i,c)),h&&Ae(pe);i.length/ye>Oe&&q!==_UTTable.INTEGRATION_TYPES.EXTERNAL||Ie(me)},[i]);const He=(0,_react.useMemo)(()=>R||q===_UTTable.INTEGRATION_TYPES.EXTERNAL?Se:(0,_utils.getCurrentRows)(Se,Oe,ye),[Oe,ye,Se]),Ge=e=>{if(!e[te])return null;const t=(0,_utils.getSelectableRowIds)(He,te,w);let a=[];if(m)a=[e[te]];else{a=-1===ve.indexOf(e[te])?[...ve,e[te]]:ve.filter(t=>t!==e[te]);const l=a.filter(e=>t.includes(e)),o=se?l.length===t.length:(e=>(0,_utils.getSelectableRowIds)(Se,te,w).every(t=>e.includes(t)))(a);!o&&Le&&Ne(!1),o&&!Le&&Ne(!0)}Me(a),Z&&Z(e[te],a)};(0,_react.useEffect)(()=>{if(se){const e=(0,_utils.getSelectableRowIds)(He,te,w);Ne(!(0,_array.isEmpty)(e)&&e.every(e=>ve.includes(e)))}},[Oe,ye,Se,ge,E]);const Ve=(0,_react.useMemo)(()=>(0,_utils.getColumnDefinition)(c,qe),[c,qe]),Fe=(0,_react.useCallback)(e=>!e,[]),ze=(0,_react.useCallback)(e=>e===He.length-1,[He]),Ke=!R&&!B&&!(0,_array.isEmpty)(He),Ye=(0,_react.useMemo)(()=>(0,_utils.createRowStyles)(ae,le,O,qe),[ae,le,O,qe]),je=(0,_react.useMemo)(()=>{var e;return(null==Pe||null===(e=Pe.target)||void 0===e?void 0:e.clientWidth)||"100%"},[Pe]),Xe=qe?_ResponsiveCell.default:_Cell.default,Ze=qe?"":Te||(1===i.length?_constants.TOTAL_ROW_LABEL:_constants.TOTAL_ROWS_LABEL),Je=(0,_react.useMemo)(()=>(0,_utils.getColumnsSizes)({columns:c,fitColumnsWidth:C,selectable:re}),[c,C,re]),Qe=(0,_react.useMemo)(()=>(0,_utils.getEnabledHeader)(c),[c]),$e=_react.default.createElement("div",{className:"".concat((0,_array.isEmpty)(He)&&_stylesModule.default.preventScrolling),ref:We,style:{overflow:!qe&&ie&&"hidden",width:je}},_react.default.createElement(_UTLoading.default,{className:"".concat(_stylesModule.default.tableLoading," ").concat(ke.tableLoading),loading:B},(0,_array.isEmpty)(He)?_react.default.createElement("div",{className:"".concat(_stylesModule.default.noResultsContainer," ").concat(ke.noResultsContainer),style:{width:je}},k||_react.default.createElement(_UTLabel.default,{className:ke.noResultsLabel,dataTestId:W},G)):He.map((e,a)=>{const l=ve.includes(e[te]),s=l?ke.selectedRow:le===_constants.ROW_SPACING_NAMES.NONE&&a<He.length-1?_stylesModule.default.unselectedSmallRow:void 0,r=Y&&(!n||n(e)),c=r?t=>Y(t,e):void 0;return _react.default.createElement(_TableRow.default,{actionDataTestId:null!=t?t:"".concat(TABLE,".").concat(TABLE_ROW,".row_").concat(a,".").concat(CELL,".").concat(ACTIONS),cellDataTestId:null!=o?o:"".concat(TABLE,".").concat(TABLE_ROW,".row_").concat(a),CellComponent:Xe,cellProps:{defaultNullValue:d,classes:ke,rowData:{...e,index:a},style:Ye.cell},checkBoxOnChange:()=>Ge(e),checkBoxSelected:l,className:"\n                  ".concat(qe&&_stylesModule.default.responsiveRow,"\n                  ").concat(r&&ke.rowContainerClickable,"\n                  ").concat(N(e),"\n                  "),columnsDefinition:Ve,columnSizes:Je,containerStyle:{...Ye.rowContainer,minWidth:je},disableRowSelection:w,disabledRowSelectionTooltip:b,exclusiveSelection:m,fixedRowsLeftClassName:"".concat(ke.fixedRowLeft," ").concat(s," ").concat(Fe(a)&&ke.firstFixedRowLeft," ").concat(ze(a)&&ke.lastFixedRowLeft),fixedRowsRightClassName:"".concat(ke.fixedRowRight," ").concat(s," ").concat(Fe(a)&&ke.firstFixedRowRight," ").concat(ze(a)&&ke.lastFixedRowRight),handleRowClick:c,isResponsive:qe,key:e[te]&&"row_".concat(e[te]),pageRows:He,removeFixedRowsDivisors:ee,rowClassName:"".concat(ke.row," ").concat(s," ").concat(ze(a)&&ke.lastRow," ").concat(Fe(a)&&ke.firstRow),rowKey:te,rowStyles:Ye,selectable:re,selectionComponentDataTestId:null!=ce?ce:"".concat(TABLE,".").concat(TABLE_ROW,".row_").concat(a,".").concat(CELL,".").concat(SELECTION_COMPONENT),selectedRows:ve,tableSize:je})}))),et=_react.default.createElement(_TableRow.default,{actionDataTestId:null!=y?y:"".concat(TABLE,".").concat(TABLE_ROW,".").concat(HEADER,"Cell.").concat(ACTIONS),CellComponent:_HeaderCell.default,cellDataTestId:null!=A?A:"".concat(TABLE,".").concat(TABLE_ROW,".").concat(HEADER,"Cell"),cellProps:{classes:ke,handleOrder:e=>{he(e),_||(0,_array.isEmpty)(Se)||Ce((0,_utils.orderRows)(Se,e,i,c)),V&&V(e)},order:ge,removeDefaultOrderIcon:$,style:Ye.headerCell},checkBoxClassName:"".concat(m&&_stylesModule.default.hideCheckBox),checkBoxOnChange:()=>{const e=!Le,t=(0,_utils.getSelectableRowIds)(He,te,w),a=se?e?[...t,...ve.filter(e=>!t.includes(e))]:ve.filter(e=>!t.includes(e)):e?(0,_utils.getSelectableRowIds)(Se,te,w):[];Me(a),Ne(e),X&&X(se?a:e)},checkBoxSelected:Le,className:"".concat((0,_array.isEmpty)(He)&&_stylesModule.default.disableHeader),columnSizes:Je,columnsDefinition:Ve,containerStyle:{...Ye.headerRowContainer,minWidth:je},disableRowSelection:E,disabledRowSelectionTooltip:p,fixedRowsLeftClassName:ke.fixedHeaderRowLeft,fixedRowsRightClassName:ke.fixedHeaderRowRight,pageRows:He,removeFixedRowsDivisors:ee,rowClassName:ke.header,rowKey:te,rowStyles:Ye,selectable:re,selectionComponentDataTestId:null!=I?I:"".concat(TABLE,".").concat(TABLE_ROW,".").concat(HEADER,"Cell.").concat(SELECTION_COMPONENT),selectedRows:ve,tableSize:je}),tt="V0"!==D&&D?we:ue||L;return _react.default.createElement("div",{className:"".concat(_stylesModule.default.table," ").concat(ke.table),ref:De},tt&&_react.default.createElement(_TableHeader.default,{actions:a,automaticRefreshDelay:l,classes:ke,description:u,disabled:T,isDesktop:(0,_browser.isDesktop)(_e),isMobile:(0,_browser.isMobile)(x),GeneralActions:L,loading:B,onRefresh:z,onReload:K,ongoingRefreshLabel:J,refreshLabel:Q,selectedLabel:ne,tableHeaderDataTestId:de,title:ue,titleDataTestId:Re,version:D,withAutomaticRefresh:Ee,withRefresh:be}),S,!qe&&_react.default.createElement("div",{className:ie&&"".concat(_stylesModule.default.stickyHeader," ").concat(ke.stickyHeader||"")},_react.default.createElement(_reactPerfectScrollbar.default,{className:"\n                ".concat(_stylesModule.default.scrollbar,"\n                ").concat(ke.scrollbar,"\n                ").concat(B&&_stylesModule.default.disableHeader),containerRef:e=>xe.current=e,onScroll:e=>{var t;We.current&&ie&&We.current.scrollTo(null==e||null===(t=e.target)||void 0===t?void 0:t.scrollLeft,0)},onSync:e=>{setTimeout(()=>{e.update(),xe.current&&(xe.current.scrollLeft=0)},100)},options:{suppressScrollX:C,suppressScrollY:!0},style:{width:je}},Qe&&et,!ie&&$e)),(qe||ie)&&$e,Ke&&_react.default.createElement(_UTPagination.default,{dataTestId:U,disableNextButton:f,hidePageSelector:P,isResponsive:qe,onChangePage:e=>{Ie(e),F&&F(e)},onChangeRowPerPage:e=>{Ae(e||oe[0]),Ie(0),j&&j(e||oe[0])},page:Oe,rowsPerPage:ye,rowsPerPageOptions:oe,totalRows:q===_UTTable.INTEGRATION_TYPES.EXTERNAL?fe:fe||Se.length,totalRowsLabel:Ze,variant:H}))};UTTable.propTypes=_types.tablePropTypes;var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(UTTable);

package/dist/components/UTTable/types.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.columnsType=exports.columnType=exports.columnSizesType=exports.classesType=void 0;var _propTypes=require("prop-types");const columnType=exports.columnType=(0,_propTypes.shape)({cellRenderer:_propTypes.func,key:_propTypes.string,name:_propTypes.string,position:_propTypes.string,size:_propTypes.string,sortable:_propTypes.bool,type:_propTypes.string,categoryName:_propTypes.string,actions:(0,_propTypes.arrayOf)((0,_propTypes.shape)({icon:_propTypes.elementType,tooltip:_propTypes.string,onClick:_propTypes.func,loading:_propTypes.bool}))}),columnsType=exports.columnsType=(0,_propTypes.arrayOf)(columnType),classesType=exports.classesType=(0,_propTypes.shape)({table:_propTypes.string,header:_propTypes.string,headerCellHover:_propTypes.string,headerActiveCell:_propTypes.string,scrollbar:_propTypes.string,fixedHeaderRowLeft:_propTypes.string,fixedHeaderRowRight:_propTypes.string,row:_propTypes.string,fixedRowRight:_propTypes.string,checkBox:_propTypes.string,navigationButton:_propTypes.string,navigationButtonDisabled:_propTypes.string,navigationArrow:_propTypes.string,pageButton:_propTypes.string,pageButtonSelected:_propTypes.string,reloadIcon:_propTypes.string,reloadButton:_propTypes.string,tableTitle:_propTypes.string,totalRowsLabel:_propTypes.string,actionIconButton:_propTypes.string,actionIcon:_propTypes.string,checkBoxRoot:_propTypes.string,checkboxColorPrimary:_propTypes.string}),columnSizesType=exports.columnSizesType=(0,_propTypes.oneOfType)([(0,_propTypes.objectOf)(_propTypes.string),(0,_propTypes.objectOf)(_propTypes.number),_propTypes.object]);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.tablePropTypes=exports.columnsType=exports.columnType=exports.columnSizesType=exports.classesType=void 0;var _propTypes=require("prop-types"),_UTTable=require("../../constants/UTTable"),_constants=require("./constants");const columnType=exports.columnType=(0,_propTypes.shape)({cellRenderer:_propTypes.func,key:_propTypes.string,name:_propTypes.string,position:_propTypes.string,size:_propTypes.string,sortable:_propTypes.bool,type:_propTypes.string,categoryName:_propTypes.string,actions:(0,_propTypes.arrayOf)((0,_propTypes.shape)({icon:_propTypes.elementType,tooltip:_propTypes.string,onClick:_propTypes.func,loading:_propTypes.bool}))}),columnsType=exports.columnsType=(0,_propTypes.arrayOf)(columnType),classesType=exports.classesType=(0,_propTypes.shape)({table:_propTypes.string,header:_propTypes.string,headerCellHover:_propTypes.string,headerActiveCell:_propTypes.string,scrollbar:_propTypes.string,fixedHeaderRowLeft:_propTypes.string,fixedHeaderRowRight:_propTypes.string,row:_propTypes.string,fixedRowRight:_propTypes.string,checkBox:_propTypes.string,navigationButton:_propTypes.string,navigationButtonDisabled:_propTypes.string,navigationArrow:_propTypes.string,pageButton:_propTypes.string,pageButtonSelected:_propTypes.string,reloadIcon:_propTypes.string,reloadButton:_propTypes.string,tableTitle:_propTypes.string,totalRowsLabel:_propTypes.string,actionIconButton:_propTypes.string,actionIcon:_propTypes.string,checkBoxRoot:_propTypes.string,checkboxColorPrimary:_propTypes.string}),columnSizesType=exports.columnSizesType=(0,_propTypes.oneOfType)([(0,_propTypes.objectOf)(_propTypes.string),(0,_propTypes.objectOf)(_propTypes.number),_propTypes.object]),tablePropTypes=exports.tablePropTypes={actionsConfig:(0,_propTypes.arrayOf)((0,_propTypes.shape)({classes:(0,_propTypes.objectOf)(_propTypes.string),classNames:(0,_propTypes.objectOf)(_propTypes.string),colorTheme:_propTypes.string,count:_propTypes.number,dataTestId:_propTypes.string,disabled:_propTypes.bool,hideTextOnResponsive:_propTypes.bool,Icon:(0,_propTypes.oneOfType)([_propTypes.elementType,_propTypes.string]),iconPlacement:_propTypes.string,isPrimary:_propTypes.bool,LeftIcon:(0,_propTypes.oneOfType)([_propTypes.elementType,_propTypes.string]),loading:_propTypes.bool,onClick:_propTypes.func,RightIcon:(0,_propTypes.oneOfType)([_propTypes.elementType,_propTypes.string]),size:_propTypes.string,type:_propTypes.string,variant:_propTypes.string})),actionDataTestId:_propTypes.string,automaticRefreshDelay:_propTypes.number,cellDataTestId:_propTypes.string,classNames:classesType,classes:classesType,clickableRowValidation:_propTypes.func,columns:columnsType,data:(0,_propTypes.arrayOf)(_propTypes.object),defaultNullValue:_propTypes.string,description:_propTypes.string,disableAutoOrder:_propTypes.bool,disablePagination:_propTypes.bool,disablePaginatorNextButton:_propTypes.bool,disableReloadRows:_propTypes.bool,disableRowSelection:(0,_propTypes.oneOfType)([_propTypes.func,_propTypes.bool]),disableSelectAll:(0,_propTypes.oneOfType)([_propTypes.func,_propTypes.bool]),disabledRowTooltip:_propTypes.func,disabledSelectAllTooltip:_propTypes.func,exclusiveSelection:_propTypes.bool,externalPage:_propTypes.number,externalRowsPerPage:_propTypes.number,Filters:_propTypes.node,fitColumnsWidth:_propTypes.bool,GeneralActions:_propTypes.node,getRowClassName:_propTypes.func,headerActionDataTestId:_propTypes.string,headerCellDataTestId:_propTypes.string,headerPadding:_propTypes.string,headerSelectionComponentDataTestId:_propTypes.string,headerVersion:_propTypes.string,hidePageSelector:_propTypes.bool,initialOrder:(0,_propTypes.shape)({direction:_propTypes.string,key:_propTypes.string}),initialSelectedRows:(0,_propTypes.arrayOf)((0,_propTypes.oneOfType)([_propTypes.number,_propTypes.string])),integrationType:(0,_propTypes.oneOf)([...Object.values(_UTTable.INTEGRATION_TYPES)]),loading:_propTypes.bool,mobileBreakpoint:_propTypes.number,noResultDataTestId:_propTypes.string,noResultsComponent:_propTypes.node,paginatorDataTestId:_propTypes.string,paginatorVariant:(0,_propTypes.oneOf)(Object.values(_constants.PAGINATOR_VARIANTS)),noResultsLabel:_propTypes.string,onOrderChange:_propTypes.func,onPageChange:_propTypes.func,onRefresh:_propTypes.func,onReloadRows:_propTypes.func,onRowClick:_propTypes.func,onRowsPerPageChange:_propTypes.func,onSelectAllRows:_propTypes.func,onSelectRow:_propTypes.func,ongoingRefreshLabel:_propTypes.string,refreshLabel:_propTypes.string,removeDefaultOrderIcon:_propTypes.bool,removeFixedRowsDivisors:_propTypes.bool,rowKey:_propTypes.string,rowPadding:_propTypes.string,rowSpacing:_propTypes.string,rowsPerPageOptions:(0,_propTypes.arrayOf)(_propTypes.number),selectAllInCurrentPageOnly:_propTypes.bool,selectable:_propTypes.bool,selectedLabel:_propTypes.string,selectionComponentDataTestId:_propTypes.string,stickyHeader:_propTypes.bool,tableHeaderDataTestId:_propTypes.string,tableTitle:_propTypes.string,tabletBreakpoint:_propTypes.number,titleDataTestId:_propTypes.string,totalRows:_propTypes.number,totalRowsLabel:_propTypes.string,withActionHeader:_propTypes.bool,withAutomaticRefresh:_propTypes.bool,withRefresh:_propTypes.bool};

package/dist/components/UTTable/utils.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.orderRows=exports.getSelectableRowIds=exports.getInitialValidRowsPerPage=exports.getInitialValidPage=exports.getEnabledHeader=exports.getCurrentRows=exports.getColumnsSizes=exports.getColumnDefinition=exports.customSort=exports.createRowStyles=void 0;var _object=require("@widergy/web-utils/lib/object"),_UTTable=require("../../constants/UTTable"),_utils=require("./components/TableFooter/components/PageSizeSelector/utils"),_constants=require("./constants");const getColumnDefinition=(t,o)=>{const e=[],n=[],s=[],a=[],r=[];return t.forEach(t=>{o?t.type===_constants.CELL_TYPES.ACTION_BUTTON?n.push(t):t.type===_constants.CELL_TYPES.ACTION_ICONS?s.push(t):e.push(t):t.position===_constants.COLUMN_POSITION.LEFT?a.push(t):t.position===_constants.COLUMN_POSITION.RIGHT?r.push(t):e.push(t)}),{secondaryColumns:e,primaryActions:n,secondaryActions:s,fixedLeftColumns:a,fixedRightColumns:r}};exports.getColumnDefinition=getColumnDefinition;const customSort=(t,o,e)=>{const n=t[e.key]||"",s=o[e.key]||"";return n<s?"asc"===e.direction?-1:1:n>s?"asc"===e.direction?1:-1:0};exports.customSort=customSort;const orderRows=(t,o,e,n)=>{if((0,_object.objectIsEmpty)(o))return e;const s=[...t],a=n.find(t=>{let{key:e}=t;return e===o.key}).customSort||customSort;return s.sort((t,e)=>a(t,e,o)),s};exports.orderRows=orderRows;const getCurrentRows=(t,o,e)=>{const n=o*e,s=(o+1)*e;return t.slice(n,s)};exports.getCurrentRows=getCurrentRows;const createRowStyles=(t,o,e,n)=>{const s=_constants.ROW_SPACING[o]||_constants.ROW_SPACING.none,a=_constants.ROW_PADDING[t]||_constants.ROW_PADDING.small,r=_constants.ROW_PADDING[e]||_constants.ROW_PADDING.medium,i=s===_constants.ROW_SPACING.none&&0;return{fixedRowsLeft:{borderRadius:i,borderWidth:"".concat(_constants.ROWS_BORDER_SIZE,"px"),paddingLeft:_constants.CELL_SIDE_PADDING},fixedRowsRight:{borderRadius:i,borderWidth:"".concat(_constants.ROWS_BORDER_SIZE,"px"),paddingRight:_constants.CELL_SIDE_PADDING},rowBorderTop:{borderTopWidth:"".concat(_constants.ROWS_BORDER_SIZE,"px"),left:_constants.ROW_SIDE_PADDING,marginTop:s,marginBottom:"-".concat(_constants.ROWS_BORDER_SIZE,"px"),width:"calc(100% - ".concat(2*_constants.ROW_SIDE_PADDING,"px)")},rowBorderBottom:{borderTopWidth:"".concat(_constants.ROWS_BORDER_SIZE,"px"),left:_constants.ROW_SIDE_PADDING,marginTop:"-".concat(_constants.ROWS_BORDER_SIZE,"px"),width:"calc(100% - ".concat(2*_constants.ROW_SIDE_PADDING,"px)")},cell:{paddingBottom:a,paddingLeft:_constants.CELL_SIDE_PADDING,paddingRight:_constants.CELL_SIDE_PADDING,paddingTop:a},headerCell:{paddingBottom:r,paddingLeft:_constants.CELL_SIDE_PADDING,paddingRight:_constants.CELL_SIDE_PADDING,paddingTop:r},rowBackground:{borderRadius:i,borderBottomWidth:"".concat(_constants.ROWS_BORDER_SIZE,"px"),borderTopWidth:"".concat(_constants.ROWS_BORDER_SIZE,"px"),borderLeftWidth:0,borderRightWidth:0},rowContainer:{marginBottom:s,marginTop:s},headerRowContainer:{marginTop:0},selectCell:{paddingBottom:a,paddingLeft:n?0:_constants.CELL_SIDE_PADDING,paddingRight:_constants.CELL_SIDE_PADDING,paddingTop:a},responsiveCell:{padding:_constants.CELL_SIDE_PADDING}}};exports.createRowStyles=createRowStyles;const getSelectableRowIds=(t,o,e)=>(e?t.filter(t=>!e(t)):t).map(t=>t[o]);exports.getSelectableRowIds=getSelectableRowIds;const getInitialValidRowsPerPage=(t,o,e,n,s)=>{if(void 0===t)return o[0];const a=(0,_utils.getPageSizeOptions)(o,n===_UTTable.INTEGRATION_TYPES.EXTERNAL?s:e.length).map(t=>{let{value:o}=t;return o});return a.includes(t)?t:a[0]};exports.getInitialValidRowsPerPage=getInitialValidRowsPerPage;const getInitialValidPage=(t,o,e,n)=>n===_UTTable.INTEGRATION_TYPES.EXTERNAL?t:void 0===t||Math.floor(e.length/o)<t?0:t;exports.getInitialValidPage=getInitialValidPage;const getColumnsSizes=t=>{let{columns:o,fitColumnsWidth:e,selectable:n}=t;const s={};if(e){let t=0,e=n?54:0,a=0,r=0;o.forEach(o=>{let{position:n,size:s}=o;const i=_constants.COLUMN_SIZES[s]||_constants.COLUMN_SIZES.medium;t+=i,n===_constants.COLUMN_POSITION.LEFT?e+=i:n===_constants.COLUMN_POSITION.RIGHT?r+=i:a+=i}),o.forEach(t=>{let{key:o,position:n,size:i}=t;const c=100*(_constants.COLUMN_SIZES[i]||_constants.COLUMN_SIZES.medium)/(n===_constants.COLUMN_POSITION.LEFT?e:n===_constants.COLUMN_POSITION.RIGHT?r:a);s[o]="".concat(c,"%")}),s.leftColumnsSize="".concat(100*e/t,"%"),s.secondaryColumnsSize="".concat(100*a/t,"%"),s.rightColumnsSize="".concat(100*r/t,"%")}else o.forEach(t=>{let{key:o,size:e}=t;s[o]=_constants.COLUMN_SIZES[e]||_constants.COLUMN_SIZES.medium}),s.leftColumnsSize="auto",s.secondaryColumnsSize="auto",s.rightColumnsSize="auto";return s};exports.getColumnsSizes=getColumnsSizes;const getEnabledHeader=t=>t.some(t=>t.name);exports.getEnabledHeader=getEnabledHeader;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.orderRows=exports.getSelectableRowIds=exports.getInitialValidRowsPerPage=exports.getInitialValidPage=exports.getEnabledHeader=exports.getCurrentRows=exports.getColumnsSizes=exports.getColumnDefinition=exports.customSort=exports.createRowStyles=void 0;var _object=require("@widergy/web-utils/lib/object"),_UTTable=require("../../constants/UTTable"),_utils=require("../UTPagination/components/PageSizeSelector/utils"),_constants=require("./constants");const getColumnDefinition=(t,o)=>{const e=[],n=[],s=[],a=[],r=[];return t.forEach(t=>{o?t.type===_constants.CELL_TYPES.ACTION_BUTTON?n.push(t):t.type===_constants.CELL_TYPES.ACTION_ICONS?s.push(t):e.push(t):t.position===_constants.COLUMN_POSITION.LEFT?a.push(t):t.position===_constants.COLUMN_POSITION.RIGHT?r.push(t):e.push(t)}),{secondaryColumns:e,primaryActions:n,secondaryActions:s,fixedLeftColumns:a,fixedRightColumns:r}};exports.getColumnDefinition=getColumnDefinition;const customSort=(t,o,e)=>{const n=t[e.key]||"",s=o[e.key]||"";return n<s?"asc"===e.direction?-1:1:n>s?"asc"===e.direction?1:-1:0};exports.customSort=customSort;const orderRows=(t,o,e,n)=>{if((0,_object.objectIsEmpty)(o))return e;const s=[...t],a=n.find(t=>{let{key:e}=t;return e===o.key}).customSort||customSort;return s.sort((t,e)=>a(t,e,o)),s};exports.orderRows=orderRows;const getCurrentRows=(t,o,e)=>{const n=o*e,s=(o+1)*e;return t.slice(n,s)};exports.getCurrentRows=getCurrentRows;const createRowStyles=(t,o,e,n)=>{const s=_constants.ROW_SPACING[o]||_constants.ROW_SPACING.none,a=_constants.ROW_PADDING[t]||_constants.ROW_PADDING.small,r=_constants.ROW_PADDING[e]||_constants.ROW_PADDING.medium,i=s===_constants.ROW_SPACING.none&&0;return{fixedRowsLeft:{borderRadius:i,borderWidth:"".concat(_constants.ROWS_BORDER_SIZE,"px"),paddingLeft:_constants.CELL_SIDE_PADDING},fixedRowsRight:{borderRadius:i,borderWidth:"".concat(_constants.ROWS_BORDER_SIZE,"px"),paddingRight:_constants.CELL_SIDE_PADDING},rowBorderTop:{borderTopWidth:"".concat(_constants.ROWS_BORDER_SIZE,"px"),left:_constants.ROW_SIDE_PADDING,marginTop:s,marginBottom:"-".concat(_constants.ROWS_BORDER_SIZE,"px"),width:"calc(100% - ".concat(2*_constants.ROW_SIDE_PADDING,"px)")},rowBorderBottom:{borderTopWidth:"".concat(_constants.ROWS_BORDER_SIZE,"px"),left:_constants.ROW_SIDE_PADDING,marginTop:"-".concat(_constants.ROWS_BORDER_SIZE,"px"),width:"calc(100% - ".concat(2*_constants.ROW_SIDE_PADDING,"px)")},cell:{paddingBottom:a,paddingLeft:_constants.CELL_SIDE_PADDING,paddingRight:_constants.CELL_SIDE_PADDING,paddingTop:a},headerCell:{paddingBottom:r,paddingLeft:_constants.CELL_SIDE_PADDING,paddingRight:_constants.CELL_SIDE_PADDING,paddingTop:r},rowBackground:{borderRadius:i,borderBottomWidth:"".concat(_constants.ROWS_BORDER_SIZE,"px"),borderTopWidth:"".concat(_constants.ROWS_BORDER_SIZE,"px"),borderLeftWidth:0,borderRightWidth:0},rowContainer:{marginBottom:s,marginTop:s},headerRowContainer:{marginTop:0},selectCell:{paddingBottom:a,paddingLeft:n?0:_constants.CELL_SIDE_PADDING,paddingRight:_constants.CELL_SIDE_PADDING,paddingTop:a},responsiveCell:{padding:_constants.CELL_SIDE_PADDING}}};exports.createRowStyles=createRowStyles;const getSelectableRowIds=(t,o,e)=>(e?t.filter(t=>!e(t)):t).map(t=>t[o]);exports.getSelectableRowIds=getSelectableRowIds;const getInitialValidRowsPerPage=(t,o,e,n,s)=>{if(void 0===t)return o[0];const a=(0,_utils.getPageSizeOptions)(o,n===_UTTable.INTEGRATION_TYPES.EXTERNAL?s:e.length).map(t=>{let{value:o}=t;return o});return a.includes(t)?t:a[0]};exports.getInitialValidRowsPerPage=getInitialValidRowsPerPage;const getInitialValidPage=(t,o,e,n)=>n===_UTTable.INTEGRATION_TYPES.EXTERNAL?t:void 0===t||Math.floor(e.length/o)<t?0:t;exports.getInitialValidPage=getInitialValidPage;const getColumnsSizes=t=>{let{columns:o,fitColumnsWidth:e,selectable:n}=t;const s={};if(e){let t=0,e=n?54:0,a=0,r=0;o.forEach(o=>{let{position:n,size:s}=o;const i=_constants.COLUMN_SIZES[s]||_constants.COLUMN_SIZES.medium;t+=i,n===_constants.COLUMN_POSITION.LEFT?e+=i:n===_constants.COLUMN_POSITION.RIGHT?r+=i:a+=i}),o.forEach(t=>{let{key:o,position:n,size:i}=t;const c=100*(_constants.COLUMN_SIZES[i]||_constants.COLUMN_SIZES.medium)/(n===_constants.COLUMN_POSITION.LEFT?e:n===_constants.COLUMN_POSITION.RIGHT?r:a);s[o]="".concat(c,"%")}),s.leftColumnsSize="".concat(100*e/t,"%"),s.secondaryColumnsSize="".concat(100*a/t,"%"),s.rightColumnsSize="".concat(100*r/t,"%")}else o.forEach(t=>{let{key:o,size:e}=t;s[o]=_constants.COLUMN_SIZES[e]||_constants.COLUMN_SIZES.medium}),s.leftColumnsSize="auto",s.secondaryColumnsSize="auto",s.rightColumnsSize="auto";return s};exports.getColumnsSizes=getColumnsSizes;const getEnabledHeader=t=>t.some(t=>t.name);exports.getEnabledHeader=getEnabledHeader;

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

@@ -1 +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=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;
+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,dataTestId:s,options:o,rowsPerPage:r,onChangeRowPerPage:l,label:c,totalRows:n}=e;return React.createElement("div",{className:styles.pageSizeSelector},React.createElement("div",{className:styles.selectorContainer},React.createElement(UTSelect,{clearable:!1,className:styles.selector,dataTestId:s,inputSize:"small",itemDataTestId:s?"".concat(s,".option"):void 0,onChange:l,options:getPageSizeOptions(o,n),value:r,version:"V1"})),React.createElement(UTLabel,{className:"".concat(styles.label," ").concat(t.totalRowsLabel),colorTheme:a.totalRows||"gray"},c))};PageSizeSelector.propTypes={classes:classesType,colorThemes:shape({pageButton:string,navigationButton:string,totalRows:string}),dataTestId:string,options:arrayOf(number),rowsPerPage:number,onChangeRowPerPage:func,label:string,totalRows:number};export default PageSizeSelector;

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

@@ -1,6 +1,7 @@
 .pageSizeSelector {
   align-items: center;
   display: flex;
+  grid-gap: 8px;
   white-space: nowrap;
 }
 
@@ -10,15 +11,6 @@
 
 .selectorContainer {
   flex-shrink: 1;
+  max-width: 120px;
   min-width: 80px;
-
-  legend {
-    display: none;
-  }
-}
-
-.pageSizeSelectContainer {
-  & fieldset {
-    top: 0;
-  }
 }

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

@@ -1 +1 @@
-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)}))};
+import isEmpty from"lodash/isEmpty";const getPrevOption=(t,e)=>0===e?0:t[e-1];export const getPageSizeOptions=(t,e)=>{if(null==e)return t.map(t=>({value:t,name:t}));const n=t.filter((n,a)=>getPrevOption(t,a)<e);return isEmpty(n)?[{value:t[0],name:e}]:n.map(t=>({value:t,name:Math.min(t,e)}))};

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

@@ -1 +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=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);
+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:o,disabled:n,Icon:l,iconPlacement:a,label:c,onClick:s}=e;return React.createElement(UTButton,{classNames:{root:"\n        ".concat(t,"\n        ").concat(styles.navigationButton,"\n      ")},colorTheme:o,disabled:n,fullHeight:!0,Icon:l,iconPlacement:a,onClick:s,variant:"outlined"},c&&React.createElement("span",{className:styles.label},c))};NavigationButton.propTypes={className:string,colorTheme:string,disabled:bool,Icon:elementType,iconPlacement:string,label:oneOfType([string,number]),onClick:func};export default memo(NavigationButton);

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

@@ -1 +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=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;
+import React from"react";import{func,number,bool,shape,string,oneOf}from"prop-types";import UTButton from"../../../UTButton";import{PAGINATION_LIMIT_DOUBLE_ARROWS,VARIANTS}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,disableNextButton:a=!1,isResponsive:s,onChangePage:i,rowsPerPage:r,totalRows:c,variant:l=VARIANTS.default}=e;const m=l===VARIANTS.simple,g=void 0!==c,p=g&&(r>=c?1:Math.ceil(c/r)),u=m||!g?[n]:getPageNumbers(p,n,s),I=a||g&&n===p-1,R=o.navigationButton||"secondary";return React.createElement("div",{className:"".concat(styles.pagination," ").concat(t.pagination)},!m&&p>PAGINATION_LIMIT_DOUBLE_ARROWS&&!s&&React.createElement(NavigationButton,{colorTheme:R,disabled:0===n,Icon:"IconChevronsLeft",label:"1",onClick:()=>i(0)}),React.createElement(NavigationButton,{colorTheme:R,disabled:0===n,Icon:"IconChevronLeft",onClick:()=>i(n-1)}),u.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",fullHeight:!0,key:"page_".concat(e),onClick:()=>i(e),variant:m?"outlined":n===e?"semitransparent":"text"},e+1)),React.createElement(NavigationButton,{colorTheme:R,disabled:I,Icon:"IconChevronRight",onClick:()=>i(n+1)}),!m&&p>PAGINATION_LIMIT_DOUBLE_ARROWS&&!s&&React.createElement(NavigationButton,{colorTheme:R,disabled:I,Icon:"IconChevronsRight",iconPlacement:"right",label:p,onClick:()=>i(p-1)}))};Pagination.propTypes={classes:classesType,colorThemes:shape({pageButton:string,navigationButton:string,totalRows:string}),currentPage:number,disableNextButton:bool,isResponsive:bool,onChangePage:func,rowsPerPage:number,totalRows:number,variant:oneOf(Object.values(VARIANTS))};export default Pagination;

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

@@ -7,6 +7,7 @@
   align-items: center;
   display: flex;
   justify-content: center;
+  white-space: nowrap;
 }
 
 .pageButtonChildrenContainer {

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

@@ -1 +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;export const VARIANTS={default:"default",simple:"simple"};

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

@@ -1 +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=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));
+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,VARIANTS}from"./constants";import styles from"./styles.module.scss";import{retrieveStyle}from"./theme";const UTPagination=e=>{let{classes:t,colorThemes:o={},dataTestId:a,disableNextButton:n=!1,hidePageSelector:s=!1,isResponsive:r,onChangePage:i,onChangeRowPerPage:c,page:l,rowsPerPage:m,rowsPerPageOptions:g,totalRows:P,totalRowsLabel:p,variant:R=VARIANTS.default}=e;return React.createElement("div",{className:"\n      ".concat(styles.paginationContainer,"\n      ").concat(t.paginationContainer,"\n      ").concat(s&&styles.withoutPageSelector,"\n    "),"data-testid":a},!s&&React.createElement(PageSizeSelector,{classes:t,colorThemes:o,dataTestId:a?"".concat(a,".pageSizeSelector"):void 0,label:R===VARIANTS.simple||void 0===P?"":"".concat(PREPOSITION," ").concat(P," ").concat(p),onChangeRowPerPage:c,options:g,rowsPerPage:m,totalRows:P}),React.createElement(Pagination,{classes:t,colorThemes:o,currentPage:l,disableNextButton:n,isResponsive:r,onChangePage:i,rowsPerPage:m,totalRows:P,variant:R}))};UTPagination.propTypes={classes:classesType,colorThemes:shape({pageButton:string,navigationButton:string,totalRows:string}),dataTestId:string,disableNextButton:bool,hidePageSelector:bool,isResponsive:bool,onChangePage:func,onChangeRowPerPage:func,page:number,rowsPerPage:number,rowsPerPageOptions:arrayOf(number),totalRows:number,totalRowsLabel:string,variant:oneOf(Object.values(VARIANTS))};export default WithTheme(retrieveStyle)(memo(UTPagination));

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

@@ -4,6 +4,10 @@
   justify-content: space-between;
 }
 
+.withoutPageSelector {
+  justify-content: flex-end;
+}
+
 .totalRowsLabel {
   align-items: center;
   display: flex;

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

@@ -1 +1 @@
-import Colors from"../../scss/variables/colors.module.scss";export const retrieveStyle=i=>{var l,o,n,e,a,d,t,r,u,v,g;let{theme:c}=i;return{paginationContainer:{marginTop:(null==c||null===(l=c.UTPagination)||void 0===l||null===(l=l.paginationContainer)||void 0===l?void 0:l.marginTop)||32},pageSizeSelect:{background:null==c||null===(o=c.UTPagination)||void 0===o||null===(o=o.pageSizeSelect)||void 0===o?void 0:o.background,fontFamily:null==c||null===(n=c.Fonts)||void 0===n?void 0:n.fontFamily,fontSize:null==c||null===(e=c.UTPagination)||void 0===e||null===(e=e.pageSizeSelect)||void 0===e?void 0:e.fontSize,padding:(null==c||null===(a=c.UTPagination)||void 0===a||null===(a=a.pageSizeSelect)||void 0===a?void 0:a.padding)||6,textAlign:null==c||null===(d=c.UTPagination)||void 0===d||null===(d=d.pageSizeSelect)||void 0===d?void 0:d.textAlign},pageSizeSelectContainer:{"& fieldset":{border:(null==c||null===(t=c.UTPagination)||void 0===t||null===(t=t.pageSizeSelect)||void 0===t?void 0:t.border)||"1px solid ".concat(Colors.gray3)},"&:hover fieldset":{border:(null==c||null===(r=c.UTPagination)||void 0===r||null===(r=r.pageSizeSelect)||void 0===r||null===(r=r.hover)||void 0===r?void 0:r.border)||"1px solid ".concat(Colors.gray2)},"&:hover:focus-within fieldset":{border:(null==c||null===(u=c.UTPagination)||void 0===u||null===(u=u.pageSizeSelect)||void 0===u||null===(u=u.focused)||void 0===u?void 0:u.border)||"1px solid ".concat(Colors.gray3)},"&:focus-within fieldset":{border:(null==c||null===(v=c.UTPagination)||void 0===v||null===(v=v.pageSizeSelect)||void 0===v||null===(v=v.focused)||void 0===v?void 0:v.border)||"1px solid ".concat(Colors.gray3," !important")}},pagination:{gridGap:(null==c||null===(g=c.UTPagination)||void 0===g||null===(g=g.pagination)||void 0===g?void 0:g.gridGap)||"16px"}}};
+import Colors from"../../scss/variables/colors.module.scss";export const retrieveStyle=i=>{var l,o,n,e,a,d,t,r,u,v,g;let{theme:c}=i;return{paginationContainer:{marginTop:(null==c||null===(l=c.UTPagination)||void 0===l||null===(l=l.paginationContainer)||void 0===l?void 0:l.marginTop)||32},pageSizeSelect:{background:null==c||null===(o=c.UTPagination)||void 0===o||null===(o=o.pageSizeSelect)||void 0===o?void 0:o.background,fontFamily:null==c||null===(n=c.Fonts)||void 0===n?void 0:n.fontFamily,fontSize:null==c||null===(e=c.UTPagination)||void 0===e||null===(e=e.pageSizeSelect)||void 0===e?void 0:e.fontSize,padding:(null==c||null===(a=c.UTPagination)||void 0===a||null===(a=a.pageSizeSelect)||void 0===a?void 0:a.padding)||6,textAlign:null==c||null===(d=c.UTPagination)||void 0===d||null===(d=d.pageSizeSelect)||void 0===d?void 0:d.textAlign},pageSizeSelectContainer:{"& fieldset":{border:(null==c||null===(t=c.UTPagination)||void 0===t||null===(t=t.pageSizeSelect)||void 0===t?void 0:t.border)||"1px solid ".concat(Colors.gray3)},"&:hover fieldset":{border:(null==c||null===(r=c.UTPagination)||void 0===r||null===(r=r.pageSizeSelect)||void 0===r||null===(r=r.hover)||void 0===r?void 0:r.border)||"1px solid ".concat(Colors.gray2)},"&:hover:focus-within fieldset":{border:(null==c||null===(u=c.UTPagination)||void 0===u||null===(u=u.pageSizeSelect)||void 0===u||null===(u=u.focused)||void 0===u?void 0:u.border)||"1px solid ".concat(Colors.gray3)},"&:focus-within fieldset":{border:(null==c||null===(v=c.UTPagination)||void 0===v||null===(v=v.pageSizeSelect)||void 0===v||null===(v=v.focused)||void 0===v?void 0:v.border)||"1px solid ".concat(Colors.gray3," !important")}},pagination:{gridGap:(null==c||null===(g=c.UTPagination)||void 0===g||null===(g=g.pagination)||void 0===g?void 0:g.gridGap)||"8px"}}};

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

@@ -1 +1 @@
-export const COLUMN_SIZES={xsmall:70,small:90,medium:120,large:160,xlarge:260,xxlarge:350};export const ROW_SIDE_PADDING=16;export const CELL_SIDE_PADDING=16;export const ROW_SPACING_NAMES={NONE:"none",SMALL:"small",MEDIUM:"medium"};export const ROW_PADDING_NAMES={SMALL:"small",MEDIUM:"medium"};export const ROW_SPACING={[ROW_SPACING_NAMES.NONE]:0,[ROW_SPACING_NAMES.SMALL]:5,[ROW_SPACING_NAMES.MEDIUM]:10};export const ROW_PADDING={[ROW_PADDING_NAMES.SMALL]:16,[ROW_PADDING_NAMES.MEDIUM]:24};export const COLUMN_POSITION={LEFT:"left",RIGHT:"right"};export const ROWS_PER_PAGE=[10,25,50];export const ROWS_BORDER_SIZE=1;export const TOTAL_ROWS_LABEL="resultados";export const TOTAL_ROW_LABEL="resultado";export const NO_RESULTS_LABEL="Aún no hay resultados";export const ROW_KEY="id";export const MAX_PAGINATION_ITEMS=5;export const PAGINATION_LIMIT_DOUBLE_ARROWS=10;export const CELL_TYPES={STATUS:"status",ACTION_ICONS:"action-icons",ACTION_BUTTON:"action-button",TEXT:"text"};export const CELL_ACTION_TYPES=[CELL_TYPES.ACTION_ICONS,CELL_TYPES.ACTION_BUTTON];export const DEFAULT_TABLET_BREAKPOINT=1024;export const DEFAULT_MOBILE_BREAKPOINT=768;
+export const COLUMN_SIZES={xsmall:70,small:90,medium:120,large:160,xlarge:260,xxlarge:350};export const ROW_SIDE_PADDING=16;export const CELL_SIDE_PADDING=16;export const ROW_SPACING_NAMES={NONE:"none",SMALL:"small",MEDIUM:"medium"};export const ROW_PADDING_NAMES={SMALL:"small",MEDIUM:"medium"};export const ROW_SPACING={[ROW_SPACING_NAMES.NONE]:0,[ROW_SPACING_NAMES.SMALL]:5,[ROW_SPACING_NAMES.MEDIUM]:10};export const ROW_PADDING={[ROW_PADDING_NAMES.SMALL]:16,[ROW_PADDING_NAMES.MEDIUM]:24};export const COLUMN_POSITION={LEFT:"left",RIGHT:"right"};export const ROWS_PER_PAGE=[10,25,50];export const ROWS_BORDER_SIZE=1;export const TOTAL_ROWS_LABEL="resultados";export const TOTAL_ROW_LABEL="resultado";export const NO_RESULTS_LABEL="Aún no hay resultados";export const ROW_KEY="id";export const PAGINATOR_VARIANTS={default:"default",simple:"simple"};export const CELL_TYPES={STATUS:"status",ACTION_ICONS:"action-icons",ACTION_BUTTON:"action-button",TEXT:"text"};export const CELL_ACTION_TYPES=[CELL_TYPES.ACTION_ICONS,CELL_TYPES.ACTION_BUTTON];export const DEFAULT_TABLET_BREAKPOINT=1024;export const DEFAULT_MOBILE_BREAKPOINT=768;

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

@@ -1 +1 @@
-import"react-perfect-scrollbar/dist/css/styles.css";import React,{useCallback,useEffect,useMemo,useRef,useState}from"react";import ScrollBar from"react-perfect-scrollbar";import{isDesktop,isMobile,RESIZE_EVENT}from"@widergy/web-utils/lib/browser";import{isEmpty}from"@widergy/web-utils/lib/array";import{arrayOf,bool,elementType,func,node,number,object,objectOf,oneOf,oneOfType,shape,string}from"prop-types";import UTLabel from"../UTLabel";import UTLoading from"../UTLoading";import WithTheme from"../WithTheme";import{ID_CONSTANTS}from"../../constants/testIds";import{INTEGRATION_TYPES}from"../../constants/UTTable";import{mergeClasses}from"../../utils/classesUtils";import Cell from"./components/Cell";import HeaderCell from"./components/HeaderCell";import ResponsiveCell from"./components/ResponsiveCell";import styles from"./styles.module.scss";import TableFooter from"./components/TableFooter";import TableHeader from"./components/TableHeader";import TableRow from"./components/TableRow";import{classesType,columnsType}from"./types";import{getColumnDefinition,orderRows,createRowStyles,getCurrentRows,getSelectableRowIds,getInitialValidPage,getInitialValidRowsPerPage,getColumnsSizes,getEnabledHeader}from"./utils";import{retrieveStyle}from"./theme";import{DEFAULT_MOBILE_BREAKPOINT,DEFAULT_TABLET_BREAKPOINT,NO_RESULTS_LABEL,ROWS_PER_PAGE,ROW_KEY,ROW_PADDING_NAMES,ROW_SPACING_NAMES,TOTAL_ROWS_LABEL,TOTAL_ROW_LABEL}from"./constants";import{useResizeObserver}from"./hook";const{ACTIONS:ACTIONS,CELL:CELL,HEADER:HEADER,SELECTION_COMPONENT:SELECTION_COMPONENT,TABLE:TABLE,TABLE_ROW:TABLE_ROW}=ID_CONSTANTS,UTTable=e=>{let{actionDataTestId:t,actionsConfig:o,automaticRefreshDelay:a=9e5,cellDataTestId:s,classNames:l,classes:n,clickableRowValidation:i,columns:r,data:c=[],defaultNullValue:d="-",description:R,disableAutoOrder:m=!1,disablePagination:T=!1,disableReloadRows:g,disableRowSelection:u,disableSelectAll:b,disabledRowTooltip:f,disabledSelectAllTooltip:E,exclusiveSelection:p=!1,externalPage:w,externalRowsPerPage:S,Filters:h,fitColumnsWidth:O,GeneralActions:C,getRowClassName:L=()=>"",headerActionDataTestId:A,headerCellDataTestId:I,headerPadding:y=ROW_PADDING_NAMES.MEDIUM,headerSelectionComponentDataTestId:N,headerVersion:D,hidePageSelector:P,initialOrder:_,initialSelectedRows:v=[],integrationType:B=INTEGRATION_TYPES.INTERNAL,loading:x,mobileBreakpoint:k=DEFAULT_MOBILE_BREAKPOINT,noResultDataTestId:W,noResultsComponent:H,paginatorDataTestId:M,noResultsLabel:U=NO_RESULTS_LABEL,onOrderChange:F,onPageChange:G,onRefresh:V,onReloadRows:K,onRowClick:z,onRowsPerPageChange:Y,onSelectAllRows:j,onSelectRow:X,ongoingRefreshLabel:Z,refreshLabel:q,removeDefaultOrderIcon:J=!1,removeFixedRowsDivisors:Q=!1,rowKey:$=ROW_KEY,rowPadding:ee=ROW_PADDING_NAMES.SMALL,rowSpacing:te=ROW_SPACING_NAMES.NONE,rowsPerPageOptions:oe=ROWS_PER_PAGE,selectAllInCurrentPageOnly:ae=!1,selectable:se=!1,selectedLabel:le,selectionComponentDataTestId:ne,stickyHeader:ie,tableHeaderDataTestId:re,tableTitle:ce,tabletBreakpoint:de=DEFAULT_TABLET_BREAKPOINT,titleDataTestId:Re,totalRows:me,totalRowsLabel:Te,withActionHeader:ge,withAutomaticRefresh:ue,withRefresh:be}=e;const fe=getInitialValidRowsPerPage(S,oe,c,B,me),Ee=getInitialValidPage(w,fe,c,B),[pe,we]=useState(_||{}),[Se,he]=useState([]),[Oe,Ce]=useState(!1),[Le,Ae]=useState(fe),[Ie,ye]=useState(Ee),[Ne,De]=useResizeObserver(),[Pe,_e]=useState(se?v:[]),[ve,Be]=useState(!isDesktop(de)),xe=useRef(),ke=useRef(),We=useMemo(()=>mergeClasses(n,l),[l]),He=()=>{Be(!isDesktop(de))};useEffect(()=>(window.addEventListener(RESIZE_EVENT,He),()=>window.removeEventListener(RESIZE_EVENT,He)),[]),useEffect(()=>{ae||Ce(!isEmpty(c)&&v.length===c.length),_e(se?v:[]),he(m?c:orderRows(c,pe,c,r)),S&&Ae(fe);c.length/Le>Ie&&B!==INTEGRATION_TYPES.EXTERNAL||ye(Ee)},[c]);const Me=useMemo(()=>T||B===INTEGRATION_TYPES.EXTERNAL?Se:getCurrentRows(Se,Ie,Le),[Ie,Le,Se]),Ue=e=>{if(!e[$])return null;const t=getSelectableRowIds(Me,$,u);let o=[];if(p)o=[e[$]];else{o=-1===Pe.indexOf(e[$])?[...Pe,e[$]]:Pe.filter(t=>t!==e[$]);const a=o.filter(e=>t.includes(e)),s=ae?a.length===t.length:(e=>getSelectableRowIds(Se,$,u).every(t=>e.includes(t)))(o);!s&&Oe&&Ce(!1),s&&!Oe&&Ce(!0)}_e(o),X&&X(e[$],o)};useEffect(()=>{if(ae){const e=getSelectableRowIds(Me,$,u);Ce(!isEmpty(e)&&e.every(e=>Pe.includes(e)))}},[Ie,Le,Se,pe,b]);const Fe=useMemo(()=>getColumnDefinition(r,ve),[r,ve]),Ge=useCallback(e=>!e,[]),Ve=useCallback(e=>e===Me.length-1,[Me]),Ke=!T&&!x&&!isEmpty(Me),ze=useMemo(()=>createRowStyles(ee,te,y,ve),[ee,te,y,ve]),Ye=useMemo(()=>{var e;return(null==De||null===(e=De.target)||void 0===e?void 0:e.clientWidth)||"100%"},[De]),je=ve?ResponsiveCell:Cell,Xe=ve?"":Te||(1===c.length?TOTAL_ROW_LABEL:TOTAL_ROWS_LABEL),Ze=useMemo(()=>getColumnsSizes({columns:r,fitColumnsWidth:O,selectable:se}),[r,O,se]),qe=useMemo(()=>getEnabledHeader(r),[r]),Je=React.createElement("div",{className:"".concat(isEmpty(Me)&&styles.preventScrolling),ref:ke,style:{overflow:!ve&&ie&&"hidden",width:Ye}},React.createElement(UTLoading,{className:"".concat(styles.tableLoading," ").concat(We.tableLoading),loading:x},isEmpty(Me)?React.createElement("div",{className:"".concat(styles.noResultsContainer," ").concat(We.noResultsContainer),style:{width:Ye}},H||React.createElement(UTLabel,{className:We.noResultsLabel,dataTestId:W},U)):Me.map((e,o)=>{const a=Pe.includes(e[$]),l=a?We.selectedRow:te===ROW_SPACING_NAMES.NONE&&o<Me.length-1?styles.unselectedSmallRow:void 0,n=z&&(!i||i(e)),r=n?t=>z(t,e):void 0;return React.createElement(TableRow,{actionDataTestId:null!=t?t:"".concat(TABLE,".").concat(TABLE_ROW,".row_").concat(o,".").concat(CELL,".").concat(ACTIONS),cellDataTestId:null!=s?s:"".concat(TABLE,".").concat(TABLE_ROW,".row_").concat(o),CellComponent:je,cellProps:{defaultNullValue:d,classes:We,rowData:{...e,index:o},style:ze.cell},checkBoxOnChange:()=>Ue(e),checkBoxSelected:a,className:"\n                  ".concat(ve&&styles.responsiveRow,"\n                  ").concat(n&&We.rowContainerClickable,"\n                  ").concat(L(e),"\n                  "),columnsDefinition:Fe,columnSizes:Ze,containerStyle:{...ze.rowContainer,minWidth:Ye},disableRowSelection:u,disabledRowSelectionTooltip:f,exclusiveSelection:p,fixedRowsLeftClassName:"".concat(We.fixedRowLeft," ").concat(l," ").concat(Ge(o)&&We.firstFixedRowLeft," ").concat(Ve(o)&&We.lastFixedRowLeft),fixedRowsRightClassName:"".concat(We.fixedRowRight," ").concat(l," ").concat(Ge(o)&&We.firstFixedRowRight," ").concat(Ve(o)&&We.lastFixedRowRight),handleRowClick:r,isResponsive:ve,key:e[$]&&"row_".concat(e[$]),pageRows:Me,removeFixedRowsDivisors:Q,rowClassName:"".concat(We.row," ").concat(l," ").concat(Ve(o)&&We.lastRow," ").concat(Ge(o)&&We.firstRow),rowKey:$,rowStyles:ze,selectable:se,selectionComponentDataTestId:null!=ne?ne:"".concat(TABLE,".").concat(TABLE_ROW,".row_").concat(o,".").concat(CELL,".").concat(SELECTION_COMPONENT),selectedRows:Pe,tableSize:Ye})}))),Qe=React.createElement(TableRow,{actionDataTestId:null!=A?A:"".concat(TABLE,".").concat(TABLE_ROW,".").concat(HEADER,"Cell.").concat(ACTIONS),CellComponent:HeaderCell,cellDataTestId:null!=I?I:"".concat(TABLE,".").concat(TABLE_ROW,".").concat(HEADER,"Cell"),cellProps:{classes:We,handleOrder:e=>{we(e),m||isEmpty(Se)||he(orderRows(Se,e,c,r)),F&&F(e)},order:pe,removeDefaultOrderIcon:J,style:ze.headerCell},checkBoxClassName:"".concat(p&&styles.hideCheckBox),checkBoxOnChange:()=>{const e=!Oe,t=getSelectableRowIds(Me,$,u),o=ae?e?[...t,...Pe.filter(e=>!t.includes(e))]:Pe.filter(e=>!t.includes(e)):e?getSelectableRowIds(Se,$,u):[];_e(o),Ce(e),j&&j(ae?o:e)},checkBoxSelected:Oe,className:"".concat(isEmpty(Me)&&styles.disableHeader),columnSizes:Ze,columnsDefinition:Fe,containerStyle:{...ze.headerRowContainer,minWidth:Ye},disableRowSelection:b,disabledRowSelectionTooltip:E,fixedRowsLeftClassName:We.fixedHeaderRowLeft,fixedRowsRightClassName:We.fixedHeaderRowRight,pageRows:Me,removeFixedRowsDivisors:Q,rowClassName:We.header,rowKey:$,rowStyles:ze,selectable:se,selectionComponentDataTestId:null!=N?N:"".concat(TABLE,".").concat(TABLE_ROW,".").concat(HEADER,"Cell.").concat(SELECTION_COMPONENT),selectedRows:Pe,tableSize:Ye}),$e="V0"!==D&&D?ge:ce||C;return React.createElement("div",{className:"".concat(styles.table," ").concat(We.table),ref:Ne},$e&&React.createElement(TableHeader,{actions:o,automaticRefreshDelay:a,classes:We,description:R,disabled:g,isDesktop:isDesktop(de),isMobile:isMobile(k),GeneralActions:C,loading:x,onRefresh:V,onReload:K,ongoingRefreshLabel:Z,refreshLabel:q,selectedLabel:le,tableHeaderDataTestId:re,title:ce,titleDataTestId:Re,version:D,withAutomaticRefresh:ue,withRefresh:be}),h,!ve&&React.createElement("div",{className:ie&&"".concat(styles.stickyHeader," ").concat(We.stickyHeader||"")},React.createElement(ScrollBar,{className:"\n                ".concat(styles.scrollbar,"\n                ").concat(We.scrollbar,"\n                ").concat(x&&styles.disableHeader),containerRef:e=>xe.current=e,onScroll:e=>{var t;ke.current&&ie&&ke.current.scrollTo(null==e||null===(t=e.target)||void 0===t?void 0:t.scrollLeft,0)},onSync:e=>{setTimeout(()=>{e.update(),xe.current&&(xe.current.scrollLeft=0)},100)},options:{suppressScrollX:O,suppressScrollY:!0},style:{width:Ye}},qe&&Qe,!ie&&Je)),(ve||ie)&&Je,Ke&&React.createElement(TableFooter,{classes:We,handlePageChange:e=>{ye(e),G&&G(e)},isResponsive:ve,onChangeRowPerPage:e=>{Ae(e||oe[0]),ye(0),Y&&Y(e||oe[0])},hidePageSelector:P,page:Ie,paginatorDataTestId:M,rowsPerPage:Le,rowsPerPageOptions:oe,totalRows:me||Se.length,totalRowsLabel:Xe}))};UTTable.propTypes={actionsConfig:arrayOf(shape({classes:objectOf(string),classNames:objectOf(string),colorTheme:string,count:number,dataTestId:string,disabled:bool,hideTextOnResponsive:bool,Icon:oneOfType([elementType,string]),iconPlacement:string,isPrimary:bool,LeftIcon:oneOfType([elementType,string]),loading:bool,onClick:func,RightIcon:oneOfType([elementType,string]),size:string,type:string,variant:string})),actionDataTestId:string,automaticRefreshDelay:number,cellDataTestId:string,classNames:classesType,classes:classesType,clickableRowValidation:func,columns:columnsType,data:arrayOf(object),defaultNullValue:string,description:string,disableAutoOrder:bool,disablePagination:bool,disableReloadRows:bool,disableRowSelection:oneOfType([func,bool]),disableSelectAll:oneOfType([func,bool]),disabledRowTooltip:func,disabledSelectAllTooltip:func,exclusiveSelection:bool,externalPage:number,externalRowsPerPage:number,Filters:node,fitColumnsWidth:bool,GeneralActions:node,getRowClassName:func,headerActionDataTestId:string,headerCellDataTestId:string,headerPadding:string,headerSelectionComponentDataTestId:string,headerVersion:string,hidePageSelector:bool,initialOrder:shape({direction:string,key:string}),initialSelectedRows:arrayOf(oneOfType([number,string])),integrationType:oneOf([...Object.values(INTEGRATION_TYPES)]),loading:bool,mobileBreakpoint:number,noResultDataTestId:string,noResultsComponent:node,paginatorDataTestId:string,noResultsLabel:string,onOrderChange:func,onPageChange:func,onRefresh:func,onReloadRows:func,onRowClick:func,onRowsPerPageChange:func,onSelectAllRows:func,onSelectRow:func,ongoingRefreshLabel:string,refreshLabel:string,removeDefaultOrderIcon:bool,removeFixedRowsDivisors:bool,rowKey:string,rowPadding:string,rowSpacing:string,rowsPerPageOptions:arrayOf(number),selectAllInCurrentPageOnly:bool,selectable:bool,selectedLabel:string,selectionComponentDataTestId:string,stickyHeader:bool,tableHeaderDataTestId:string,tableTitle:string,tabletBreakpoint:number,titleDataTestId:string,totalRows:number,totalRowsLabel:string,withActionHeader:bool,withAutomaticRefresh:bool,withRefresh:bool};export default WithTheme(retrieveStyle)(UTTable);
+import"react-perfect-scrollbar/dist/css/styles.css";import React,{useCallback,useEffect,useMemo,useRef,useState}from"react";import ScrollBar from"react-perfect-scrollbar";import{isDesktop,isMobile,RESIZE_EVENT}from"@widergy/web-utils/lib/browser";import{isEmpty}from"@widergy/web-utils/lib/array";import UTLabel from"../UTLabel";import UTLoading from"../UTLoading";import UTPagination from"../UTPagination";import WithTheme from"../WithTheme";import{ID_CONSTANTS}from"../../constants/testIds";import{INTEGRATION_TYPES}from"../../constants/UTTable";import{mergeClasses}from"../../utils/classesUtils";import Cell from"./components/Cell";import HeaderCell from"./components/HeaderCell";import ResponsiveCell from"./components/ResponsiveCell";import styles from"./styles.module.scss";import TableHeader from"./components/TableHeader";import TableRow from"./components/TableRow";import{tablePropTypes}from"./types";import{getColumnDefinition,orderRows,createRowStyles,getCurrentRows,getSelectableRowIds,getInitialValidPage,getInitialValidRowsPerPage,getColumnsSizes,getEnabledHeader}from"./utils";import{retrieveStyle}from"./theme";import{DEFAULT_MOBILE_BREAKPOINT,DEFAULT_TABLET_BREAKPOINT,NO_RESULTS_LABEL,PAGINATOR_VARIANTS,ROWS_PER_PAGE,ROW_KEY,ROW_PADDING_NAMES,ROW_SPACING_NAMES,TOTAL_ROWS_LABEL,TOTAL_ROW_LABEL}from"./constants";import{useResizeObserver}from"./hook";const{ACTIONS:ACTIONS,CELL:CELL,HEADER:HEADER,SELECTION_COMPONENT:SELECTION_COMPONENT,TABLE:TABLE,TABLE_ROW:TABLE_ROW}=ID_CONSTANTS,UTTable=e=>{let{actionDataTestId:t,actionsConfig:o,automaticRefreshDelay:a=9e5,cellDataTestId:l,classNames:s,classes:n,clickableRowValidation:c,columns:i,data:r=[],defaultNullValue:d="-",description:R,disableAutoOrder:T=!1,disablePagination:m=!1,disablePaginatorNextButton:E=!1,disableReloadRows:u,disableRowSelection:w,disableSelectAll:S,disabledRowTooltip:p,disabledSelectAllTooltip:f,exclusiveSelection:g=!1,externalPage:A,externalRowsPerPage:L,Filters:N,fitColumnsWidth:b,GeneralActions:C,getRowClassName:h=()=>"",headerActionDataTestId:I,headerCellDataTestId:O,headerPadding:_=ROW_PADDING_NAMES.MEDIUM,headerSelectionComponentDataTestId:P,headerVersion:y,hidePageSelector:D,initialOrder:B,initialSelectedRows:v=[],integrationType:x=INTEGRATION_TYPES.INTERNAL,loading:W,mobileBreakpoint:M=DEFAULT_MOBILE_BREAKPOINT,noResultDataTestId:k,noResultsComponent:H,paginatorDataTestId:U,paginatorVariant:G=PAGINATOR_VARIANTS.default,noResultsLabel:V=NO_RESULTS_LABEL,onOrderChange:F,onPageChange:K,onRefresh:z,onReloadRows:Y,onRowClick:X,onRowsPerPageChange:Z,onSelectAllRows:j,onSelectRow:q,ongoingRefreshLabel:J,refreshLabel:Q,removeDefaultOrderIcon:$=!1,removeFixedRowsDivisors:ee=!1,rowKey:te=ROW_KEY,rowPadding:oe=ROW_PADDING_NAMES.SMALL,rowSpacing:ae=ROW_SPACING_NAMES.NONE,rowsPerPageOptions:le=ROWS_PER_PAGE,selectAllInCurrentPageOnly:se=!1,selectable:ne=!1,selectedLabel:ce,selectionComponentDataTestId:ie,stickyHeader:re,tableHeaderDataTestId:de,tableTitle:Re,tabletBreakpoint:Te=DEFAULT_TABLET_BREAKPOINT,titleDataTestId:me,totalRows:Ee,totalRowsLabel:ue,withActionHeader:we,withAutomaticRefresh:Se,withRefresh:pe}=e;const fe=getInitialValidRowsPerPage(L,le,r,x,Ee),ge=getInitialValidPage(A,fe,r,x),[Ae,Le]=useState(B||{}),[Ne,be]=useState([]),[Ce,he]=useState(!1),[Ie,Oe]=useState(fe),[_e,Pe]=useState(ge),[ye,De]=useResizeObserver(),[Be,ve]=useState(ne?v:[]),[xe,We]=useState(!isDesktop(Te)),Me=useRef(),ke=useRef(),He=useMemo(()=>mergeClasses(n,s),[s]),Ue=()=>{We(!isDesktop(Te))};useEffect(()=>(window.addEventListener(RESIZE_EVENT,Ue),()=>window.removeEventListener(RESIZE_EVENT,Ue)),[]),useEffect(()=>{se||he(!isEmpty(r)&&v.length===r.length),ve(ne?v:[]),be(T?r:orderRows(r,Ae,r,i)),L&&Oe(fe);r.length/Ie>_e&&x!==INTEGRATION_TYPES.EXTERNAL||Pe(ge)},[r]);const Ge=useMemo(()=>m||x===INTEGRATION_TYPES.EXTERNAL?Ne:getCurrentRows(Ne,_e,Ie),[_e,Ie,Ne]),Ve=e=>{if(!e[te])return null;const t=getSelectableRowIds(Ge,te,w);let o=[];if(g)o=[e[te]];else{o=-1===Be.indexOf(e[te])?[...Be,e[te]]:Be.filter(t=>t!==e[te]);const a=o.filter(e=>t.includes(e)),l=se?a.length===t.length:(e=>getSelectableRowIds(Ne,te,w).every(t=>e.includes(t)))(o);!l&&Ce&&he(!1),l&&!Ce&&he(!0)}ve(o),q&&q(e[te],o)};useEffect(()=>{if(se){const e=getSelectableRowIds(Ge,te,w);he(!isEmpty(e)&&e.every(e=>Be.includes(e)))}},[_e,Ie,Ne,Ae,S]);const Fe=useMemo(()=>getColumnDefinition(i,xe),[i,xe]),Ke=useCallback(e=>!e,[]),ze=useCallback(e=>e===Ge.length-1,[Ge]),Ye=!m&&!W&&!isEmpty(Ge),Xe=useMemo(()=>createRowStyles(oe,ae,_,xe),[oe,ae,_,xe]),Ze=useMemo(()=>{var e;return(null==De||null===(e=De.target)||void 0===e?void 0:e.clientWidth)||"100%"},[De]),je=xe?ResponsiveCell:Cell,qe=xe?"":ue||(1===r.length?TOTAL_ROW_LABEL:TOTAL_ROWS_LABEL),Je=useMemo(()=>getColumnsSizes({columns:i,fitColumnsWidth:b,selectable:ne}),[i,b,ne]),Qe=useMemo(()=>getEnabledHeader(i),[i]),$e=React.createElement("div",{className:"".concat(isEmpty(Ge)&&styles.preventScrolling),ref:ke,style:{overflow:!xe&&re&&"hidden",width:Ze}},React.createElement(UTLoading,{className:"".concat(styles.tableLoading," ").concat(He.tableLoading),loading:W},isEmpty(Ge)?React.createElement("div",{className:"".concat(styles.noResultsContainer," ").concat(He.noResultsContainer),style:{width:Ze}},H||React.createElement(UTLabel,{className:He.noResultsLabel,dataTestId:k},V)):Ge.map((e,o)=>{const a=Be.includes(e[te]),s=a?He.selectedRow:ae===ROW_SPACING_NAMES.NONE&&o<Ge.length-1?styles.unselectedSmallRow:void 0,n=X&&(!c||c(e)),i=n?t=>X(t,e):void 0;return React.createElement(TableRow,{actionDataTestId:null!=t?t:"".concat(TABLE,".").concat(TABLE_ROW,".row_").concat(o,".").concat(CELL,".").concat(ACTIONS),cellDataTestId:null!=l?l:"".concat(TABLE,".").concat(TABLE_ROW,".row_").concat(o),CellComponent:je,cellProps:{defaultNullValue:d,classes:He,rowData:{...e,index:o},style:Xe.cell},checkBoxOnChange:()=>Ve(e),checkBoxSelected:a,className:"\n                  ".concat(xe&&styles.responsiveRow,"\n                  ").concat(n&&He.rowContainerClickable,"\n                  ").concat(h(e),"\n                  "),columnsDefinition:Fe,columnSizes:Je,containerStyle:{...Xe.rowContainer,minWidth:Ze},disableRowSelection:w,disabledRowSelectionTooltip:p,exclusiveSelection:g,fixedRowsLeftClassName:"".concat(He.fixedRowLeft," ").concat(s," ").concat(Ke(o)&&He.firstFixedRowLeft," ").concat(ze(o)&&He.lastFixedRowLeft),fixedRowsRightClassName:"".concat(He.fixedRowRight," ").concat(s," ").concat(Ke(o)&&He.firstFixedRowRight," ").concat(ze(o)&&He.lastFixedRowRight),handleRowClick:i,isResponsive:xe,key:e[te]&&"row_".concat(e[te]),pageRows:Ge,removeFixedRowsDivisors:ee,rowClassName:"".concat(He.row," ").concat(s," ").concat(ze(o)&&He.lastRow," ").concat(Ke(o)&&He.firstRow),rowKey:te,rowStyles:Xe,selectable:ne,selectionComponentDataTestId:null!=ie?ie:"".concat(TABLE,".").concat(TABLE_ROW,".row_").concat(o,".").concat(CELL,".").concat(SELECTION_COMPONENT),selectedRows:Be,tableSize:Ze})}))),et=React.createElement(TableRow,{actionDataTestId:null!=I?I:"".concat(TABLE,".").concat(TABLE_ROW,".").concat(HEADER,"Cell.").concat(ACTIONS),CellComponent:HeaderCell,cellDataTestId:null!=O?O:"".concat(TABLE,".").concat(TABLE_ROW,".").concat(HEADER,"Cell"),cellProps:{classes:He,handleOrder:e=>{Le(e),T||isEmpty(Ne)||be(orderRows(Ne,e,r,i)),F&&F(e)},order:Ae,removeDefaultOrderIcon:$,style:Xe.headerCell},checkBoxClassName:"".concat(g&&styles.hideCheckBox),checkBoxOnChange:()=>{const e=!Ce,t=getSelectableRowIds(Ge,te,w),o=se?e?[...t,...Be.filter(e=>!t.includes(e))]:Be.filter(e=>!t.includes(e)):e?getSelectableRowIds(Ne,te,w):[];ve(o),he(e),j&&j(se?o:e)},checkBoxSelected:Ce,className:"".concat(isEmpty(Ge)&&styles.disableHeader),columnSizes:Je,columnsDefinition:Fe,containerStyle:{...Xe.headerRowContainer,minWidth:Ze},disableRowSelection:S,disabledRowSelectionTooltip:f,fixedRowsLeftClassName:He.fixedHeaderRowLeft,fixedRowsRightClassName:He.fixedHeaderRowRight,pageRows:Ge,removeFixedRowsDivisors:ee,rowClassName:He.header,rowKey:te,rowStyles:Xe,selectable:ne,selectionComponentDataTestId:null!=P?P:"".concat(TABLE,".").concat(TABLE_ROW,".").concat(HEADER,"Cell.").concat(SELECTION_COMPONENT),selectedRows:Be,tableSize:Ze}),tt="V0"!==y&&y?we:Re||C;return React.createElement("div",{className:"".concat(styles.table," ").concat(He.table),ref:ye},tt&&React.createElement(TableHeader,{actions:o,automaticRefreshDelay:a,classes:He,description:R,disabled:u,isDesktop:isDesktop(Te),isMobile:isMobile(M),GeneralActions:C,loading:W,onRefresh:z,onReload:Y,ongoingRefreshLabel:J,refreshLabel:Q,selectedLabel:ce,tableHeaderDataTestId:de,title:Re,titleDataTestId:me,version:y,withAutomaticRefresh:Se,withRefresh:pe}),N,!xe&&React.createElement("div",{className:re&&"".concat(styles.stickyHeader," ").concat(He.stickyHeader||"")},React.createElement(ScrollBar,{className:"\n                ".concat(styles.scrollbar,"\n                ").concat(He.scrollbar,"\n                ").concat(W&&styles.disableHeader),containerRef:e=>Me.current=e,onScroll:e=>{var t;ke.current&&re&&ke.current.scrollTo(null==e||null===(t=e.target)||void 0===t?void 0:t.scrollLeft,0)},onSync:e=>{setTimeout(()=>{e.update(),Me.current&&(Me.current.scrollLeft=0)},100)},options:{suppressScrollX:b,suppressScrollY:!0},style:{width:Ze}},Qe&&et,!re&&$e)),(xe||re)&&$e,Ye&&React.createElement(UTPagination,{dataTestId:U,disableNextButton:E,hidePageSelector:D,isResponsive:xe,onChangePage:e=>{Pe(e),K&&K(e)},onChangeRowPerPage:e=>{Oe(e||le[0]),Pe(0),Z&&Z(e||le[0])},page:_e,rowsPerPage:Ie,rowsPerPageOptions:le,totalRows:x===INTEGRATION_TYPES.EXTERNAL?Ee:Ee||Ne.length,totalRowsLabel:qe,variant:G}))};UTTable.propTypes=tablePropTypes;export default WithTheme(retrieveStyle)(UTTable);

package/dist/esm/components/UTTable/types.js

@@ -1 +1 @@
-import{arrayOf,bool,elementType,func,number,objectOf,object,oneOfType,shape,string}from"prop-types";export const columnType=shape({cellRenderer:func,key:string,name:string,position:string,size:string,sortable:bool,type:string,categoryName:string,actions:arrayOf(shape({icon:elementType,tooltip:string,onClick:func,loading:bool}))});export const columnsType=arrayOf(columnType);export const classesType=shape({table:string,header:string,headerCellHover:string,headerActiveCell:string,scrollbar:string,fixedHeaderRowLeft:string,fixedHeaderRowRight:string,row:string,fixedRowRight:string,checkBox:string,navigationButton:string,navigationButtonDisabled:string,navigationArrow:string,pageButton:string,pageButtonSelected:string,reloadIcon:string,reloadButton:string,tableTitle:string,totalRowsLabel:string,actionIconButton:string,actionIcon:string,checkBoxRoot:string,checkboxColorPrimary:string});export const columnSizesType=oneOfType([objectOf(string),objectOf(number),object]);
+import{arrayOf,bool,elementType,func,node,number,objectOf,object,oneOf,oneOfType,shape,string}from"prop-types";import{INTEGRATION_TYPES}from"../../constants/UTTable";import{PAGINATOR_VARIANTS}from"./constants";export const columnType=shape({cellRenderer:func,key:string,name:string,position:string,size:string,sortable:bool,type:string,categoryName:string,actions:arrayOf(shape({icon:elementType,tooltip:string,onClick:func,loading:bool}))});export const columnsType=arrayOf(columnType);export const classesType=shape({table:string,header:string,headerCellHover:string,headerActiveCell:string,scrollbar:string,fixedHeaderRowLeft:string,fixedHeaderRowRight:string,row:string,fixedRowRight:string,checkBox:string,navigationButton:string,navigationButtonDisabled:string,navigationArrow:string,pageButton:string,pageButtonSelected:string,reloadIcon:string,reloadButton:string,tableTitle:string,totalRowsLabel:string,actionIconButton:string,actionIcon:string,checkBoxRoot:string,checkboxColorPrimary:string});export const columnSizesType=oneOfType([objectOf(string),objectOf(number),object]);export const tablePropTypes={actionsConfig:arrayOf(shape({classes:objectOf(string),classNames:objectOf(string),colorTheme:string,count:number,dataTestId:string,disabled:bool,hideTextOnResponsive:bool,Icon:oneOfType([elementType,string]),iconPlacement:string,isPrimary:bool,LeftIcon:oneOfType([elementType,string]),loading:bool,onClick:func,RightIcon:oneOfType([elementType,string]),size:string,type:string,variant:string})),actionDataTestId:string,automaticRefreshDelay:number,cellDataTestId:string,classNames:classesType,classes:classesType,clickableRowValidation:func,columns:columnsType,data:arrayOf(object),defaultNullValue:string,description:string,disableAutoOrder:bool,disablePagination:bool,disablePaginatorNextButton:bool,disableReloadRows:bool,disableRowSelection:oneOfType([func,bool]),disableSelectAll:oneOfType([func,bool]),disabledRowTooltip:func,disabledSelectAllTooltip:func,exclusiveSelection:bool,externalPage:number,externalRowsPerPage:number,Filters:node,fitColumnsWidth:bool,GeneralActions:node,getRowClassName:func,headerActionDataTestId:string,headerCellDataTestId:string,headerPadding:string,headerSelectionComponentDataTestId:string,headerVersion:string,hidePageSelector:bool,initialOrder:shape({direction:string,key:string}),initialSelectedRows:arrayOf(oneOfType([number,string])),integrationType:oneOf([...Object.values(INTEGRATION_TYPES)]),loading:bool,mobileBreakpoint:number,noResultDataTestId:string,noResultsComponent:node,paginatorDataTestId:string,paginatorVariant:oneOf(Object.values(PAGINATOR_VARIANTS)),noResultsLabel:string,onOrderChange:func,onPageChange:func,onRefresh:func,onReloadRows:func,onRowClick:func,onRowsPerPageChange:func,onSelectAllRows:func,onSelectRow:func,ongoingRefreshLabel:string,refreshLabel:string,removeDefaultOrderIcon:bool,removeFixedRowsDivisors:bool,rowKey:string,rowPadding:string,rowSpacing:string,rowsPerPageOptions:arrayOf(number),selectAllInCurrentPageOnly:bool,selectable:bool,selectedLabel:string,selectionComponentDataTestId:string,stickyHeader:bool,tableHeaderDataTestId:string,tableTitle:string,tabletBreakpoint:number,titleDataTestId:string,totalRows:number,totalRowsLabel:string,withActionHeader:bool,withAutomaticRefresh:bool,withRefresh:bool};

package/dist/esm/components/UTTable/utils.js

@@ -1 +1 @@
-import{objectIsEmpty}from"@widergy/web-utils/lib/object";import{INTEGRATION_TYPES}from"../../constants/UTTable";import{getPageSizeOptions}from"./components/TableFooter/components/PageSizeSelector/utils";import{ROW_SIDE_PADDING,ROW_PADDING,ROW_SPACING,ROWS_BORDER_SIZE,CELL_SIDE_PADDING,CELL_TYPES,COLUMN_POSITION,COLUMN_SIZES}from"./constants";export const getColumnDefinition=(t,o)=>{const e=[],n=[],i=[],r=[],s=[];return t.forEach(t=>{o?t.type===CELL_TYPES.ACTION_BUTTON?n.push(t):t.type===CELL_TYPES.ACTION_ICONS?i.push(t):e.push(t):t.position===COLUMN_POSITION.LEFT?r.push(t):t.position===COLUMN_POSITION.RIGHT?s.push(t):e.push(t)}),{secondaryColumns:e,primaryActions:n,secondaryActions:i,fixedLeftColumns:r,fixedRightColumns:s}};export const customSort=(t,o,e)=>{const n=t[e.key]||"",i=o[e.key]||"";return n<i?"asc"===e.direction?-1:1:n>i?"asc"===e.direction?1:-1:0};export const orderRows=(t,o,e,n)=>{if(objectIsEmpty(o))return e;const i=[...t],r=n.find(t=>{let{key:e}=t;return e===o.key}).customSort||customSort;return i.sort((t,e)=>r(t,e,o)),i};export const getCurrentRows=(t,o,e)=>{const n=o*e,i=(o+1)*e;return t.slice(n,i)};export const createRowStyles=(t,o,e,n)=>{const i=ROW_SPACING[o]||ROW_SPACING.none,r=ROW_PADDING[t]||ROW_PADDING.small,s=ROW_PADDING[e]||ROW_PADDING.medium,I=i===ROW_SPACING.none&&0;return{fixedRowsLeft:{borderRadius:I,borderWidth:"".concat(ROWS_BORDER_SIZE,"px"),paddingLeft:CELL_SIDE_PADDING},fixedRowsRight:{borderRadius:I,borderWidth:"".concat(ROWS_BORDER_SIZE,"px"),paddingRight:CELL_SIDE_PADDING},rowBorderTop:{borderTopWidth:"".concat(ROWS_BORDER_SIZE,"px"),left:ROW_SIDE_PADDING,marginTop:i,marginBottom:"-".concat(ROWS_BORDER_SIZE,"px"),width:"calc(100% - ".concat(2*ROW_SIDE_PADDING,"px)")},rowBorderBottom:{borderTopWidth:"".concat(ROWS_BORDER_SIZE,"px"),left:ROW_SIDE_PADDING,marginTop:"-".concat(ROWS_BORDER_SIZE,"px"),width:"calc(100% - ".concat(2*ROW_SIDE_PADDING,"px)")},cell:{paddingBottom:r,paddingLeft:CELL_SIDE_PADDING,paddingRight:CELL_SIDE_PADDING,paddingTop:r},headerCell:{paddingBottom:s,paddingLeft:CELL_SIDE_PADDING,paddingRight:CELL_SIDE_PADDING,paddingTop:s},rowBackground:{borderRadius:I,borderBottomWidth:"".concat(ROWS_BORDER_SIZE,"px"),borderTopWidth:"".concat(ROWS_BORDER_SIZE,"px"),borderLeftWidth:0,borderRightWidth:0},rowContainer:{marginBottom:i,marginTop:i},headerRowContainer:{marginTop:0},selectCell:{paddingBottom:r,paddingLeft:n?0:CELL_SIDE_PADDING,paddingRight:CELL_SIDE_PADDING,paddingTop:r},responsiveCell:{padding:CELL_SIDE_PADDING}}};export const getSelectableRowIds=(t,o,e)=>(e?t.filter(t=>!e(t)):t).map(t=>t[o]);export const getInitialValidRowsPerPage=(t,o,e,n,i)=>{if(void 0===t)return o[0];const r=getPageSizeOptions(o,n===INTEGRATION_TYPES.EXTERNAL?i:e.length).map(t=>{let{value:o}=t;return o});return r.includes(t)?t:r[0]};export const getInitialValidPage=(t,o,e,n)=>n===INTEGRATION_TYPES.EXTERNAL?t:void 0===t||Math.floor(e.length/o)<t?0:t;export const getColumnsSizes=t=>{let{columns:o,fitColumnsWidth:e,selectable:n}=t;const i={};if(e){let t=0,e=n?54:0,r=0,s=0;o.forEach(o=>{let{position:n,size:i}=o;const I=COLUMN_SIZES[i]||COLUMN_SIZES.medium;t+=I,n===COLUMN_POSITION.LEFT?e+=I:n===COLUMN_POSITION.RIGHT?s+=I:r+=I}),o.forEach(t=>{let{key:o,position:n,size:I}=t;const c=100*(COLUMN_SIZES[I]||COLUMN_SIZES.medium)/(n===COLUMN_POSITION.LEFT?e:n===COLUMN_POSITION.RIGHT?s:r);i[o]="".concat(c,"%")}),i.leftColumnsSize="".concat(100*e/t,"%"),i.secondaryColumnsSize="".concat(100*r/t,"%"),i.rightColumnsSize="".concat(100*s/t,"%")}else o.forEach(t=>{let{key:o,size:e}=t;i[o]=COLUMN_SIZES[e]||COLUMN_SIZES.medium}),i.leftColumnsSize="auto",i.secondaryColumnsSize="auto",i.rightColumnsSize="auto";return i};export const getEnabledHeader=t=>t.some(t=>t.name);
+import{objectIsEmpty}from"@widergy/web-utils/lib/object";import{INTEGRATION_TYPES}from"../../constants/UTTable";import{getPageSizeOptions}from"../UTPagination/components/PageSizeSelector/utils";import{ROW_SIDE_PADDING,ROW_PADDING,ROW_SPACING,ROWS_BORDER_SIZE,CELL_SIDE_PADDING,CELL_TYPES,COLUMN_POSITION,COLUMN_SIZES}from"./constants";export const getColumnDefinition=(t,o)=>{const e=[],n=[],i=[],r=[],s=[];return t.forEach(t=>{o?t.type===CELL_TYPES.ACTION_BUTTON?n.push(t):t.type===CELL_TYPES.ACTION_ICONS?i.push(t):e.push(t):t.position===COLUMN_POSITION.LEFT?r.push(t):t.position===COLUMN_POSITION.RIGHT?s.push(t):e.push(t)}),{secondaryColumns:e,primaryActions:n,secondaryActions:i,fixedLeftColumns:r,fixedRightColumns:s}};export const customSort=(t,o,e)=>{const n=t[e.key]||"",i=o[e.key]||"";return n<i?"asc"===e.direction?-1:1:n>i?"asc"===e.direction?1:-1:0};export const orderRows=(t,o,e,n)=>{if(objectIsEmpty(o))return e;const i=[...t],r=n.find(t=>{let{key:e}=t;return e===o.key}).customSort||customSort;return i.sort((t,e)=>r(t,e,o)),i};export const getCurrentRows=(t,o,e)=>{const n=o*e,i=(o+1)*e;return t.slice(n,i)};export const createRowStyles=(t,o,e,n)=>{const i=ROW_SPACING[o]||ROW_SPACING.none,r=ROW_PADDING[t]||ROW_PADDING.small,s=ROW_PADDING[e]||ROW_PADDING.medium,I=i===ROW_SPACING.none&&0;return{fixedRowsLeft:{borderRadius:I,borderWidth:"".concat(ROWS_BORDER_SIZE,"px"),paddingLeft:CELL_SIDE_PADDING},fixedRowsRight:{borderRadius:I,borderWidth:"".concat(ROWS_BORDER_SIZE,"px"),paddingRight:CELL_SIDE_PADDING},rowBorderTop:{borderTopWidth:"".concat(ROWS_BORDER_SIZE,"px"),left:ROW_SIDE_PADDING,marginTop:i,marginBottom:"-".concat(ROWS_BORDER_SIZE,"px"),width:"calc(100% - ".concat(2*ROW_SIDE_PADDING,"px)")},rowBorderBottom:{borderTopWidth:"".concat(ROWS_BORDER_SIZE,"px"),left:ROW_SIDE_PADDING,marginTop:"-".concat(ROWS_BORDER_SIZE,"px"),width:"calc(100% - ".concat(2*ROW_SIDE_PADDING,"px)")},cell:{paddingBottom:r,paddingLeft:CELL_SIDE_PADDING,paddingRight:CELL_SIDE_PADDING,paddingTop:r},headerCell:{paddingBottom:s,paddingLeft:CELL_SIDE_PADDING,paddingRight:CELL_SIDE_PADDING,paddingTop:s},rowBackground:{borderRadius:I,borderBottomWidth:"".concat(ROWS_BORDER_SIZE,"px"),borderTopWidth:"".concat(ROWS_BORDER_SIZE,"px"),borderLeftWidth:0,borderRightWidth:0},rowContainer:{marginBottom:i,marginTop:i},headerRowContainer:{marginTop:0},selectCell:{paddingBottom:r,paddingLeft:n?0:CELL_SIDE_PADDING,paddingRight:CELL_SIDE_PADDING,paddingTop:r},responsiveCell:{padding:CELL_SIDE_PADDING}}};export const getSelectableRowIds=(t,o,e)=>(e?t.filter(t=>!e(t)):t).map(t=>t[o]);export const getInitialValidRowsPerPage=(t,o,e,n,i)=>{if(void 0===t)return o[0];const r=getPageSizeOptions(o,n===INTEGRATION_TYPES.EXTERNAL?i:e.length).map(t=>{let{value:o}=t;return o});return r.includes(t)?t:r[0]};export const getInitialValidPage=(t,o,e,n)=>n===INTEGRATION_TYPES.EXTERNAL?t:void 0===t||Math.floor(e.length/o)<t?0:t;export const getColumnsSizes=t=>{let{columns:o,fitColumnsWidth:e,selectable:n}=t;const i={};if(e){let t=0,e=n?54:0,r=0,s=0;o.forEach(o=>{let{position:n,size:i}=o;const I=COLUMN_SIZES[i]||COLUMN_SIZES.medium;t+=I,n===COLUMN_POSITION.LEFT?e+=I:n===COLUMN_POSITION.RIGHT?s+=I:r+=I}),o.forEach(t=>{let{key:o,position:n,size:I}=t;const d=100*(COLUMN_SIZES[I]||COLUMN_SIZES.medium)/(n===COLUMN_POSITION.LEFT?e:n===COLUMN_POSITION.RIGHT?s:r);i[o]="".concat(d,"%")}),i.leftColumnsSize="".concat(100*e/t,"%"),i.secondaryColumnsSize="".concat(100*r/t,"%"),i.rightColumnsSize="".concat(100*s/t,"%")}else o.forEach(t=>{let{key:o,size:e}=t;i[o]=COLUMN_SIZES[e]||COLUMN_SIZES.medium}),i.leftColumnsSize="auto",i.secondaryColumnsSize="auto",i.rightColumnsSize="auto";return i};export const getEnabledHeader=t=>t.some(t=>t.name);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@widergy/energy-ui",
-  "version": "3.173.4",
+  "version": "3.174.0",
   "description": "Widergy Web Components",
   "author": "widergy",
   "license": "MIT",

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_UTSelect=_interopRequireDefault(require("../../../../../UTSelect")),_UTLabel=_interopRequireDefault(require("../../../../../UTLabel")),_types=require("../../../../types"),_utils=require("./utils"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const PageSizeSelector=e=>{let{classes:t,dataTestId:a,options:l,rowsPerPage:r,onChangeRowPerPage:s,label:o,totalRows:u}=e;return _react.default.createElement("div",{className:_stylesModule.default.pageSizeSelector},_react.default.createElement("div",{className:_stylesModule.default.selectorContainer},_react.default.createElement(_UTSelect.default,{options:(0,_utils.getPageSizeOptions)(l,u),dataTestId:a,labelKey:"label",valueKey:"value",input:{onChange:s,value:r},itemDataTestId:a?"".concat(a,".option"):void 0,disableFirstOption:!0,variant:"outlined",selectProps:{className:"".concat(_stylesModule.default.pageSizeSelectContainer," ").concat(t.pageSizeSelectContainer),classes:{select:t.pageSizeSelect}}})),_react.default.createElement(_UTLabel.default,{className:"".concat(_stylesModule.default.label," ").concat(t.totalRowsLabel)},o))};PageSizeSelector.propTypes={classes:_types.classesType,dataTestId:_propTypes.string,options:(0,_propTypes.arrayOf)(_propTypes.number),rowsPerPage:_propTypes.number,onChangeRowPerPage:_propTypes.func,label:_propTypes.string,totalRows:_propTypes.number};var _default=exports.default=PageSizeSelector;

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

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

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getPageSizeOptions=void 0;var _array=require("@widergy/web-utils/lib/array");const getPrevOption=(e,t)=>0===t?0:e[t-1],getPageSizeOptions=(e,t)=>{const r=e.filter((r,i)=>getPrevOption(e,i)<t);return(0,_array.isEmpty)(r)?[{value:e[0],label:t}]:r.map(e=>({value:e,label:Math.min(e,t)}))};exports.getPageSizeOptions=getPageSizeOptions;

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

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

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

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

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_UTTouchableWithoutFeedback=_interopRequireDefault(require("../../../../../UTTouchableWithoutFeedback")),_types=require("../../../../types"),_constants=require("../../../../constants"),_NavigationButton=_interopRequireDefault(require("./components/NavigationButton")),_utils=require("./utils"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var NavigateBeforeIcon=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{fill:"#FFF",d:"M5.829 14a.998.998 0 0 1-.78-.373l-4.828-6A1 1 0 0 1 .23 6.36l5-6a1 1 0 1 1 1.536 1.28L2.294 7.011l4.315 5.362A1 1 0 0 1 5.828 14",fillRule:"evenodd"}))};NavigateBeforeIcon.defaultProps={width:"7",height:"14",viewBox:"0 0 7 14",xmlns:"http://www.w3.org/2000/svg"};var NavigateNextIcon=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{fill:"#FFF",d:"M1 14a1 1 0 0 1-.768-1.64l4.475-5.371L.393 1.627A1 1 0 0 1 1.95.373l4.829 6a1 1 0 0 1-.012 1.267l-5 6A1 1 0 0 1 1 14",fillRule:"evenodd"}))};NavigateNextIcon.defaultProps={width:"7",height:"14",viewBox:"0 0 7 14",xmlns:"http://www.w3.org/2000/svg"};var NavigateHeaderBeforeIcon=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{fill:"#FFF",d:"M5.232.36a1 1 0 0 1 1.536 1.28L2.292 7.01l4.315 5.363a1 1 0 0 1-1.558 1.254l-4.828-6A1 1 0 0 1 .232 6.36Zm7 0a1 1 0 0 1 1.537 1.28L9.293 7.011l4.315 5.362a1 1 0 0 1-1.56 1.254l-4.828-6a1 1 0 0 1 .012-1.267Z",fillRule:"evenodd"}))};NavigateHeaderBeforeIcon.defaultProps={width:"14",height:"14",viewBox:"0 0 14 14",xmlns:"http://www.w3.org/2000/svg"};var NavigateHeaderNextIcon=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{fill:"#FFF",d:"M7.545.221a1 1 0 0 1 1.406.152l4.828 6a1 1 0 0 1-.01 1.267l-5 6a1 1 0 1 1-1.537-1.28l4.476-5.371-4.316-5.362A1 1 0 0 1 7.545.221Zm-7 0a1 1 0 0 1 1.406.152l4.828 6a1 1 0 0 1-.01 1.267l-5 6a1 1 0 1 1-1.537-1.28l4.475-5.371L.392 1.627A1 1 0 0 1 .545.221Z",fillRule:"evenodd"}))};NavigateHeaderNextIcon.defaultProps={width:"14",height:"14",viewBox:"0 0 14 14",xmlns:"http://www.w3.org/2000/svg"};const Pagination=e=>{let{classes:t,currentPage:a,handlePageChange:l,rowsPerPage:o,totalRows:n,isResponsive:r}=e;const s=o>=n?1:Math.ceil(n/o),i=(0,_utils.getPageNumbers)(s,a,r);return _react.default.createElement("div",{className:"".concat(_stylesModule.default.pagination," ").concat(t.pagination||"")},s>_constants.PAGINATION_LIMIT_DOUBLE_ARROWS&&!r&&_react.default.createElement(_NavigationButton.default,{classes:t,className:_stylesModule.default.invertNavigationLabel,Icon:NavigateHeaderBeforeIcon,label:"1",disabled:0===a,onClick:()=>l(0)}),_react.default.createElement(_NavigationButton.default,{classes:t,className:_stylesModule.default.firstArrow,Icon:NavigateBeforeIcon,disabled:0===a,onClick:()=>l(a-1)}),i.map(e=>_react.default.createElement(_UTTouchableWithoutFeedback.default,{key:"page_".concat(e),className:"\n            ".concat(_stylesModule.default.pageButton,"\n            ").concat(t.pageButton,"\n            ").concat(a===e&&"".concat(_stylesModule.default.buttonDisabled," ").concat(t.pageButtonSelected),"\n          "),onClick:()=>l(e)},e+1)),_react.default.createElement(_NavigationButton.default,{classes:t,className:_stylesModule.default.lastArrow,Icon:NavigateNextIcon,disabled:a===s-1,onClick:()=>l(a+1)}),s>_constants.PAGINATION_LIMIT_DOUBLE_ARROWS&&!r&&_react.default.createElement(_NavigationButton.default,{classes:t,className:_stylesModule.default.navigationLabel,Icon:NavigateHeaderNextIcon,label:s,disabled:a===s-1,onClick:()=>l(s-1)}))};Pagination.propTypes={classes:_types.classesType,currentPage:_propTypes.number,rowsPerPage:_propTypes.number,handlePageChange:_propTypes.func,totalRows:_propTypes.number,isResponsive:_propTypes.bool};var _default=exports.default=Pagination;

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

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

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getPageNumbers=void 0;var _constants=require("../../../../constants");const getPageNumbers=(e,t,r)=>{if(r)return[t];if(e<=_constants.MAX_PAGINATION_ITEMS)return[...Array(e).keys()];const s=_constants.MAX_PAGINATION_ITEMS/2;if(t<Math.ceil(s))return[...Array(_constants.MAX_PAGINATION_ITEMS).keys()];if(e-t<s)return[...Array(e).keys()].slice(e-_constants.MAX_PAGINATION_ITEMS,e);const n=Math.floor(s),a=Math.ceil(s);return[...Array(t+a).keys()].slice(t-n)};exports.getPageNumbers=getPageNumbers;

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-import React from"react";import{arrayOf,string,number,func}from"prop-types";import UTSelect from"../../../../../UTSelect";import UTLabel from"../../../../../UTLabel";import{classesType}from"../../../../types";import{getPageSizeOptions}from"./utils";import styles from"./styles.module.scss";const PageSizeSelector=e=>{let{classes:t,dataTestId: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),dataTestId:a,labelKey:"label",valueKey:"value",input:{onChange:l,value:o},itemDataTestId:a?"".concat(a,".option"):void 0,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)},r))};PageSizeSelector.propTypes={classes:classesType,dataTestId:string,options:arrayOf(number),rowsPerPage:number,onChangeRowPerPage:func,label:string,totalRows:number};export default PageSizeSelector;

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

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

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

@@ -1 +0,0 @@
-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/UTTable/components/TableFooter/components/Pagination/components/NavigationButton/index.js

@@ -1 +0,0 @@
-import React,{memo}from"react";import{bool,elementType,func,number,oneOfType,string}from"prop-types";import UTTouchableWithoutFeedback from"../../../../../../../UTTouchableWithoutFeedback";import{classesType}from"../../../../../../types";import styles from"./styles.module.scss";const NavigationButton=e=>{let{classes:t,Icon:a,label:o,onClick:n,className:s,disabled:c}=e;return React.createElement(UTTouchableWithoutFeedback,{className:"\n      ".concat(s,"\n      ").concat(styles.navigationButton,"\n      ").concat(t.navigationButton,"\n      ").concat(c&&"".concat(styles.buttonDisabled," ").concat(t.navigationButtonDisabled),"\n    "),onClick:n},o&&React.createElement("span",{className:styles.label},o),React.createElement(a,{className:t.navigationArrow}))};NavigationButton.propTypes={classes:classesType,className:string,disabled:bool,Icon:elementType,label:oneOfType([string,number]),onClick:func};export default memo(NavigationButton);

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

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

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

@@ -1 +0,0 @@
-import React from"react";import{func,number,bool}from"prop-types";var NavigateBeforeIcon=function(e){return React.createElement("svg",e,React.createElement("path",{fill:"#FFF",d:"M5.829 14a.998.998 0 0 1-.78-.373l-4.828-6A1 1 0 0 1 .23 6.36l5-6a1 1 0 1 1 1.536 1.28L2.294 7.011l4.315 5.362A1 1 0 0 1 5.828 14",fillRule:"evenodd"}))};NavigateBeforeIcon.defaultProps={width:"7",height:"14",viewBox:"0 0 7 14",xmlns:"http://www.w3.org/2000/svg"};var NavigateNextIcon=function(e){return React.createElement("svg",e,React.createElement("path",{fill:"#FFF",d:"M1 14a1 1 0 0 1-.768-1.64l4.475-5.371L.393 1.627A1 1 0 0 1 1.95.373l4.829 6a1 1 0 0 1-.012 1.267l-5 6A1 1 0 0 1 1 14",fillRule:"evenodd"}))};NavigateNextIcon.defaultProps={width:"7",height:"14",viewBox:"0 0 7 14",xmlns:"http://www.w3.org/2000/svg"};var NavigateHeaderBeforeIcon=function(e){return React.createElement("svg",e,React.createElement("path",{fill:"#FFF",d:"M5.232.36a1 1 0 0 1 1.536 1.28L2.292 7.01l4.315 5.363a1 1 0 0 1-1.558 1.254l-4.828-6A1 1 0 0 1 .232 6.36Zm7 0a1 1 0 0 1 1.537 1.28L9.293 7.011l4.315 5.362a1 1 0 0 1-1.56 1.254l-4.828-6a1 1 0 0 1 .012-1.267Z",fillRule:"evenodd"}))};NavigateHeaderBeforeIcon.defaultProps={width:"14",height:"14",viewBox:"0 0 14 14",xmlns:"http://www.w3.org/2000/svg"};var NavigateHeaderNextIcon=function(e){return React.createElement("svg",e,React.createElement("path",{fill:"#FFF",d:"M7.545.221a1 1 0 0 1 1.406.152l4.828 6a1 1 0 0 1-.01 1.267l-5 6a1 1 0 1 1-1.537-1.28l4.476-5.371-4.316-5.362A1 1 0 0 1 7.545.221Zm-7 0a1 1 0 0 1 1.406.152l4.828 6a1 1 0 0 1-.01 1.267l-5 6a1 1 0 1 1-1.537-1.28l4.475-5.371L.392 1.627A1 1 0 0 1 .545.221Z",fillRule:"evenodd"}))};NavigateHeaderNextIcon.defaultProps={width:"14",height:"14",viewBox:"0 0 14 14",xmlns:"http://www.w3.org/2000/svg"};import UTTouchableWithoutFeedback from"../../../../../UTTouchableWithoutFeedback";import{classesType}from"../../../../types";import{PAGINATION_LIMIT_DOUBLE_ARROWS}from"../../../../constants";import NavigationButton from"./components/NavigationButton";import{getPageNumbers}from"./utils";import styles from"./styles.module.scss";const Pagination=e=>{let{classes:t,currentPage:a,handlePageChange:o,rowsPerPage:n,totalRows:l,isResponsive:c}=e;const s=n>=l?1:Math.ceil(l/n),i=getPageNumbers(s,a,c);return React.createElement("div",{className:"".concat(styles.pagination," ").concat(t.pagination||"")},s>PAGINATION_LIMIT_DOUBLE_ARROWS&&!c&&React.createElement(NavigationButton,{classes:t,className:styles.invertNavigationLabel,Icon:NavigateHeaderBeforeIcon,label:"1",disabled:0===a,onClick:()=>o(0)}),React.createElement(NavigationButton,{classes:t,className:styles.firstArrow,Icon:NavigateBeforeIcon,disabled:0===a,onClick:()=>o(a-1)}),i.map(e=>React.createElement(UTTouchableWithoutFeedback,{key:"page_".concat(e),className:"\n            ".concat(styles.pageButton,"\n            ").concat(t.pageButton,"\n            ").concat(a===e&&"".concat(styles.buttonDisabled," ").concat(t.pageButtonSelected),"\n          "),onClick:()=>o(e)},e+1)),React.createElement(NavigationButton,{classes:t,className:styles.lastArrow,Icon:NavigateNextIcon,disabled:a===s-1,onClick:()=>o(a+1)}),s>PAGINATION_LIMIT_DOUBLE_ARROWS&&!c&&React.createElement(NavigationButton,{classes:t,className:styles.navigationLabel,Icon:NavigateHeaderNextIcon,label:s,disabled:a===s-1,onClick:()=>o(s-1)}))};Pagination.propTypes={classes:classesType,currentPage:number,rowsPerPage:number,handlePageChange:func,totalRows:number,isResponsive:bool};export default Pagination;

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

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

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

@@ -1 +0,0 @@
-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/UTTable/components/TableFooter/constants.js

@@ -1 +0,0 @@
-export const PREPOSITION="de";

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

@@ -1 +0,0 @@
-import React,{memo}from"react";import{arrayOf,number,func,string,bool}from"prop-types";import{classesType}from"../../types";import PageSizeSelector from"./components/PageSizeSelector";import Pagination from"./components/Pagination";import{PREPOSITION}from"./constants";import styles from"./styles.module.scss";const TableFooter=e=>{let{classes:a,page:o,handlePageChange:t,onChangeRowPerPage:s,rowsPerPage:r,rowsPerPageOptions:n,hidePageSelector:l=!1,paginatorDataTestId:c,totalRows:i,totalRowsLabel:g,isResponsive:P}=e;return React.createElement("div",{className:styles.tableFooter,"data-testid":c},!l&&React.createElement(PageSizeSelector,{classes:a,options:n,rowsPerPage:r,onChangeRowPerPage:s,totalRows:i,label:"".concat(PREPOSITION," ").concat(i," ").concat(g),dataTestId:c?"".concat(c,".pageSizeSelector"):void 0}),React.createElement(Pagination,{classes:a,currentPage:o,handlePageChange:t,rowsPerPage:r,totalRows:i,isResponsive:P}))};TableFooter.propTypes={classes:classesType,page:number,handlePageChange:func,onChangeRowPerPage:func,rowsPerPage:number,rowsPerPageOptions:arrayOf(number),hidePageSelector:bool,paginatorDataTestId:string,totalRows:number,totalRowsLabel:string,isResponsive:bool};export default memo(TableFooter);

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

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