npm - @widergy/energy-ui - Versions diffs - 3.172.3 → 3.173.0 - Mend

@widergy/energy-ui 3.172.3 → 3.173.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1476) hide show

package/dist/components/UTTable/index.js CHANGED Viewed

@@ -1 +1,464 @@
-"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 r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}const{ACTIONS:ACTIONS,CELL:CELL,HEADER:HEADER,SELECTION_COMPONENT:SELECTION_COMPONENT,TABLE:TABLE,TABLE_ROW:TABLE_ROW}=_testIds.ID_CONSTANTS,UTTable=_ref=>{let{actionDataTestId:actionDataTestId,actionsConfig:actionsConfig,automaticRefreshDelay:automaticRefreshDelay=9e5,cellDataTestId:cellDataTestId,classNames:classNames,classes:themeClasses,clickableRowValidation:clickableRowValidation,columns:columns,data:data=[],defaultNullValue:defaultNullValue="-",description:description,disableAutoOrder:disableAutoOrder=!1,disablePagination:disablePagination=!1,disableReloadRows:disableReloadRows,disableRowSelection:disableRowSelection,disableSelectAll:disableSelectAll,disabledRowTooltip:disabledRowTooltip,disabledSelectAllTooltip:disabledSelectAllTooltip,exclusiveSelection:exclusiveSelection=!1,externalPage:externalPage,externalRowsPerPage:externalRowsPerPage,Filters:Filters,fitColumnsWidth:fitColumnsWidth,GeneralActions:GeneralActions,getRowClassName:getRowClassName=()=>"",headerActionDataTestId:headerActionDataTestId,headerCellDataTestId:headerCellDataTestId,headerPadding:headerPadding=_constants.ROW_PADDING_NAMES.MEDIUM,headerSelectionComponentDataTestId:headerSelectionComponentDataTestId,headerVersion:headerVersion,hidePageSelector:hidePageSelector,initialOrder:initialOrder,initialSelectedRows:initialSelectedRows=[],integrationType:integrationType=_UTTable.INTEGRATION_TYPES.INTERNAL,loading:loading,mobileBreakpoint:mobileBreakpoint=_constants.DEFAULT_MOBILE_BREAKPOINT,noResultDataTestId:noResultDataTestId,noResultsComponent:noResultsComponent,paginatorDataTestId:paginatorDataTestId,noResultsLabel:noResultsLabel=_constants.NO_RESULTS_LABEL,onOrderChange:onOrderChange,onPageChange:onPageChange,onRefresh:onRefresh,onReloadRows:onReloadRows,onRowClick:onRowClick,onRowsPerPageChange:onRowsPerPageChange,onSelectAllRows:onSelectAllRows,onSelectRow:onSelectRow,ongoingRefreshLabel:ongoingRefreshLabel,refreshLabel:refreshLabel,removeDefaultOrderIcon:removeDefaultOrderIcon=!1,removeFixedRowsDivisors:removeFixedRowsDivisors=!1,rowKey:rowKey=_constants.ROW_KEY,rowPadding:rowPadding=_constants.ROW_PADDING_NAMES.SMALL,rowSpacing:rowSpacing=_constants.ROW_SPACING_NAMES.NONE,rowsPerPageOptions:rowsPerPageOptions=_constants.ROWS_PER_PAGE,selectAllInCurrentPageOnly:selectAllInCurrentPageOnly=!1,selectable:selectable=!1,selectedLabel:selectedLabel,selectionComponentDataTestId:selectionComponentDataTestId,stickyHeader:stickyHeader,tableHeaderDataTestId:tableHeaderDataTestId,tableTitle:tableTitle,tabletBreakpoint:tabletBreakpoint=_constants.DEFAULT_TABLET_BREAKPOINT,titleDataTestId:titleDataTestId,totalRows:totalRows,totalRowsLabel:totalRowsLabel,withActionHeader:withActionHeader,withAutomaticRefresh:withAutomaticRefresh,withRefresh:withRefresh}=_ref;const initialValidRowsPerPageOption=(0,_utils.getInitialValidRowsPerPage)(externalRowsPerPage,rowsPerPageOptions,data,integrationType,totalRows),initialValidPage=(0,_utils.getInitialValidPage)(externalPage,initialValidRowsPerPageOption,data,integrationType),[order,setOrder]=(0,_react.useState)(initialOrder||{}),[rows,setRows]=(0,_react.useState)([]),[selectedAll,setSelectedAll]=(0,_react.useState)(!1),[rowsPerPage,setRowsPerPage]=(0,_react.useState)(initialValidRowsPerPageOption),[page,setPage]=(0,_react.useState)(initialValidPage),[ref,entry]=(0,_hook.useResizeObserver)(),[selectedRows,setSelectedRows]=(0,_react.useState)(selectable?initialSelectedRows:[]),[isResponsive,setIsResponsive]=(0,_react.useState)(!(0,_browser.isDesktop)(tabletBreakpoint)),scrollRef=(0,_react.useRef)(),contentRef=(0,_react.useRef)(),classes=(0,_react.useMemo)(()=>(0,_classesUtils.mergeClasses)(themeClasses,classNames),[classNames]),handleResize=()=>{setIsResponsive(!(0,_browser.isDesktop)(tabletBreakpoint))};(0,_react.useEffect)(()=>(window.addEventListener(_browser.RESIZE_EVENT,handleResize),()=>window.removeEventListener(_browser.RESIZE_EVENT,handleResize)),[]),(0,_react.useEffect)(()=>{selectAllInCurrentPageOnly||setSelectedAll(!(0,_array.isEmpty)(data)&&initialSelectedRows.length===data.length),setSelectedRows(selectable?initialSelectedRows:[]),setRows(disableAutoOrder?data:(0,_utils.orderRows)(data,order,data,columns)),externalRowsPerPage&&setRowsPerPage(initialValidRowsPerPageOption);data.length/rowsPerPage>page&&integrationType!==_UTTable.INTEGRATION_TYPES.EXTERNAL||setPage(initialValidPage)},[data]);const currentRows=(0,_react.useMemo)(()=>disablePagination||integrationType===_UTTable.INTEGRATION_TYPES.EXTERNAL?rows:(0,_utils.getCurrentRows)(rows,page,rowsPerPage),[page,rowsPerPage,rows]),selectRow=row=>{if(!row[rowKey])return null;const pageRowsIds=(0,_utils.getSelectableRowIds)(currentRows,rowKey,disableRowSelection);let newSelectedRows=[];if(exclusiveSelection)newSelectedRows=[row[rowKey]];else{newSelectedRows=-1===selectedRows.indexOf(row[rowKey])?[...selectedRows,row[rowKey]]:selectedRows.filter(el=>el!==row[rowKey]);const pageNewSelectedRows=newSelectedRows.filter(newSelectedRow=>pageRowsIds.includes(newSelectedRow)),allSelected=selectAllInCurrentPageOnly?pageNewSelectedRows.length===pageRowsIds.length:(newSelectedRows=>(0,_utils.getSelectableRowIds)(rows,rowKey,disableRowSelection).every(value=>newSelectedRows.includes(value)))(newSelectedRows);!allSelected&&selectedAll&&setSelectedAll(!1),allSelected&&!selectedAll&&setSelectedAll(!0)}setSelectedRows(newSelectedRows),onSelectRow&&onSelectRow(row[rowKey],newSelectedRows)};(0,_react.useEffect)(()=>{if(selectAllInCurrentPageOnly){const pageRowsIds=(0,_utils.getSelectableRowIds)(currentRows,rowKey,disableRowSelection);setSelectedAll(!(0,_array.isEmpty)(pageRowsIds)&&pageRowsIds.every(row=>selectedRows.includes(row)))}},[page,rowsPerPage,rows,order,disableSelectAll]);const columnsDefinition=(0,_react.useMemo)(()=>(0,_utils.getColumnDefinition)(columns,isResponsive),[columns,isResponsive]),isFirstRow=(0,_react.useCallback)(index=>!index,[]),isLastRow=(0,_react.useCallback)(index=>index===currentRows.length-1,[currentRows]),showPagination=!disablePagination&&!loading&&!(0,_array.isEmpty)(currentRows),rowStyles=(0,_react.useMemo)(()=>(0,_utils.createRowStyles)(rowPadding,rowSpacing,headerPadding,isResponsive),[rowPadding,rowSpacing,headerPadding,isResponsive]),tableWidth=(0,_react.useMemo)(()=>{var _entry$target;return(null==entry||null===(_entry$target=entry.target)||void 0===_entry$target?void 0:_entry$target.clientWidth)||"100%"},[entry]),CellComponent=isResponsive?_ResponsiveCell.default:_Cell.default,totalRowLabel=isResponsive?"":totalRowsLabel||(1===data.length?_constants.TOTAL_ROW_LABEL:_constants.TOTAL_ROWS_LABEL),columnSizes=(0,_react.useMemo)(()=>(0,_utils.getColumnsSizes)({columns:columns,fitColumnsWidth:fitColumnsWidth,selectable:selectable}),[columns,fitColumnsWidth,selectable]),enabledHeader=(0,_react.useMemo)(()=>(0,_utils.getEnabledHeader)(columns),[columns]),Content=_react.default.createElement("div",{className:"".concat((0,_array.isEmpty)(currentRows)&&_stylesModule.default.preventScrolling),ref:contentRef,style:{overflow:!isResponsive&&stickyHeader&&"hidden",width:tableWidth}},_react.default.createElement(_UTLoading.default,{className:"".concat(_stylesModule.default.tableLoading," ").concat(classes.tableLoading),loading:loading},(0,_array.isEmpty)(currentRows)?_react.default.createElement("div",{className:"".concat(_stylesModule.default.noResultsContainer," ").concat(classes.noResultsContainer),style:{width:tableWidth}},noResultsComponent||_react.default.createElement(_UTLabel.default,{className:classes.noResultsLabel,dataTestId:noResultDataTestId},noResultsLabel)):currentRows.map((row,index)=>{const isSelected=selectedRows.includes(row[rowKey]),selectedClassNames=isSelected?classes.selectedRow:rowSpacing===_constants.ROW_SPACING_NAMES.NONE&&index<currentRows.length-1?_stylesModule.default.unselectedSmallRow:void 0,isRowClickable=onRowClick&&(!clickableRowValidation||clickableRowValidation(row)),handleRowClick=isRowClickable?event=>onRowClick(event,row):void 0;return _react.default.createElement(_TableRow.default,{actionDataTestId:null!=actionDataTestId?actionDataTestId:"".concat(TABLE,".").concat(TABLE_ROW,".row_").concat(index,".").concat(CELL,".").concat(ACTIONS),cellDataTestId:null!=cellDataTestId?cellDataTestId:"".concat(TABLE,".").concat(TABLE_ROW,".row_").concat(index),CellComponent:CellComponent,cellProps:{defaultNullValue:defaultNullValue,classes:classes,rowData:{...row,index:index},style:rowStyles.cell},checkBoxOnChange:()=>selectRow(row),checkBoxSelected:isSelected,className:"\n                  ".concat(isResponsive&&_stylesModule.default.responsiveRow,"\n                  ").concat(isRowClickable&&classes.rowContainerClickable,"\n                  ").concat(getRowClassName(row),"\n                  "),columnsDefinition:columnsDefinition,columnSizes:columnSizes,containerStyle:{...rowStyles.rowContainer,minWidth:tableWidth},disableRowSelection:disableRowSelection,disabledRowSelectionTooltip:disabledRowTooltip,exclusiveSelection:exclusiveSelection,fixedRowsLeftClassName:"".concat(classes.fixedRowLeft," ").concat(selectedClassNames," ").concat(isFirstRow(index)&&classes.firstFixedRowLeft," ").concat(isLastRow(index)&&classes.lastFixedRowLeft),fixedRowsRightClassName:"".concat(classes.fixedRowRight," ").concat(selectedClassNames," ").concat(isFirstRow(index)&&classes.firstFixedRowRight," ").concat(isLastRow(index)&&classes.lastFixedRowRight),handleRowClick:handleRowClick,isResponsive:isResponsive,key:row[rowKey]&&"row_".concat(row[rowKey]),pageRows:currentRows,removeFixedRowsDivisors:removeFixedRowsDivisors,rowClassName:"".concat(classes.row," ").concat(selectedClassNames," ").concat(isLastRow(index)&&classes.lastRow," ").concat(isFirstRow(index)&&classes.firstRow),rowKey:rowKey,rowStyles:rowStyles,selectable:selectable,selectionComponentDataTestId:null!=selectionComponentDataTestId?selectionComponentDataTestId:"".concat(TABLE,".").concat(TABLE_ROW,".row_").concat(index,".").concat(CELL,".").concat(SELECTION_COMPONENT),selectedRows:selectedRows,tableSize:tableWidth})}))),Header=_react.default.createElement(_TableRow.default,{actionDataTestId:null!=headerActionDataTestId?headerActionDataTestId:"".concat(TABLE,".").concat(TABLE_ROW,".").concat(HEADER,"Cell.").concat(ACTIONS),CellComponent:_HeaderCell.default,cellDataTestId:null!=headerCellDataTestId?headerCellDataTestId:"".concat(TABLE,".").concat(TABLE_ROW,".").concat(HEADER,"Cell"),cellProps:{classes:classes,handleOrder:newOrder=>{setOrder(newOrder),disableAutoOrder||(0,_array.isEmpty)(rows)||setRows((0,_utils.orderRows)(rows,newOrder,data,columns)),onOrderChange&&onOrderChange(newOrder)},order:order,removeDefaultOrderIcon:removeDefaultOrderIcon,style:rowStyles.headerCell},checkBoxClassName:"".concat(exclusiveSelection&&_stylesModule.default.hideCheckBox),checkBoxOnChange:()=>{const newSelectedAll=!selectedAll,pageRowsIds=(0,_utils.getSelectableRowIds)(currentRows,rowKey,disableRowSelection),newSelectedRows=selectAllInCurrentPageOnly?newSelectedAll?[...pageRowsIds,...selectedRows.filter(row=>!pageRowsIds.includes(row))]:selectedRows.filter(row=>!pageRowsIds.includes(row)):newSelectedAll?(0,_utils.getSelectableRowIds)(rows,rowKey,disableRowSelection):[];setSelectedRows(newSelectedRows),setSelectedAll(newSelectedAll),onSelectAllRows&&onSelectAllRows(selectAllInCurrentPageOnly?newSelectedRows:newSelectedAll)},checkBoxSelected:selectedAll,className:"".concat((0,_array.isEmpty)(currentRows)&&_stylesModule.default.disableHeader),columnSizes:columnSizes,columnsDefinition:columnsDefinition,containerStyle:{...rowStyles.headerRowContainer,minWidth:tableWidth},disableRowSelection:disableSelectAll,disabledRowSelectionTooltip:disabledSelectAllTooltip,fixedRowsLeftClassName:classes.fixedHeaderRowLeft,fixedRowsRightClassName:classes.fixedHeaderRowRight,pageRows:currentRows,removeFixedRowsDivisors:removeFixedRowsDivisors,rowClassName:classes.header,rowKey:rowKey,rowStyles:rowStyles,selectable:selectable,selectionComponentDataTestId:null!=headerSelectionComponentDataTestId?headerSelectionComponentDataTestId:"".concat(TABLE,".").concat(TABLE_ROW,".").concat(HEADER,"Cell.").concat(SELECTION_COMPONENT),selectedRows:selectedRows,tableSize:tableWidth}),shouldRenderTableHeader="V0"!==headerVersion&&headerVersion?withActionHeader:tableTitle||GeneralActions;return _react.default.createElement("div",{className:"".concat(_stylesModule.default.table," ").concat(classes.table),ref:ref},shouldRenderTableHeader&&_react.default.createElement(_TableHeader.default,{actions:actionsConfig,automaticRefreshDelay:automaticRefreshDelay,classes:classes,description:description,disabled:disableReloadRows,isDesktop:(0,_browser.isDesktop)(tabletBreakpoint),isMobile:(0,_browser.isMobile)(mobileBreakpoint),GeneralActions:GeneralActions,loading:loading,onRefresh:onRefresh,onReload:onReloadRows,ongoingRefreshLabel:ongoingRefreshLabel,refreshLabel:refreshLabel,selectedLabel:selectedLabel,tableHeaderDataTestId:tableHeaderDataTestId,title:tableTitle,titleDataTestId:titleDataTestId,version:headerVersion,withAutomaticRefresh:withAutomaticRefresh,withRefresh:withRefresh}),Filters,!isResponsive&&_react.default.createElement("div",{className:stickyHeader&&"".concat(_stylesModule.default.stickyHeader," ").concat(classes.stickyHeader||"")},_react.default.createElement(_reactPerfectScrollbar.default,{className:"\n                ".concat(_stylesModule.default.scrollbar,"\n                ").concat(classes.scrollbar,"\n                ").concat(loading&&_stylesModule.default.disableHeader),containerRef:el=>scrollRef.current=el,onScroll:event=>{var _event$target;contentRef.current&&stickyHeader&&contentRef.current.scrollTo(null==event||null===(_event$target=event.target)||void 0===_event$target?void 0:_event$target.scrollLeft,0)},onSync:ps=>{setTimeout(()=>{ps.update(),scrollRef.current&&(scrollRef.current.scrollLeft=0)},100)},options:{suppressScrollX:fitColumnsWidth,suppressScrollY:!0},style:{width:tableWidth}},enabledHeader&&Header,!stickyHeader&&Content)),(isResponsive||stickyHeader)&&Content,showPagination&&_react.default.createElement(_TableFooter.default,{classes:classes,handlePageChange:newPage=>{setPage(newPage),onPageChange&&onPageChange(newPage)},isResponsive:isResponsive,onChangeRowPerPage:newRowsPerPage=>{setRowsPerPage(newRowsPerPage||rowsPerPageOptions[0]),setPage(0),onRowsPerPageChange&&onRowsPerPageChange(newRowsPerPage||rowsPerPageOptions[0])},hidePageSelector:hidePageSelector,page:page,paginatorDataTestId:paginatorDataTestId,rowsPerPage:rowsPerPage,rowsPerPageOptions:rowsPerPageOptions,totalRows:totalRows||rows.length,totalRowsLabel:totalRowLabel}))};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: true
+});
+exports.default = void 0;
+require("react-perfect-scrollbar/dist/css/styles.css");
+var _react = _interopRequireWildcard(require("react"));
+var _reactPerfectScrollbar = _interopRequireDefault(require("react-perfect-scrollbar"));
+var _browser = require("@widergy/web-utils/lib/browser");
+var _array = require("@widergy/web-utils/lib/array");
+var _propTypes = require("prop-types");
+var _UTLabel = _interopRequireDefault(require("../UTLabel"));
+var _UTLoading = _interopRequireDefault(require("../UTLoading"));
+var _WithTheme = _interopRequireDefault(require("../WithTheme"));
+var _testIds = require("../../constants/testIds");
+var _UTTable = require("../../constants/UTTable");
+var _classesUtils = require("../../utils/classesUtils");
+var _Cell = _interopRequireDefault(require("./components/Cell"));
+var _HeaderCell = _interopRequireDefault(require("./components/HeaderCell"));
+var _ResponsiveCell = _interopRequireDefault(require("./components/ResponsiveCell"));
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+var _TableFooter = _interopRequireDefault(require("./components/TableFooter"));
+var _TableHeader = _interopRequireDefault(require("./components/TableHeader"));
+var _TableRow = _interopRequireDefault(require("./components/TableRow"));
+var _types = require("./types");
+var _utils = require("./utils");
+var _theme = require("./theme");
+var _constants = require("./constants");
+var _hook = require("./hook");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const {
+  ACTIONS,
+  CELL,
+  HEADER,
+  SELECTION_COMPONENT,
+  TABLE,
+  TABLE_ROW
+} = _testIds.ID_CONSTANTS;
+const UTTable = _ref => {
+  let {
+    actionDataTestId,
+    actionsConfig,
+    automaticRefreshDelay = 15 * 60 * 1000,
+    cellDataTestId,
+    classNames,
+    classes: themeClasses,
+    clickableRowValidation,
+    columns,
+    data = [],
+    defaultNullValue = '-',
+    description,
+    disableAutoOrder = false,
+    disablePagination = false,
+    disableReloadRows,
+    disableRowSelection,
+    disableSelectAll,
+    disabledRowTooltip,
+    disabledSelectAllTooltip,
+    exclusiveSelection = false,
+    externalPage,
+    externalRowsPerPage,
+    Filters,
+    fitColumnsWidth,
+    GeneralActions,
+    getRowClassName = () => '',
+    headerActionDataTestId,
+    headerCellDataTestId,
+    headerPadding = _constants.ROW_PADDING_NAMES.MEDIUM,
+    headerSelectionComponentDataTestId,
+    headerVersion,
+    hidePageSelector,
+    initialOrder,
+    initialSelectedRows = [],
+    integrationType = _UTTable.INTEGRATION_TYPES.INTERNAL,
+    loading,
+    mobileBreakpoint = _constants.DEFAULT_MOBILE_BREAKPOINT,
+    noResultDataTestId,
+    noResultsComponent,
+    paginatorDataTestId,
+    noResultsLabel = _constants.NO_RESULTS_LABEL,
+    onOrderChange,
+    onPageChange,
+    onRefresh,
+    onReloadRows,
+    onRowClick,
+    onRowsPerPageChange,
+    onSelectAllRows,
+    onSelectRow,
+    ongoingRefreshLabel,
+    refreshLabel,
+    removeDefaultOrderIcon = false,
+    removeFixedRowsDivisors = false,
+    rowKey = _constants.ROW_KEY,
+    rowPadding = _constants.ROW_PADDING_NAMES.SMALL,
+    rowSpacing = _constants.ROW_SPACING_NAMES.NONE,
+    rowsPerPageOptions = _constants.ROWS_PER_PAGE,
+    selectAllInCurrentPageOnly = false,
+    selectable = false,
+    selectedLabel,
+    selectionComponentDataTestId,
+    stickyHeader,
+    tableHeaderDataTestId,
+    tableTitle,
+    tabletBreakpoint = _constants.DEFAULT_TABLET_BREAKPOINT,
+    titleDataTestId,
+    totalRows,
+    totalRowsLabel,
+    withActionHeader,
+    withAutomaticRefresh,
+    withRefresh
+  } = _ref;
+  const initialValidRowsPerPageOption = (0, _utils.getInitialValidRowsPerPage)(externalRowsPerPage, rowsPerPageOptions, data, integrationType, totalRows);
+  const initialValidPage = (0, _utils.getInitialValidPage)(externalPage, initialValidRowsPerPageOption, data, integrationType);
+  const [order, setOrder] = (0, _react.useState)(initialOrder || {});
+  const [rows, setRows] = (0, _react.useState)([]);
+  const [selectedAll, setSelectedAll] = (0, _react.useState)(false);
+  const [rowsPerPage, setRowsPerPage] = (0, _react.useState)(initialValidRowsPerPageOption);
+  const [page, setPage] = (0, _react.useState)(initialValidPage);
+  const [ref, entry] = (0, _hook.useResizeObserver)();
+  const [selectedRows, setSelectedRows] = (0, _react.useState)(selectable ? initialSelectedRows : []);
+  const [isResponsive, setIsResponsive] = (0, _react.useState)(!(0, _browser.isDesktop)(tabletBreakpoint));
+  const scrollRef = (0, _react.useRef)();
+  const contentRef = (0, _react.useRef)();
+  const classes = (0, _react.useMemo)(() => (0, _classesUtils.mergeClasses)(themeClasses, classNames), [classNames]);
+  const handleResize = () => {
+    setIsResponsive(!(0, _browser.isDesktop)(tabletBreakpoint));
+  };
+  (0, _react.useEffect)(() => {
+    window.addEventListener(_browser.RESIZE_EVENT, handleResize);
+    return () => window.removeEventListener(_browser.RESIZE_EVENT, handleResize);
+  }, []);
+  (0, _react.useEffect)(() => {
+    if (!selectAllInCurrentPageOnly) setSelectedAll(!(0, _array.isEmpty)(data) && initialSelectedRows.length === data.length);
+    setSelectedRows(selectable ? initialSelectedRows : []);
+    setRows(disableAutoOrder ? data : (0, _utils.orderRows)(data, order, data, columns));
+    if (externalRowsPerPage) setRowsPerPage(initialValidRowsPerPageOption);
+    const validPage = data.length / rowsPerPage > page;
+    if (!validPage || integrationType === _UTTable.INTEGRATION_TYPES.EXTERNAL) setPage(initialValidPage);
+  }, [data]);
+  const currentRows = (0, _react.useMemo)(() => disablePagination || integrationType === _UTTable.INTEGRATION_TYPES.EXTERNAL ? rows : (0, _utils.getCurrentRows)(rows, page, rowsPerPage), [page, rowsPerPage, rows]);
+  const handleOrder = newOrder => {
+    setOrder(newOrder);
+    if (!disableAutoOrder && !(0, _array.isEmpty)(rows)) setRows((0, _utils.orderRows)(rows, newOrder, data, columns));
+    if (onOrderChange) onOrderChange(newOrder);
+  };
+  const handlePageChange = newPage => {
+    setPage(newPage);
+    if (onPageChange) onPageChange(newPage);
+  };
+  const allDisplayedRowsAreSelected = newSelectedRows => {
+    const displayedRows = (0, _utils.getSelectableRowIds)(rows, rowKey, disableRowSelection);
+    return displayedRows.every(value => newSelectedRows.includes(value));
+  };
+  const selectRow = row => {
+    if (!row[rowKey]) return null;
+    const pageRowsIds = (0, _utils.getSelectableRowIds)(currentRows, rowKey, disableRowSelection);
+    let newSelectedRows = [];
+    if (exclusiveSelection) {
+      newSelectedRows = [row[rowKey]];
+    } else {
+      const rowKeyIndex = selectedRows.indexOf(row[rowKey]);
+      if (rowKeyIndex === -1) newSelectedRows = [...selectedRows, row[rowKey]];else newSelectedRows = selectedRows.filter(el => el !== row[rowKey]);
+      const pageNewSelectedRows = newSelectedRows.filter(newSelectedRow => pageRowsIds.includes(newSelectedRow));
+      const allSelected = selectAllInCurrentPageOnly ? pageNewSelectedRows.length === pageRowsIds.length : allDisplayedRowsAreSelected(newSelectedRows);
+      if (!allSelected && selectedAll) setSelectedAll(false);
+      if (allSelected && !selectedAll) setSelectedAll(true);
+    }
+    setSelectedRows(newSelectedRows);
+    if (onSelectRow) onSelectRow(row[rowKey], newSelectedRows);
+  };
+  const selectAllRows = () => {
+    const newSelectedAll = !selectedAll;
+    const pageRowsIds = (0, _utils.getSelectableRowIds)(currentRows, rowKey, disableRowSelection);
+    const newSelectedRows = selectAllInCurrentPageOnly ? newSelectedAll ? [...pageRowsIds, ...selectedRows.filter(row => !pageRowsIds.includes(row))] : selectedRows.filter(row => !pageRowsIds.includes(row)) : newSelectedAll ? (0, _utils.getSelectableRowIds)(rows, rowKey, disableRowSelection) : [];
+    setSelectedRows(newSelectedRows);
+    setSelectedAll(newSelectedAll);
+    if (onSelectAllRows) onSelectAllRows(selectAllInCurrentPageOnly ? newSelectedRows : newSelectedAll);
+  };
+  (0, _react.useEffect)(() => {
+    if (selectAllInCurrentPageOnly) {
+      const pageRowsIds = (0, _utils.getSelectableRowIds)(currentRows, rowKey, disableRowSelection);
+      setSelectedAll(!(0, _array.isEmpty)(pageRowsIds) && pageRowsIds.every(row => selectedRows.includes(row)));
+    }
+  }, [page, rowsPerPage, rows, order, disableSelectAll]);
+  const columnsDefinition = (0, _react.useMemo)(() => (0, _utils.getColumnDefinition)(columns, isResponsive), [columns, isResponsive]);
+  const isFirstRow = (0, _react.useCallback)(index => !index, []);
+  const isLastRow = (0, _react.useCallback)(index => index === currentRows.length - 1, [currentRows]);
+  const onChangeRowPerPage = newRowsPerPage => {
+    setRowsPerPage(newRowsPerPage || rowsPerPageOptions[0]);
+    setPage(0);
+    if (onRowsPerPageChange) onRowsPerPageChange(newRowsPerPage || rowsPerPageOptions[0]);
+  };
+  const showPagination = !disablePagination && !loading && !(0, _array.isEmpty)(currentRows);
+  const rowStyles = (0, _react.useMemo)(() => (0, _utils.createRowStyles)(rowPadding, rowSpacing, headerPadding, isResponsive), [rowPadding, rowSpacing, headerPadding, isResponsive]);
+  const tableWidth = (0, _react.useMemo)(() => {
+    var _entry$target;
+    return (entry === null || entry === void 0 || (_entry$target = entry.target) === null || _entry$target === void 0 ? void 0 : _entry$target.clientWidth) || '100%';
+  }, [entry]);
+  const handleScrollbarSync = ps => {
+    setTimeout(() => {
+      ps.update();
+      if (scrollRef.current) scrollRef.current.scrollLeft = 0;
+    }, 100);
+  };
+  const CellComponent = isResponsive ? _ResponsiveCell.default : _Cell.default;
+  const totalRowLabel = isResponsive ? '' : totalRowsLabel || (data.length === 1 ? _constants.TOTAL_ROW_LABEL : _constants.TOTAL_ROWS_LABEL);
+  const handleSinchronizeContent = event => {
+    var _event$target;
+    if (contentRef.current && stickyHeader) contentRef.current.scrollTo(event === null || event === void 0 || (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.scrollLeft, 0);
+  };
+  const columnSizes = (0, _react.useMemo)(() => (0, _utils.getColumnsSizes)({
+    columns,
+    fitColumnsWidth,
+    selectable
+  }), [columns, fitColumnsWidth, selectable]);
+  const enabledHeader = (0, _react.useMemo)(() => (0, _utils.getEnabledHeader)(columns), [columns]);
+  const Content = /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat((0, _array.isEmpty)(currentRows) && _stylesModule.default.preventScrolling),
+    ref: contentRef,
+    style: {
+      overflow: !isResponsive && stickyHeader && 'hidden',
+      width: tableWidth
+    }
+  }, /*#__PURE__*/_react.default.createElement(_UTLoading.default, {
+    className: "".concat(_stylesModule.default.tableLoading, " ").concat(classes.tableLoading),
+    loading: loading
+  }, (0, _array.isEmpty)(currentRows) ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(_stylesModule.default.noResultsContainer, " ").concat(classes.noResultsContainer),
+    style: {
+      width: tableWidth
+    }
+  }, noResultsComponent || /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+    className: classes.noResultsLabel,
+    dataTestId: noResultDataTestId
+  }, noResultsLabel)) : currentRows.map((row, index) => {
+    const isSelected = selectedRows.includes(row[rowKey]);
+    const selectedClassNames = isSelected ? classes.selectedRow : rowSpacing === _constants.ROW_SPACING_NAMES.NONE && index < currentRows.length - 1 ? _stylesModule.default.unselectedSmallRow : undefined;
+    const isRowClickable = onRowClick && (!clickableRowValidation || clickableRowValidation(row));
+    const handleRowClick = isRowClickable ? event => onRowClick(event, row) : undefined;
+    return /*#__PURE__*/_react.default.createElement(_TableRow.default, {
+      actionDataTestId: actionDataTestId !== null && actionDataTestId !== void 0 ? actionDataTestId : "".concat(TABLE, ".").concat(TABLE_ROW, ".row_").concat(index, ".").concat(CELL, ".").concat(ACTIONS),
+      cellDataTestId: cellDataTestId !== null && cellDataTestId !== void 0 ? cellDataTestId : "".concat(TABLE, ".").concat(TABLE_ROW, ".row_").concat(index),
+      CellComponent: CellComponent,
+      cellProps: {
+        defaultNullValue,
+        classes,
+        rowData: {
+          ...row,
+          index
+        },
+        style: rowStyles.cell
+      },
+      checkBoxOnChange: () => selectRow(row),
+      checkBoxSelected: isSelected,
+      className: "\n                  ".concat(isResponsive && _stylesModule.default.responsiveRow, "\n                  ").concat(isRowClickable && classes.rowContainerClickable, "\n                  ").concat(getRowClassName(row), "\n                  "),
+      columnsDefinition: columnsDefinition,
+      columnSizes: columnSizes,
+      containerStyle: {
+        ...rowStyles.rowContainer,
+        minWidth: tableWidth
+      },
+      disableRowSelection: disableRowSelection,
+      disabledRowSelectionTooltip: disabledRowTooltip,
+      exclusiveSelection: exclusiveSelection,
+      fixedRowsLeftClassName: "".concat(classes.fixedRowLeft, " ").concat(selectedClassNames, " ").concat(isFirstRow(index) && classes.firstFixedRowLeft, " ").concat(isLastRow(index) && classes.lastFixedRowLeft),
+      fixedRowsRightClassName: "".concat(classes.fixedRowRight, " ").concat(selectedClassNames, " ").concat(isFirstRow(index) && classes.firstFixedRowRight, " ").concat(isLastRow(index) && classes.lastFixedRowRight),
+      handleRowClick: handleRowClick,
+      isResponsive: isResponsive,
+      key: row[rowKey] && "row_".concat(row[rowKey]),
+      pageRows: currentRows,
+      removeFixedRowsDivisors: removeFixedRowsDivisors,
+      rowClassName: "".concat(classes.row, " ").concat(selectedClassNames, " ").concat(isLastRow(index) && classes.lastRow, " ").concat(isFirstRow(index) && classes.firstRow),
+      rowKey: rowKey,
+      rowStyles: rowStyles,
+      selectable: selectable,
+      selectionComponentDataTestId: selectionComponentDataTestId !== null && selectionComponentDataTestId !== void 0 ? selectionComponentDataTestId : "".concat(TABLE, ".").concat(TABLE_ROW, ".row_").concat(index, ".").concat(CELL, ".").concat(SELECTION_COMPONENT),
+      selectedRows: selectedRows,
+      tableSize: tableWidth
+    });
+  })));
+  const Header = /*#__PURE__*/_react.default.createElement(_TableRow.default, {
+    actionDataTestId: headerActionDataTestId !== null && headerActionDataTestId !== void 0 ? headerActionDataTestId : "".concat(TABLE, ".").concat(TABLE_ROW, ".").concat(HEADER, "Cell.").concat(ACTIONS),
+    CellComponent: _HeaderCell.default,
+    cellDataTestId: headerCellDataTestId !== null && headerCellDataTestId !== void 0 ? headerCellDataTestId : "".concat(TABLE, ".").concat(TABLE_ROW, ".").concat(HEADER, "Cell"),
+    cellProps: {
+      classes,
+      handleOrder,
+      order,
+      removeDefaultOrderIcon,
+      style: rowStyles.headerCell
+    },
+    checkBoxClassName: "".concat(exclusiveSelection && _stylesModule.default.hideCheckBox),
+    checkBoxOnChange: selectAllRows,
+    checkBoxSelected: selectedAll,
+    className: "".concat((0, _array.isEmpty)(currentRows) && _stylesModule.default.disableHeader),
+    columnSizes: columnSizes,
+    columnsDefinition: columnsDefinition,
+    containerStyle: {
+      ...rowStyles.headerRowContainer,
+      minWidth: tableWidth
+    },
+    disableRowSelection: disableSelectAll,
+    disabledRowSelectionTooltip: disabledSelectAllTooltip,
+    fixedRowsLeftClassName: classes.fixedHeaderRowLeft,
+    fixedRowsRightClassName: classes.fixedHeaderRowRight,
+    pageRows: currentRows,
+    removeFixedRowsDivisors: removeFixedRowsDivisors,
+    rowClassName: classes.header,
+    rowKey: rowKey,
+    rowStyles: rowStyles,
+    selectable: selectable,
+    selectionComponentDataTestId: headerSelectionComponentDataTestId !== null && headerSelectionComponentDataTestId !== void 0 ? headerSelectionComponentDataTestId : "".concat(TABLE, ".").concat(TABLE_ROW, ".").concat(HEADER, "Cell.").concat(SELECTION_COMPONENT),
+    selectedRows: selectedRows,
+    tableSize: tableWidth
+  });
+  const shouldRenderTableHeader = headerVersion === 'V0' || !headerVersion ? tableTitle || GeneralActions : withActionHeader;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(_stylesModule.default.table, " ").concat(classes.table),
+    ref: ref
+  }, shouldRenderTableHeader && /*#__PURE__*/_react.default.createElement(_TableHeader.default, {
+    actions: actionsConfig,
+    automaticRefreshDelay: automaticRefreshDelay,
+    classes: classes,
+    description: description,
+    disabled: disableReloadRows,
+    isDesktop: (0, _browser.isDesktop)(tabletBreakpoint),
+    isMobile: (0, _browser.isMobile)(mobileBreakpoint),
+    GeneralActions: GeneralActions,
+    loading: loading,
+    onRefresh: onRefresh,
+    onReload: onReloadRows,
+    ongoingRefreshLabel: ongoingRefreshLabel,
+    refreshLabel: refreshLabel,
+    selectedLabel: selectedLabel,
+    tableHeaderDataTestId: tableHeaderDataTestId,
+    title: tableTitle,
+    titleDataTestId: titleDataTestId,
+    version: headerVersion,
+    withAutomaticRefresh: withAutomaticRefresh,
+    withRefresh: withRefresh
+  }), Filters, !isResponsive && /*#__PURE__*/_react.default.createElement("div", {
+    className: stickyHeader && "".concat(_stylesModule.default.stickyHeader, " ").concat(classes.stickyHeader || '')
+  }, /*#__PURE__*/_react.default.createElement(_reactPerfectScrollbar.default, {
+    className: "\n                ".concat(_stylesModule.default.scrollbar, "\n                ").concat(classes.scrollbar, "\n                ").concat(loading && _stylesModule.default.disableHeader),
+    containerRef: el => scrollRef.current = el,
+    onScroll: handleSinchronizeContent,
+    onSync: handleScrollbarSync,
+    options: {
+      suppressScrollX: fitColumnsWidth,
+      suppressScrollY: true
+    },
+    style: {
+      width: tableWidth
+    }
+  }, enabledHeader && Header, !stickyHeader && Content)), (isResponsive || stickyHeader) && Content, showPagination && /*#__PURE__*/_react.default.createElement(_TableFooter.default, {
+    classes: classes,
+    handlePageChange: handlePageChange,
+    isResponsive: isResponsive,
+    onChangeRowPerPage: onChangeRowPerPage,
+    hidePageSelector: hidePageSelector,
+    page: page,
+    paginatorDataTestId: paginatorDataTestId,
+    rowsPerPage: rowsPerPage,
+    rowsPerPageOptions: rowsPerPageOptions,
+    totalRows: totalRows || rows.length,
+    totalRowsLabel: totalRowLabel
+  }));
+};
+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);