material-react-table 0.2.0 → 0.3.3
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.
- package/README.md +32 -162
- package/dist/MaterialReactTable.d.ts +55 -50
- package/dist/body/MRT_TableBodyRow.d.ts +16 -1
- package/dist/buttons/MRT_EditActionButtons.d.ts +7 -0
- package/dist/buttons/MRT_ToggleFiltersButton.d.ts +4 -0
- package/dist/buttons/MRT_ToggleRowActionMenuButton.d.ts +7 -0
- package/dist/head/MRT_TableHeadCell.d.ts +4 -1
- package/dist/index.d.ts +2 -0
- package/dist/inputs/MRT_DensePaddingSwitch.d.ts +5 -0
- package/dist/inputs/MRT_EditCellTextfield.d.ts +7 -0
- package/dist/material-react-table.cjs.development.js +1659 -440
- package/dist/material-react-table.cjs.development.js.map +1 -1
- package/dist/material-react-table.cjs.production.min.js +1 -1
- package/dist/material-react-table.cjs.production.min.js.map +1 -1
- package/dist/material-react-table.esm.js +1669 -450
- package/dist/material-react-table.esm.js.map +1 -1
- package/dist/menus/MRT_RowActionMenu.d.ts +9 -0
- package/dist/{footer → toolbar}/MRT_TablePagination.d.ts +0 -0
- package/dist/toolbar/MRT_ToolbarBottom.d.ts +5 -0
- package/dist/toolbar/MRT_ToolbarButtons.d.ts +5 -0
- package/dist/toolbar/{MRT_Toolbar.d.ts → MRT_ToolbarTop.d.ts} +1 -1
- package/dist/useMaterialReactTable.d.ts +10 -5
- package/dist/utils/localization.d.ts +23 -12
- package/package.json +20 -17
- package/src/@types/faker.d.ts +4 -0
- package/src/@types/react-table-config.d.ts +153 -0
- package/src/MaterialReactTable.tsx +125 -97
- package/src/body/MRT_TableBody.tsx +18 -40
- package/src/body/MRT_TableBodyCell.tsx +53 -9
- package/src/body/MRT_TableBodyRow.tsx +49 -21
- package/src/body/MRT_TableDetailPanel.tsx +50 -15
- package/src/buttons/MRT_EditActionButtons.tsx +55 -0
- package/src/buttons/MRT_ExpandAllButton.tsx +22 -15
- package/src/buttons/MRT_ExpandButton.tsx +30 -18
- package/src/buttons/MRT_ShowHideColumnsButton.tsx +12 -12
- package/src/buttons/MRT_ToggleColumnActionMenuButton.tsx +3 -1
- package/src/buttons/MRT_ToggleFiltersButton.tsx +23 -0
- package/src/buttons/MRT_ToggleRowActionMenuButton.tsx +65 -0
- package/src/footer/MRT_TableFooter.tsx +4 -19
- package/src/footer/MRT_TableFooterCell.tsx +36 -9
- package/src/footer/MRT_TableFooterRow.tsx +31 -13
- package/src/head/MRT_TableHead.tsx +8 -20
- package/src/head/MRT_TableHeadCell.tsx +73 -30
- package/src/head/MRT_TableHeadRow.tsx +46 -19
- package/src/index.tsx +2 -0
- package/src/inputs/MRT_DensePaddingSwitch.tsx +21 -0
- package/src/inputs/MRT_EditCellTextfield.tsx +57 -0
- package/src/inputs/MRT_FilterTextField.tsx +4 -0
- package/src/inputs/MRT_SearchTextField.tsx +17 -8
- package/src/inputs/MRT_SelectAllCheckbox.tsx +16 -5
- package/src/inputs/MRT_SelectCheckbox.tsx +12 -4
- package/src/menus/MRT_ColumnActionMenu.tsx +37 -12
- package/src/menus/MRT_RowActionMenu.tsx +52 -0
- package/src/menus/MRT_ShowHideColumnsMenu.tsx +2 -2
- package/src/table/MRT_Table.tsx +13 -4
- package/src/table/MRT_TableContainer.tsx +37 -5
- package/src/table/MRT_TableSpacerCell.tsx +17 -1
- package/src/toolbar/MRT_TablePagination.tsx +37 -0
- package/src/toolbar/MRT_ToolbarBottom.tsx +43 -0
- package/src/toolbar/MRT_ToolbarButtons.tsx +27 -0
- package/src/toolbar/MRT_ToolbarTop.tsx +68 -0
- package/src/useMaterialReactTable.tsx +39 -23
- package/src/utils/localization.ts +36 -14
- package/dist/utils/overrideWarnings.d.ts +0 -1
- package/src/footer/MRT_TablePagination.tsx +0 -39
- package/src/toolbar/MRT_Toolbar.tsx +0 -39
- package/src/utils/overrideWarnings.ts +0 -41
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var n=require("react"),t=e(n),l=require("react-table"),a=require("@mui/material"),r=e(require("@mui/icons-material/Close")),o=e(require("@mui/icons-material/FilterList")),i=e(require("@mui/icons-material/MoreVert")),u=e(require("@mui/icons-material/ClearAll")),c=e(require("@mui/icons-material/Sort")),s=e(require("@mui/icons-material/VisibilityOff")),d=e(require("@mui/icons-material/KeyboardDoubleArrowDown")),m=e(require("@mui/icons-material/ViewColumn")),g=e(require("@mui/icons-material/ExpandMore")),p=e(require("@mui/icons-material/Search"));function b(){return(b=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var l in t)Object.prototype.hasOwnProperty.call(t,l)&&(e[l]=t[l])}return e}).apply(this,arguments)}function E(e,n){if(null==e)return{};var t,l,a={},r=Object.keys(e);for(l=0;l<r.length;l++)n.indexOf(t=r[l])>=0||(a[t]=e[t]);return a}var h=["children","columns","data","surpressOverrideWarnings"],f=function(){return n.createContext({})}(),v=function(e){var a=e.children,r=e.columns,o=e.data,i=E(e,h),u=l.useTable({columns:r,data:o},l.useFlexLayout,l.useResizeColumns,l.useFilters,l.useGlobalFilter,l.useSortBy,l.useExpanded,l.usePagination,l.useRowSelect),c=function(e){var t=e.tableInstance;return{anyRowsCanExpand:n.useMemo((function(){return t.rows.some((function(e){return e.canExpand}))}),[t.rows]),anyRowsExpanded:n.useMemo((function(){return t.rows.some((function(e){return e.isExpanded}))}),[t.rows]),maxColumnDepth:n.useMemo((function(){var e=1;return t.columns.forEach((function(n){var t;null!=(t=n.columns)&&t.length&&(e=Math.max(e,n.columns.length))})),e-1}),[t.columns])}}({tableInstance:u});return t.createElement(f.Provider,{value:b({columns:r,data:o,tableInstance:u},c,i)},a)},C=function(){return n.useContext(f)},T=function(e){var i=e.column,u=C().localization,c=n.useState(""),s=c[0],d=c[1],m=l.useAsyncDebounce((function(e){i.setFilter(null!=e?e:void 0)}),150);return t.createElement(a.TextField,{margin:"dense",placeholder:null==u?void 0:u.filterTextFieldPlaceholder,onChange:function(e){d(e.target.value),m(e.target.value)},onClick:function(e){return e.stopPropagation()},value:null!=s?s:"",variant:"standard",InputProps:{startAdornment:t.createElement(a.InputAdornment,{position:"start"},t.createElement(o,null)),endAdornment:t.createElement(a.InputAdornment,{position:"end"},t.createElement(a.IconButton,{"aria-label":null==u?void 0:u.filterTextFieldClearButtonTitle,disabled:0===(null==s?void 0:s.length),onClick:function(){d(""),i.setFilter(void 0)},size:"small",title:null==u?void 0:u.filterTextFieldClearButtonTitle},t.createElement(r,{fontSize:"small"})))}})},w=a.styled(a.MenuItem)({display:"flex",gap:"0.75rem"}),y=function(e){var n=e.anchorEl,l=e.column,r=e.setAnchorEl,o=C(),i=o.enableColumnHiding,d=o.localization;return t.createElement(a.Menu,{anchorEl:n,open:!!n,onClose:function(){return r(null)}},o.enableSorting&&t.createElement(t.Fragment,null,t.createElement(w,{disabled:!l.isSorted,onClick:function(){l.clearSortBy(),r(null)}},t.createElement(u,null)," ",null==d?void 0:d.columnActionMenuItemClearSort),t.createElement(w,{disabled:l.isSorted&&!l.isSortedDesc,onClick:function(){l.toggleSortBy(!1),r(null)}},t.createElement(c,null)," ",null==d?void 0:d.columnActionMenuItemSortAsc),t.createElement(w,{disabled:l.isSorted&&l.isSortedDesc,onClick:function(){l.toggleSortBy(!0),r(null)}},t.createElement(c,{style:{transform:"rotate(180deg) scaleX(-1)"}})," ",null==d?void 0:d.columnActionMenuItemSortDesc),t.createElement(a.Divider,null)),i&&t.createElement(w,{onClick:function(){l.toggleHidden(),r(null)}},t.createElement(s,null)," ",null==d?void 0:d.columnActionMenuItemHideColumn))},x=a.styled(a.IconButton)({opacity:.2,transition:"opacity 0.2s",marginRight:"2px","&:hover":{opacity:1}}),P=function(e){var l=e.column,a=C().localization,r=n.useState(null),o=r[0],u=r[1];return t.createElement(t.Fragment,null,t.createElement(x,{"aria-label":null==a?void 0:a.columnActionMenuButtonTitle,title:null==a?void 0:a.columnActionMenuButtonTitle,onClick:function(e){e.stopPropagation(),e.preventDefault(),u(e.currentTarget)},size:"small"},t.createElement(i,null)),t.createElement(y,{anchorEl:o,column:l,setAnchorEl:u}))},S=a.styled(a.TableCell)({fontWeight:"bold"}),F=a.styled("div")({display:"grid"}),I=a.styled("div")({width:"100%",display:"flex",alignItems:"center",justifyContent:"space-between"}),O=function(e){var n,l,r=e.column,o=e.index,i=C(),u=i.OverrideTableHeadCellComponent,c=i.enableColumnActions,s=i.enableColumnResizing,d=i.enableFiltering,m=i.showFiltersInColumnHead,g=i.tableInstance;if(u)return t.createElement(t.Fragment,null,u(r,g));var p=(null!=(n=null==r||null==(l=r.columns)?void 0:l.length)?n:0)>0,b=!p&&o===g.visibleColumns.length-1||p&&o===r.headers.length-1;return t.createElement(S,Object.assign({align:p?"center":"left"},r.getHeaderProps()),t.createElement(F,null,t.createElement(I,{style:{justifyContent:p?"center":void 0}},t.createElement("span",Object.assign({},r.getSortByToggleProps()),r.render("Header"),!p&&r.canSort&&t.createElement(a.TableSortLabel,{active:r.isSorted,direction:r.isSortedDesc?"desc":"asc"})),t.createElement("span",{style:{display:"flex"}},c&&!p&&t.createElement(P,{column:r}),s&&!b&&t.createElement(a.Divider,Object.assign({flexItem:!0,orientation:"vertical",style:{borderRightWidth:"2px",borderRadius:"2px"},onDoubleClick:function(){return g.resetResizing()}},r.getResizerProps())))),d&&r.canFilter&&t.createElement(a.Collapse,{in:m},t.createElement(T,{column:r}))))},R=function(){var e=C();return t.createElement(a.TableCell,{style:{width:"2rem",padding:"0.5rem"},variant:"head"},e.enableSelectAll?t.createElement(a.Checkbox,Object.assign({"aria-label":""},e.tableInstance.getToggleAllPageRowsSelectedProps())):null)},B=function(){var e=C(),n=e.tableInstance,l=e.localization,r=e.anyRowsExpanded;return t.createElement(a.TableCell,Object.assign({size:"small"},n.getToggleAllRowsExpandedProps(),{style:{padding:"0.5rem",paddingRight:"0",width:n.expandedDepth+2+"rem"}}),t.createElement(a.IconButton,{"aria-label":null==l?void 0:l.expandAllButtonTitle,title:null==l?void 0:l.expandAllButtonTitle},t.createElement(d,{fontSize:"small",style:{transform:n.isAllRowsExpanded?"rotate(-180deg)":r?"rotate(-90deg)":"rotate(0)",transition:"transform 0.2s"}})))},A=function e(n){var l,r=n.column,o=C(),i=r.depth===o.maxColumnDepth;return t.createElement(t.Fragment,null,t.createElement(a.MenuItem,{style:{paddingLeft:r.depth+1+"rem"}},i?t.createElement(a.FormControlLabel,{onChange:function(){return i&&r.toggleHidden()},label:r.Header,checked:r.isVisible,control:t.createElement(a.Switch,null)}):t.createElement(a.Typography,null,r.Header)),null==(l=r.columns)?void 0:l.map((function(n,l){return t.createElement(e,{key:l+"-"+n.id,column:n})})))},j=function(){var e=C(),l=e.tableInstance,r=e.localization,o=n.useState(null),i=o[0],u=o[1];return t.createElement(a.TableCell,{size:"small",style:{width:"2rem",padding:"0.75rem 0"}},t.createElement(a.IconButton,{"aria-label":null==r?void 0:r.showHideColumnsButtonTitle,title:null==r?void 0:r.showHideColumnsButtonTitle,onClick:function(e){u(e.currentTarget)},size:"small",style:{margin:"0 0 0 -0.75rem"}},t.createElement(m,null)),t.createElement(a.Menu,{anchorEl:i,open:!!i,onClose:function(){return u(null)}},l.columns.map((function(e,n){return t.createElement(A,{key:n+"-"+e.id,column:e})}))))},H=function(e){return t.createElement(a.TableCell,{style:{width:e.width}})},z=function(e){var l=e.headerGroup,r=C(),o=r.OverrideTableHeadRowComponent,i=r.anyRowsCanExpand,u=r.enableColumnHiding,c=r.enableExpandAll,s=r.enableSelection,d=r.renderDetailPanel,m=r.tableInstance;if(o)return t.createElement(t.Fragment,null,o(l,m));var g=n.useMemo((function(){return l.headers.some((function(e){var n,t;return(null!=(n=null==(t=e.columns)?void 0:t.length)?n:0)>0}))}),[l.headers]);return t.createElement(a.TableRow,Object.assign({},l.getHeaderGroupProps()),i||d?c&&!g?t.createElement(B,null):t.createElement(H,{width:m.expandedDepth+.5+"rem"}):null,s?g?t.createElement(H,{width:"1rem"}):t.createElement(R,null):null,l.headers.map((function(e,n){return t.createElement(O,{key:n+"-"+e.id,column:e,index:n})})),u&&!g&&t.createElement(j,null))},D=function(){var e=C(),n=e.tableInstance,l=e.tablePaginationProps,r=e.OverrideTablePaginationComponent;return r?t.createElement(t.Fragment,null,r(n)):t.createElement(a.TableRow,null,t.createElement(a.TablePagination,Object.assign({colSpan:n.visibleColumns.length+10,count:n.rows.length,onPageChange:function(e,t){return n.gotoPage(t)},onRowsPerPageChange:function(e){n.setPageSize(+e.target.value),n.gotoPage(0)},page:n.state.pageIndex,rowsPerPage:n.state.pageSize,showFirstButton:n.rows.length/n.state.pageSize>2,showLastButton:n.rows.length/n.state.pageSize>2},l)))},k=function(){var e=C(),n=e.OverrideTableHeadComponent,l=e.tableInstance,r=e.tableHeadProps,o=e.enablePagination,i=e.isReloading,u=e.positionPagination;return n?t.createElement(t.Fragment,null,n(l)):t.createElement(a.TableHead,Object.assign({},r),i&&t.createElement(a.LinearProgress,null),o&&["top","both"].includes(null!=u?u:"")&&t.createElement(D,null),l.headerGroups.map((function(e,n){return t.createElement(z,{key:n+"-"+e.id,headerGroup:e})})))},M=function(e){var n=e.cell,l=C(),r=l.OverrideTableBodyCellComponent;return r?t.createElement(t.Fragment,null,r(n,l.tableInstance)):t.createElement(a.TableCell,Object.assign({variant:"body"},n.getCellProps()),n.render("Cell"))},q=function(e){var n=e.row,l=C(),r=l.tableInstance,o=l.renderDetailPanel,i=l.OverrideTableDetailPanelComponent,u=l.tableDetailPanelProps;return i?t.createElement(t.Fragment,null,i(n,r)):t.createElement(a.TableRow,Object.assign({},n.getToggleRowExpandedProps()),t.createElement(a.TableCell,Object.assign({colSpan:r.visibleColumns.length+10,style:{borderBottom:n.isExpanded?void 0:"none",paddingBottom:n.isExpanded?"1rem":0,paddingTop:n.isExpanded?"1rem":0,transition:"all 0.2s"}},u),t.createElement(a.Collapse,{in:n.isExpanded},null==o?void 0:o(n))))},G=function(e){var n=e.row,l=C(),r=l.localization,o=l.tableInstance;return t.createElement(a.TableCell,Object.assign({size:"small"},n.getToggleRowExpandedProps(),{style:{padding:"0.5rem",paddingRight:"0",paddingLeft:n.depth+.5+"rem",width:o.expandedDepth-n.depth+2+"rem"}}),t.createElement(a.IconButton,{"aria-label":null==r?void 0:r.expandButtonTitle,title:null==r?void 0:r.expandButtonTitle},t.createElement(g,{fontSize:"small",style:{transform:n.isExpanded?"rotate(-180deg)":"rotate(0)",transition:"transform 0.2s"}})))},L=function(e){var n=e.row,l=C(),r=l.tableInstance,o=l.onRowSelectChange;return t.createElement(a.TableCell,{style:{width:"2rem",padding:"0.5rem"}},t.createElement(a.Checkbox,Object.assign({},n.getToggleRowSelectedProps(),{onChange:function(e){var t;null==(t=n.getToggleRowSelectedProps())||null==t.onChange||t.onChange(e),null==o||o(e,n.state,r.selectedFlatRows)}})))},V=function(e){var n=e.row,l=C(),r=l.OverrideTableBodyRowComponent,o=l.anyRowsCanExpand,i=l.enableSelection,u=l.enableSubRowTree,c=l.enableColumnHiding,s=l.onRowClick,d=l.renderDetailPanel,m=l.tableInstance;return r?t.createElement(t.Fragment,null,r(n,m)):t.createElement(t.Fragment,null,t.createElement(a.TableRow,Object.assign({onClick:function(e){return null==s?void 0:s(e,n)}},n.getRowProps()),(u&&o||d)&&(n.canExpand||d?t.createElement(G,{row:n}):t.createElement(a.TableCell,{style:{width:m.expandedDepth+.5+"rem"}})),i&&t.createElement(L,{row:n}),n.cells.map((function(e,n){return t.createElement(M,{key:n+"-"+e.value,cell:e})})),c&&t.createElement(H,null)),d&&t.createElement(q,{row:n}))},W=a.styled(a.TableBody)({overflowY:"hidden"}),_=a.styled("div")({backgroundColor:"rgba(255, 255, 255, 0.5)",display:"grid",height:"100%",justifyContent:"center",margin:"auto",paddingTop:"5rem",position:"fixed",width:"calc(100% - 2rem)"}),K=function(){var e=C(),n=e.tableInstance,l=e.tableBodyProps,r=e.isLoading,o=e.enablePagination,i=e.OverrideTableBodyComponent;if(i)return t.createElement(t.Fragment,null,i(n));var u=o?n.page:n.rows;return t.createElement(t.Fragment,null,t.createElement(W,Object.assign({},l,n.getTableBodyProps()),r&&t.createElement(_,null,t.createElement(a.CircularProgress,null)),u.map((function(e,l){return n.prepareRow(e),t.createElement(V,{key:l+"-"+e.id,row:e})}))))},X=a.styled(a.TableCell)({fontWeight:"bold"}),Y=function(e){var n,l,a=e.column,r=C(),o=r.OverrideTableFooterCellComponent;if(o)return t.createElement(t.Fragment,null,o(a,r.tableInstance));var i=(null!=(n=null==a||null==(l=a.columns)?void 0:l.length)?n:0)>0;return t.createElement(X,Object.assign({align:i?"center":"left",variant:"head"},a.getFooterProps()),a.render("Footer"))},J=function(e){var n=e.footerGroup,l=C(),r=l.renderDetailPanel,o=l.anyRowsCanExpand,i=l.enableColumnHiding,u=l.enableSelection,c=l.tableInstance,s=l.OverrideTableFooterRowComponent;return l.columns.some((function(e){return e.Footer}))?s?t.createElement(t.Fragment,null,s(n,c)):t.createElement(a.TableRow,Object.assign({},n.getFooterGroupProps()),(o||r)&&t.createElement(a.TableCell,{style:{width:c.expandedDepth+.5+"rem"}}),u&&t.createElement(H,{width:"1rem"}),n.headers.map((function(e,n){return t.createElement(Y,{key:n+"-"+e.id,column:e})})),i&&t.createElement(H,null)):null},N=function(){var e=C(),n=e.OverrideTableFooterComponent,l=e.enablePagination,r=e.positionPagination,o=e.tableFooterProps,i=e.tableInstance;return n?t.createElement(t.Fragment,null,n(i)):t.createElement(a.TableFooter,Object.assign({},o),i.footerGroups.map((function(e,n){return t.createElement(J,{key:n+"-"+e.id,footerGroup:e})})),l&&["bottom","both"].includes(null!=r?r:"")&&t.createElement(D,null))},Q=function(){var e=C(),n=e.showHead,l=e.showFooter;return t.createElement(a.Table,Object.assign({},e.tableProps,e.tableInstance.getTableProps()),n&&t.createElement(k,null),t.createElement(K,null),l&&t.createElement(N,null))},U=a.styled(a.TextField)({justifySelf:"end"}),Z=function(){var e=C(),o=e.tableInstance,i=e.tableSearchTextfieldProps,u=e.localization,c=n.useState(""),s=c[0],d=c[1],m=l.useAsyncDebounce((function(e){o.setGlobalFilter(null!=e?e:void 0)}),200);return t.createElement(U,Object.assign({placeholder:null==u?void 0:u.searchTextFieldPlaceholder,onChange:function(e){d(e.target.value),m(e.target.value)},value:null!=s?s:"",variant:"standard",InputProps:{startAdornment:t.createElement(a.InputAdornment,{position:"start"},t.createElement(p,{fontSize:"small"})),endAdornment:t.createElement(a.InputAdornment,{position:"end"},t.createElement(a.IconButton,{"aria-label":null==u?void 0:u.searchTextFieldClearButtonTitle,disabled:0===(null==s?void 0:s.length),onClick:function(){d(""),o.setGlobalFilter(void 0)},size:"small",title:null==u?void 0:u.searchTextFieldClearButtonTitle},t.createElement(r,{fontSize:"small"})))}},i))},$=a.styled(a.Toolbar)({padding:"0.5rem",display:"flex",justifyContent:"space-between"}),ee=function(){var e=C(),n=e.OverrideTableToolbarComponent,l=e.enableSearch,r=e.tableTitleProps,o=e.tableToolbarProps,i=e.title;return n?t.createElement(t.Fragment,null,n(e.tableInstance)):l||i||o?t.createElement($,Object.assign({variant:"dense"},o),i?t.createElement(a.Typography,Object.assign({},r),i):t.createElement("span",null),l&&t.createElement(Z,null)):null},ne=function(){var e=C(),n=e.showToolbar;return t.createElement(a.TableContainer,Object.assign({component:a.Paper},e.tableContainerProps),n&&t.createElement(ee,null),t.createElement(Q,null))},te={columnActionMenuButtonTitle:"Column Actions",columnActionMenuItemHideColumn:"Hide column",columnActionMenuItemSortAsc:"Sort ascending",columnActionMenuItemClearSort:"Clear sorting",columnActionMenuItemSortDesc:"Sort descending",expandAllButtonTitle:"Expand all",expandButtonTitle:"Expand",filterTextFieldClearButtonTitle:"Clear filter",filterTextFieldPlaceholder:"Filter",searchTextFieldClearButtonTitle:"Clear search",searchTextFieldPlaceholder:"Search",showHideColumnsButtonTitle:"Show/Hide columns"},le=["enablePagination","enableSorting","enableSubRowTree","localization","positionPagination","showFiltersInColumnHead","showFooter","showHead","showToolbar"];exports.MaterialReactTable=function(e){var n=e.enablePagination,l=void 0===n||n,a=e.enableSorting,r=void 0===a||a,o=e.enableSubRowTree,i=void 0===o||o,u=e.localization,c=void 0===u?te:u,s=e.positionPagination,d=void 0===s?"bottom":s,m=e.showFiltersInColumnHead,g=void 0===m||m,p=e.showFooter,h=void 0===p||p,f=e.showHead,C=void 0===f||f,T=e.showToolbar,w=void 0===T||T,y=E(e,le);return t.createElement(v,Object.assign({enablePagination:l,enableSorting:r,enableSubRowTree:i,localization:b({},te,c),positionPagination:d,showFiltersInColumnHead:g,showFooter:h,showHead:C,showToolbar:w},y),t.createElement(ne,null))};
|
|
1
|
+
"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),n=e(t),l=require("react-table"),o=require("@mui/material"),r=e(require("@mui/icons-material/Close")),i=e(require("@mui/icons-material/FilterList")),a=e(require("@mui/icons-material/MoreVert")),u=e(require("@mui/icons-material/ClearAll")),c=e(require("@mui/icons-material/Sort")),s=e(require("@mui/icons-material/VisibilityOff")),d=e(require("@mui/icons-material/DynamicFeed")),m=e(require("@mui/icons-material/KeyboardDoubleArrowDown")),p=e(require("@mui/icons-material/ExpandMore")),g=e(require("@mui/icons-material/MoreHoriz")),f=e(require("@mui/icons-material/Edit")),h=e(require("@mui/icons-material/Save")),v=e(require("@mui/icons-material/Cancel")),y=e(require("@mui/icons-material/Search")),b=e(require("@mui/icons-material/FilterListOff")),E=e(require("@mui/icons-material/ViewColumn"));function w(e,t,n,l,o,r,i){try{var a=e[r](i),u=a.value}catch(e){return void n(e)}a.done?t(u):Promise.resolve(u).then(l,o)}function P(){return(P=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e}).apply(this,arguments)}var C,T=function(){return t.createContext({})}(),x=function(e){var o,r,i=[l.useResizeColumns,l.useFilters,l.useGlobalFilter,l.useGroupBy,l.useSortBy,l.useExpanded,l.usePagination,l.useRowSelect];e.enableColumnResizing&&i.unshift(l.useFlexLayout);var a=l.useTable.apply(void 0,[e].concat(i)),u=function(e){var n=e.tableInstance;return{anyRowsCanExpand:t.useMemo((function(){return n.rows.some((function(e){return e.canExpand}))}),[n.rows]),anyRowsExpanded:t.useMemo((function(){return n.rows.some((function(e){return e.isExpanded}))}),[n.rows]),maxColumnDepth:t.useMemo((function(){var e=1;return n.columns.forEach((function(t){var n;null!=(n=t.columns)&&n.length&&(e=Math.max(e,t.columns.length))})),e-1}),[n.columns])}}({tableInstance:a}),c=t.useState(null!=(o=e.defaultShowFilters)&&o),s=c[0],d=c[1],m=t.useState(null!=(r=e.defaultDensePadding)&&r),p=m[0],g=m[1],f=t.useState(null);return n.createElement(T.Provider,{value:P({},u,e,{densePadding:p,setDensePadding:g,setShowFilters:d,currentEditingRow:f[0],setCurrentEditingRow:f[1],showFilters:s,tableInstance:a})},e.children)},F=function(){return t.useContext(T)},A=function(e){var a=e.column,u=F().localization,c=t.useState(""),s=c[0],d=c[1],m=l.useAsyncDebounce((function(e){a.setFilter(null!=e?e:void 0)}),150);return a.Filter?n.createElement(n.Fragment,null,a.Filter({column:a})):n.createElement(o.TextField,{margin:"dense",placeholder:null==u?void 0:u.filterTextFieldPlaceholder,onChange:function(e){d(e.target.value),m(e.target.value)},onClick:function(e){return e.stopPropagation()},value:null!=s?s:"",variant:"standard",InputProps:{startAdornment:n.createElement(o.InputAdornment,{position:"start"},n.createElement(i,null)),endAdornment:n.createElement(o.InputAdornment,{position:"end"},n.createElement(o.IconButton,{"aria-label":null==u?void 0:u.filterTextFieldClearButtonTitle,disabled:0===(null==s?void 0:s.length),onClick:function(){d(""),a.setFilter(void 0)},size:"small",title:null==u?void 0:u.filterTextFieldClearButtonTitle},n.createElement(r,{fontSize:"small"})))}})},S=o.styled(o.MenuItem)({display:"flex",gap:"0.75rem"}),B=function(e){var t=e.anchorEl,l=e.column,r=e.setAnchorEl,i=F(),a=i.disableColumnHiding,m=i.enableColumnGrouping,p=i.localization,g=function(){l.toggleGroupBy(),r(null)};return n.createElement(o.Menu,{anchorEl:t,open:!!t,onClose:function(){return r(null)}},!i.disableSortBy&&l.canSort&&[n.createElement(S,{key:1,disabled:!l.isSorted,onClick:function(){l.clearSortBy(),r(null)}},n.createElement(u,null)," ",null==p?void 0:p.columnActionMenuItemClearSort),n.createElement(S,{key:2,disabled:l.isSorted&&!l.isSortedDesc,onClick:function(){l.toggleSortBy(!1),r(null)}},n.createElement(c,null)," ",null==p?void 0:p.columnActionMenuItemSortAsc),n.createElement(S,{key:3,disabled:l.isSorted&&l.isSortedDesc,onClick:function(){l.toggleSortBy(!0),r(null)}},n.createElement(c,{style:{transform:"rotate(180deg) scaleX(-1)"}})," ",null==p?void 0:p.columnActionMenuItemSortDesc),n.createElement(o.Divider,{key:4})],!a&&n.createElement(S,{onClick:function(){l.toggleHidden(),r(null)}},n.createElement(s,null)," ",null==p?void 0:p.columnActionMenuItemHideColumn),m&&l.canGroupBy&&n.createElement(S,{disabled:l.isGrouped,onClick:g},n.createElement(d,null)," ",null==p?void 0:p.columnActionMenuItemGroupBy),m&&l.canGroupBy&&n.createElement(S,{disabled:!l.isGrouped,onClick:g},n.createElement(d,null)," ",null==p?void 0:p.columnActionMenuItemUnGroupBy))},R=o.styled(o.IconButton)({opacity:.5,transition:"opacity 0.2s",marginRight:"2px",height:"2rem",width:"2rem","&:hover":{opacity:1}}),I=function(e){var l=e.column,o=F().localization,r=t.useState(null),i=r[0],u=r[1];return n.createElement(n.Fragment,null,n.createElement(R,{"aria-label":null==o?void 0:o.columnActionMenuButtonTitle,title:null==o?void 0:o.columnActionMenuButtonTitle,onClick:function(e){e.stopPropagation(),e.preventDefault(),u(e.currentTarget)},size:"small"},n.createElement(a,null)),n.createElement(B,{anchorEl:i,column:l,setAnchorEl:u}))},k=o.styled(o.TableCell,{shouldForwardProp:function(e){return"densePadding"!==e&&"enableColumnResizing"!==e}})((function(e){return{fontWeight:"bold",verticalAlign:"text-top",padding:e.densePadding?"0.5rem":"1rem",transition:"all "+(e.enableColumnResizing?"10ms":"0.2s")+" ease-in-out"}})),j=o.styled("div")({display:"grid"}),z=o.styled("div")({width:"100%",display:"flex",justifyContent:"space-between"}),O=o.styled("span")({display:"flex",flexWrap:"nowrap",alignItems:"center"}),L=o.styled(o.Divider)({borderRightWidth:"2px",borderRadius:"2px",maxHeight:"2rem"}),M=function(e){var t,l,r,i,a=e.column,u=F(),c=u.densePadding,s=u.disableColumnActions,d=u.disableFilters,m=u.enableColumnResizing,p=u.localization,g=u.muiTableHeadCellProps,f=u.showFilters,h=u.tableInstance,v=(null!=(t=null==a||null==(l=a.columns)?void 0:l.length)?t:0)>0,y=g instanceof Function?g(a):g,b=a.muiTableHeadCellProps instanceof Function?a.muiTableHeadCellProps(a):a.muiTableHeadCellProps,E=P({},y,b,a.getHeaderProps(),{style:P({},a.getHeaderProps().style,null!=(r=null==y?void 0:y.style)?r:{},null!=(i=null==b?void 0:b.style)?i:{})});return n.createElement(k,Object.assign({align:v?"center":"left",densePadding:c,enableColumnResizing:m},E),n.createElement(j,null,n.createElement(z,{style:{justifyContent:v?"center":void 0}},n.createElement(O,Object.assign({},a.getSortByToggleProps()),a.render("Header"),!v&&a.canSort&&n.createElement(o.TableSortLabel,{"aria-label":a.isSorted?a.sortDescFirst?null==p?void 0:p.columnActionMenuItemClearSort:null==p?void 0:p.columnActionMenuItemSortDesc:null==p?void 0:p.columnActionMenuItemSortAsc,active:a.isSorted,direction:a.isSortedDesc?"desc":"asc",style:{margin:0}})),n.createElement(O,null,!s&&!v&&n.createElement(I,{column:a}),m&&!v&&n.createElement(L,Object.assign({flexItem:!0,orientation:"vertical",onDoubleClick:function(){return h.resetResizing()}},a.getResizerProps())))),!d&&a.canFilter&&n.createElement(o.Collapse,{in:f},n.createElement(A,{column:a}))))},G=o.styled(o.TableCell,{shouldForwardProp:function(e){return"densePadding"!==e}})((function(e){return{padding:e.densePadding?"0":"0.6rem",transition:"all 0.2s ease-in-out"}})),D=function(){var e=F(),t=e.localization;return n.createElement(G,{densePadding:e.densePadding,variant:"head"},e.disableSelectAll?null:n.createElement(o.Checkbox,Object.assign({"aria-label":null==t?void 0:t.selectAllCheckboxTitle},e.tableInstance.getToggleAllPageRowsSelectedProps())))},H=o.styled(m,{shouldForwardProp:function(e){return"rotation"!==e}})((function(e){return{transform:"rotate("+e.rotation+"deg)",transition:"transform 0.2s"}})),q=function(){var e=F(),t=e.tableInstance,l=e.localization,r=e.anyRowsExpanded,i=e.densePadding,a=e.renderDetailPanel;return n.createElement(o.TableCell,Object.assign({size:"small"},t.getToggleAllRowsExpandedProps(),{style:{padding:i?"0":"0.5rem 0.5rem",transition:"all 0.2s ease-in-out",width:(a?2:t.expandedDepth+2)+"rem"}}),n.createElement(o.IconButton,{"aria-label":null==l?void 0:l.expandAllButtonTitle,title:null==l?void 0:l.expandAllButtonTitle},n.createElement(H,{fontSize:"small",rotation:t.isAllRowsExpanded?-180:r?-90:0})))},_=function(e){var t,l=e.width,r=F().muiTableBodyCellProps,i=r instanceof Function?r():r,a=P({},i,{style:P({width:l},null!=(t=null==i?void 0:i.style)?t:{})});return n.createElement(o.TableCell,Object.assign({},a))},N=function(e){var l,r=e.headerGroup,i=F(),a=i.anyRowsCanExpand,u=i.densePadding,c=i.disableExpandAll,s=i.enableRowActions,d=i.enableSelection,m=i.localization,p=i.muiTableHeadRowProps,g=i.positionActionsColumn,f=i.renderDetailPanel,h=i.tableInstance,v=t.useMemo((function(){return r.headers.some((function(e){var t,n;return(null!=(t=null==(n=e.columns)?void 0:n.length)?t:0)>0}))}),[r.headers]),y=p instanceof Function?p(r):p,b=P({},y,r.getHeaderGroupProps(),{style:P({},r.getHeaderGroupProps().style,null!=(l=null==y?void 0:y.style)?l:{})});return n.createElement(o.TableRow,Object.assign({},b),s&&"first"===g&&(v?n.createElement(_,null):n.createElement(k,null,null==m?void 0:m.actionsHeadColumnTitle)),a||f?c||v?n.createElement(_,{width:(f?2:h.expandedDepth+.5)+"rem"}):n.createElement(q,null):null,d?v?n.createElement(_,{width:"1rem"}):n.createElement(D,null):null,r.headers.map((function(e){return n.createElement(M,{key:e.getHeaderProps().key,column:e})})),s&&"last"===g&&(v?n.createElement(_,null):n.createElement(k,{densePadding:u},null==m?void 0:m.actionsHeadColumnTitle)))},W=function(){var e=F(),t=e.tableInstance,l=e.muiTableHeadProps,r=l instanceof Function?l(t):l;return n.createElement(o.TableHead,Object.assign({},r),t.headerGroups.map((function(e){return n.createElement(N,{key:e.getHeaderGroupProps().key,headerGroup:e})})))},V=function(e){var t,l,r=e.cell,i=F(),a=i.localization,u=i.currentEditingRow,c=i.setCurrentEditingRow,s=i.muiTableBodyCellEditTextFieldProps,d=function(e){var t;u&&c(P({},u,{values:P({},r.row.values,(t={},t[r.column.id]=e.target.value,t))}))},m=P({},s,r.column.muiTableBodyCellEditTextFieldProps,{style:P({},null==s?void 0:s.style,null==(t=r.column.muiTableBodyCellEditTextFieldProps)?void 0:t.style)});return r.column.editable&&r.column.Edit?n.createElement(n.Fragment,null,r.column.Edit(P({},m,{cell:r,onChange:d}))):n.createElement(o.TextField,Object.assign({margin:"dense",placeholder:null==a?void 0:a.filterTextFieldPlaceholder,onChange:d,onClick:function(e){return e.stopPropagation()},value:null==u||null==(l=u.values)?void 0:l[r.column.id],variant:"standard"},m))},U=o.styled(o.TableCell,{shouldForwardProp:function(e){return"densePadding"!==e}})((function(e){return{padding:e.densePadding?"0.5rem":"1rem",transition:"all 0.2s ease-in-out"}})),Y=function(e){var t,l,o=e.cell,r=F(),i=r.onCellClick,a=r.muiTableBodyCellProps,u=r.densePadding,c=r.currentEditingRow,s=a instanceof Function?a(o):a,d=o.column.muiTableBodyCellProps instanceof Function?o.column.muiTableBodyCellProps(o):o.column.muiTableBodyCellProps,m=P({},s,d,o.getCellProps(),{style:P({},o.getCellProps().style,null!=(t=null==s?void 0:s.style)?t:{},null!=(l=null==d?void 0:d.style)?l:{})});return n.createElement(U,Object.assign({densePadding:u,onClick:function(e){return null==i?void 0:i(e,o)}},m),(null==c?void 0:c.id)===o.row.id?n.createElement(V,{cell:o}):o.isPlaceholder?null:o.isAggregated?o.render("Aggregated"):o.isGrouped?n.createElement("span",null,o.render("Cell")," (",o.row.subRows.length,")"):o.render("Cell"))},K=o.styled(o.TableCell,{shouldForwardProp:function(e){return"isExpanded"!==e}})((function(e){var t=e.isExpanded;return{borderBottom:t?void 0:"none",paddingBottom:t?"1rem":0,paddingTop:t?"1rem":0,transition:"all 0.2s ease-in-out"}})),X=function(e){var t,l,r=e.row,i=F(),a=i.tableInstance,u=i.renderDetailPanel,c=i.muiTableDetailPanelProps,s=i.muiTableBodyRowProps,d=i.onDetailPanelClick,m=s instanceof Function?s(r):s,p=P({},m,r.getToggleRowExpandedProps(),{style:P({},r.getToggleRowExpandedProps().style,null!=(t=null==m?void 0:m.style)?t:{})}),g=c instanceof Function?c(r):c,f=P({},g,{style:P({},null!=(l=null==g?void 0:g.style)?l:{})});return n.createElement(o.TableRow,Object.assign({hover:!0},p),n.createElement(K,Object.assign({colSpan:a.visibleColumns.length+10,isExpanded:r.isExpanded,onClick:function(e){return null==d?void 0:d(e,r)}},f),n.createElement(o.Collapse,{in:r.isExpanded},null==u?void 0:u(r))))},J=o.styled(o.TableCell,{shouldForwardProp:function(e){return"densePadding"!==e&&"depth"!==e}})((function(e){return{padding:e.densePadding?"0":"0.6rem",paddingLeft:e.depth+.5+"rem",transition:"all 0.2s ease-in-out"}})),Q=o.styled(p,{shouldForwardProp:function(e){return"rotation"!==e}})((function(e){return{transform:"rotate("+e.rotation+"deg)",transition:"transform 0.2s"}})),Z=function(e){var t=e.row,l=F(),r=l.localization,i=l.renderDetailPanel;return n.createElement(J,{size:"small",densePadding:l.densePadding,depth:t.depth},n.createElement(o.IconButton,Object.assign({"aria-label":null==r?void 0:r.expandButtonTitle,disabled:!t.canExpand&&!i,title:null==r?void 0:r.expandButtonTitle},t.getToggleRowExpandedProps()),n.createElement(Q,{fontSize:t.canExpand||i?"medium":"small",rotation:t.canExpand||i?t.isExpanded?-180:0:-90})))},$=o.styled(o.TableCell,{shouldForwardProp:function(e){return"densePadding"!==e}})((function(e){return{padding:e.densePadding?"0":"0.6rem",transition:"all 0.2s ease-in-out"}})),ee=function(e){var t=e.row,l=F(),r=l.tableInstance,i=l.onRowSelectChange;return n.createElement($,{densePadding:l.densePadding},n.createElement(o.Checkbox,Object.assign({},t.getToggleRowSelectedProps(),{onChange:function(e){var n;null==(n=t.getToggleRowSelectedProps())||null==n.onChange||n.onChange(e),null==i||i(e,t,r.selectedFlatRows)}})))},te=o.styled(o.MenuItem)({display:"flex",gap:"0.75rem"}),ne=function(e){var t,l=e.anchorEl,r=e.row,i=e.setAnchorEl,a=F(),u=a.localization,c=a.renderRowActionMenuItems,s=a.setCurrentEditingRow,d=a.tableInstance;return n.createElement(o.Menu,{anchorEl:l,open:!!l,onClose:function(){return i(null)}},a.enableRowEditing&&n.createElement(te,{onClick:function(){s(P({},r)),i(null)}},n.createElement(f,null)," ",null==u?void 0:u.rowActionMenuItemEdit),null!=(t=null==c?void 0:c(r,d,(function(){return i(null)})))?t:null)},le=(function(e){var t=function(e){var t=Object.prototype,n=t.hasOwnProperty,l="function"==typeof Symbol?Symbol:{},o=l.iterator||"@@iterator",r=l.asyncIterator||"@@asyncIterator",i=l.toStringTag||"@@toStringTag";function a(e,t,n){return Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{a({},"")}catch(e){a=function(e,t,n){return e[t]=n}}function u(e,t,n,l){var o=Object.create((t&&t.prototype instanceof d?t:d).prototype),r=new C(l||[]);return o._invoke=function(e,t,n){var l="suspendedStart";return function(o,r){if("executing"===l)throw new Error("Generator is already running");if("completed"===l){if("throw"===o)throw r;return{value:void 0,done:!0}}for(n.method=o,n.arg=r;;){var i=n.delegate;if(i){var a=E(i,n);if(a){if(a===s)continue;return a}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if("suspendedStart"===l)throw l="completed",n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);l="executing";var u=c(e,t,n);if("normal"===u.type){if(l=n.done?"completed":"suspendedYield",u.arg===s)continue;return{value:u.arg,done:n.done}}"throw"===u.type&&(l="completed",n.method="throw",n.arg=u.arg)}}}(e,n,r),o}function c(e,t,n){try{return{type:"normal",arg:e.call(t,n)}}catch(e){return{type:"throw",arg:e}}}e.wrap=u;var s={};function d(){}function m(){}function p(){}var g={};a(g,o,(function(){return this}));var f=Object.getPrototypeOf,h=f&&f(f(T([])));h&&h!==t&&n.call(h,o)&&(g=h);var v=p.prototype=d.prototype=Object.create(g);function y(e){["next","throw","return"].forEach((function(t){a(e,t,(function(e){return this._invoke(t,e)}))}))}function b(e,t){var l;this._invoke=function(o,r){function i(){return new t((function(l,i){!function l(o,r,i,a){var u=c(e[o],e,r);if("throw"!==u.type){var s=u.arg,d=s.value;return d&&"object"==typeof d&&n.call(d,"__await")?t.resolve(d.__await).then((function(e){l("next",e,i,a)}),(function(e){l("throw",e,i,a)})):t.resolve(d).then((function(e){s.value=e,i(s)}),(function(e){return l("throw",e,i,a)}))}a(u.arg)}(o,r,l,i)}))}return l=l?l.then(i,i):i()}}function E(e,t){var n=e.iterator[t.method];if(void 0===n){if(t.delegate=null,"throw"===t.method){if(e.iterator.return&&(t.method="return",t.arg=void 0,E(e,t),"throw"===t.method))return s;t.method="throw",t.arg=new TypeError("The iterator does not provide a 'throw' method")}return s}var l=c(n,e.iterator,t.arg);if("throw"===l.type)return t.method="throw",t.arg=l.arg,t.delegate=null,s;var o=l.arg;return o?o.done?(t[e.resultName]=o.value,t.next=e.nextLoc,"return"!==t.method&&(t.method="next",t.arg=void 0),t.delegate=null,s):o:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,s)}function w(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function P(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function C(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(w,this),this.reset(!0)}function T(e){if(e){var t=e[o];if(t)return t.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var l=-1,r=function t(){for(;++l<e.length;)if(n.call(e,l))return t.value=e[l],t.done=!1,t;return t.value=void 0,t.done=!0,t};return r.next=r}}return{next:x}}function x(){return{value:void 0,done:!0}}return m.prototype=p,a(v,"constructor",p),a(p,"constructor",m),m.displayName=a(p,i,"GeneratorFunction"),e.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===m||"GeneratorFunction"===(t.displayName||t.name))},e.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,p):(e.__proto__=p,a(e,i,"GeneratorFunction")),e.prototype=Object.create(v),e},e.awrap=function(e){return{__await:e}},y(b.prototype),a(b.prototype,r,(function(){return this})),e.AsyncIterator=b,e.async=function(t,n,l,o,r){void 0===r&&(r=Promise);var i=new b(u(t,n,l,o),r);return e.isGeneratorFunction(n)?i:i.next().then((function(e){return e.done?e.value:i.next()}))},y(v),a(v,i,"Generator"),a(v,o,(function(){return this})),a(v,"toString",(function(){return"[object Generator]"})),e.keys=function(e){var t=[];for(var n in e)t.push(n);return t.reverse(),function n(){for(;t.length;){var l=t.pop();if(l in e)return n.value=l,n.done=!1,n}return n.done=!0,n}},e.values=T,C.prototype={constructor:C,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(P),!e)for(var t in this)"t"===t.charAt(0)&&n.call(this,t)&&!isNaN(+t.slice(1))&&(this[t]=void 0)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(e){if(this.done)throw e;var t=this;function l(n,l){return i.type="throw",i.arg=e,t.next=n,l&&(t.method="next",t.arg=void 0),!!l}for(var o=this.tryEntries.length-1;o>=0;--o){var r=this.tryEntries[o],i=r.completion;if("root"===r.tryLoc)return l("end");if(r.tryLoc<=this.prev){var a=n.call(r,"catchLoc"),u=n.call(r,"finallyLoc");if(a&&u){if(this.prev<r.catchLoc)return l(r.catchLoc,!0);if(this.prev<r.finallyLoc)return l(r.finallyLoc)}else if(a){if(this.prev<r.catchLoc)return l(r.catchLoc,!0)}else{if(!u)throw new Error("try statement without catch or finally");if(this.prev<r.finallyLoc)return l(r.finallyLoc)}}}},abrupt:function(e,t){for(var l=this.tryEntries.length-1;l>=0;--l){var o=this.tryEntries[l];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var r=o;break}}r&&("break"===e||"continue"===e)&&r.tryLoc<=t&&t<=r.finallyLoc&&(r=null);var i=r?r.completion:{};return i.type=e,i.arg=t,r?(this.method="next",this.next=r.finallyLoc,s):this.complete(i)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),s},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),P(n),s}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var l=n.completion;if("throw"===l.type){var o=l.arg;P(n)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(e,t,n){return this.delegate={iterator:T(e),resultName:t,nextLoc:n},"next"===this.method&&(this.arg=void 0),s}},e}(e.exports);try{regeneratorRuntime=t}catch(e){"object"==typeof globalThis?globalThis.regeneratorRuntime=t:Function("r","regeneratorRuntime = r")(t)}}(C={exports:{}}),C.exports),oe=o.styled("div")({display:"flex",gap:"0.75rem"}),re=function(e){var t,l,r=e.row,i=F(),a=i.localization,u=i.setCurrentEditingRow,c=i.onRowEditSubmit,s=i.currentEditingRow,d=function(){var e,t=(e=le.mark((function e(){return le.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,null==c?void 0:c(null!=s?s:r);case 2:u(null);case 3:case"end":return e.stop()}}),e)})),function(){var t=this,n=arguments;return new Promise((function(l,o){var r=e.apply(t,n);function i(e){w(r,l,o,i,a,"next",e)}function a(e){w(r,l,o,i,a,"throw",e)}i(void 0)}))});return function(){return t.apply(this,arguments)}}();return n.createElement(oe,null,n.createElement(o.Tooltip,{arrow:!0,title:null!=(t=null==a?void 0:a.rowActionButtonCancel)?t:""},n.createElement(o.IconButton,{"aria-label":null==a?void 0:a.rowActionButtonCancel,onClick:function(){u(null)}},n.createElement(v,null))),n.createElement(o.Tooltip,{arrow:!0,title:null!=(l=null==a?void 0:a.rowActionButtonSave)?l:""},n.createElement(o.IconButton,{"aria-label":null==a?void 0:a.rowActionButtonSave,color:"info",onClick:d},n.createElement(h,null))))},ie=o.styled(o.IconButton)({opacity:.5,transition:"opacity 0.2s",marginRight:"2px",height:"2rem",width:"2rem","&:hover":{opacity:1}}),ae=function(e){var l=e.row,o=F(),r=o.localization,i=o.currentEditingRow,a=o.renderRowActions,u=o.tableInstance,c=t.useState(null),s=c[0],d=c[1];return a?n.createElement(n.Fragment,null,a(l,u)):l.id===(null==i?void 0:i.id)?n.createElement(re,{row:l}):n.createElement(n.Fragment,null,n.createElement(ie,{"aria-label":null==r?void 0:r.rowActionMenuButtonTitle,title:null==r?void 0:r.rowActionMenuButtonTitle,onClick:function(e){e.stopPropagation(),e.preventDefault(),d(e.currentTarget)},size:"small"},n.createElement(g,null)),n.createElement(ne,{anchorEl:s,row:l,setAnchorEl:d}))},ue=o.styled(o.TableRow,{shouldForwardProp:function(e){return"isSelected"!==e}})((function(e){return{backgroundColor:e.isSelected?o.alpha(e.theme.palette.primary.light,.1):"transparent"}})),ce=function(e){var t,l=e.row,r=F(),i=r.anyRowsCanExpand,a=r.enableRowActions,u=r.enableSelection,c=r.muiTableBodyRowProps,s=r.onRowClick,d=r.positionActionsColumn,m=r.renderDetailPanel,p=c instanceof Function?c(l):c,g=P({},p,l.getRowProps(),{style:P({},l.getRowProps().style,null!=(t=null==p?void 0:p.style)?t:{})});return n.createElement(n.Fragment,null,n.createElement(ue,Object.assign({isSelected:l.isSelected,hover:!0,onClick:function(e){return null==s?void 0:s(e,l)}},g),a&&"first"===d&&n.createElement(o.TableCell,null,n.createElement(ae,{row:l})),(i||m)&&n.createElement(Z,{row:l}),u&&n.createElement(ee,{row:l}),l.cells.map((function(e){return n.createElement(Y,{key:e.getCellProps().key,cell:e})})),a&&"last"===d&&n.createElement(o.TableCell,null,n.createElement(ae,{row:l}))),m&&n.createElement(X,{row:l}))},se=o.styled(o.TableBody)({overflowY:"hidden"}),de=function(){var e,t=F(),l=t.tableInstance,o=t.muiTableBodyProps,r=t.manualPagination?l.rows:l.page,i=P({},o,l.getTableBodyProps(),{style:P({},l.getTableBodyProps().style,null!=(e=null==o?void 0:o.style)?e:{})});return n.createElement(se,Object.assign({},i),r.map((function(e){return l.prepareRow(e),n.createElement(ce,{key:e.getRowProps().key,row:e})})))},me=o.styled(o.TableCell,{shouldForwardProp:function(e){return"densePadding"!==e&&"enableColumnResizing"!==e}})((function(e){return{fontWeight:"bold",verticalAlign:"text-top",padding:e.densePadding?"0.5rem":"1rem",transition:"all "+(e.enableColumnResizing?"10ms":"0.2s")+" ease-in-out"}})),pe=function(e){var t,l,o,r,i=e.column,a=F(),u=a.muiTableFooterCellProps,c=a.densePadding,s=a.enableColumnResizing,d=(null!=(t=null==i||null==(l=i.columns)?void 0:l.length)?t:0)>0,m=u instanceof Function?u(i):u,p=i.muiTableFooterCellProps instanceof Function?i.muiTableFooterCellProps(i):i.muiTableFooterCellProps,g=P({},m,p,i.getFooterProps(),{style:P({},i.getFooterProps().style,null!=(o=null==m?void 0:m.style)?o:{},null!=(r=null==p?void 0:p.style)?r:{})});return n.createElement(me,Object.assign({align:d?"center":"left",densePadding:c,enableColumnResizing:s,variant:"head"},g),i.render("Footer"))},ge=function(e){var t,l=e.footerGroup,r=F(),i=r.renderDetailPanel,a=r.columns,u=r.anyRowsCanExpand,c=r.enableSelection,s=r.enableRowActions,d=r.positionActionsColumn,m=r.tableInstance,p=r.muiTableFooterRowProps;if(null==a||!a.some((function(e){return e.Footer})))return null;var g=p instanceof Function?p(l):p,f=P({},g,l.getFooterGroupProps(),{style:P({},l.getFooterGroupProps().style,null!=(t=null==g?void 0:g.style)?t:{})});return n.createElement(o.TableRow,Object.assign({},f),s&&"first"===d&&n.createElement(_,null),(u||i)&&n.createElement(_,{width:(i?2:m.expandedDepth+.5)+"rem"}),c&&n.createElement(_,{width:"1rem"}),l.headers.map((function(e){return n.createElement(pe,{key:e.getFooterProps().key,column:e})})),s&&"last"===d&&n.createElement(_,null))},fe=function(){var e=F(),t=e.tableInstance;return n.createElement(o.TableFooter,Object.assign({},e.muiTableFooterProps),t.footerGroups.map((function(e){return n.createElement(ge,{key:e.getFooterGroupProps().key,footerGroup:e})})))},he=function(){var e,t=F(),l=t.tableInstance,r=t.muiTableProps,i=t.hideTableHead,a=t.hideTableFooter,u=P({},r,l.getTableProps(),{style:P({},l.getTableProps().style,null!=(e=null==r?void 0:r.style)?e:{})});return n.createElement(o.Table,Object.assign({},u),!i&&n.createElement(W,null),n.createElement(de,null),!a&&n.createElement(fe,null))},ve=o.styled(o.TextField)({justifySelf:"end"}),ye=function(){var e=F(),i=e.tableInstance,a=e.muiSearchTextFieldProps,u=e.localization,c=e.onGlobalFilterChange,s=t.useState(""),d=s[0],m=s[1],p=l.useAsyncDebounce((function(e){var t;i.setGlobalFilter(null!=(t=e.target.value)?t:void 0),null==c||c(e)}),200);return n.createElement(ve,Object.assign({placeholder:null==u?void 0:u.searchTextFieldPlaceholder,onChange:function(e){m(e.target.value),p(e)},value:null!=d?d:"",variant:"standard",InputProps:{startAdornment:n.createElement(o.InputAdornment,{position:"start"},n.createElement(y,{fontSize:"small"})),endAdornment:n.createElement(o.InputAdornment,{position:"end"},n.createElement(o.IconButton,{"aria-label":null==u?void 0:u.searchTextFieldClearButtonTitle,disabled:0===(null==d?void 0:d.length),onClick:function(){m(""),i.setGlobalFilter(void 0)},size:"small",title:null==u?void 0:u.searchTextFieldClearButtonTitle},n.createElement(r,{fontSize:"small"})))}},a))},be=function(){var e,t=F(),l=t.localization,r=t.setShowFilters,a=t.showFilters;return n.createElement(o.Tooltip,{arrow:!0,title:null!=(e=null==l?void 0:l.toggleFilterButtonTitle)?e:""},n.createElement(o.IconButton,{"aria-label":null==l?void 0:l.toggleFilterButtonTitle,onClick:function(){return r(!a)},size:"small"},n.createElement(a?b:i,null)))},Ee=function e(t){var l,r=t.column,i=F(),a=r.depth===i.maxColumnDepth;return n.createElement(n.Fragment,null,n.createElement(o.MenuItem,{style:{paddingLeft:r.depth+1+"rem"}},a?n.createElement(o.FormControlLabel,{checked:r.isVisible,control:n.createElement(o.Switch,null),label:r.Header,onChange:function(){return a&&r.toggleHidden()}}):n.createElement(o.Typography,null,r.Header)),null==(l=r.columns)?void 0:l.map((function(t,l){return n.createElement(e,{key:l+"-"+t.id,column:t})})))},we=function(){var e,l=F(),r=l.tableInstance,i=l.localization,a=t.useState(null),u=a[0],c=a[1];return n.createElement(n.Fragment,null,n.createElement(o.Tooltip,{arrow:!0,title:null!=(e=null==i?void 0:i.showHideColumnsButtonTitle)?e:""},n.createElement(o.IconButton,{"aria-label":null==i?void 0:i.showHideColumnsButtonTitle,onClick:function(e){c(e.currentTarget)},size:"small"},n.createElement(E,null))),n.createElement(o.Menu,{anchorEl:u,open:!!u,onClose:function(){return c(null)}},r.columns.map((function(e,t){return n.createElement(Ee,{key:t+"-"+e.id,column:e})}))))},Pe=function(){var e,t=F(),l=t.densePadding,r=t.setDensePadding,i=t.localization;return n.createElement(o.Tooltip,{arrow:!0,title:null!=(e=null==i?void 0:i.toggleDensePaddingSwitchTitle)?e:""},n.createElement(o.Switch,{color:"default",checked:l,size:"small",onChange:function(){return r(!l)}}))},Ce=o.styled("div")({display:"flex",gap:"0.5rem",alignItems:"center"}),Te=function(){var e=F(),t=e.disableColumnHiding,l=e.disableDensePaddingToggle;return n.createElement(Ce,null,!e.disableFilters&&n.createElement(be,null),!t&&n.createElement(we,null),!l&&n.createElement(Pe,null))},xe=function(){var e=F(),t=e.tableInstance,l=e.muiTablePaginationProps,r=l instanceof Function?l(t):l;return n.createElement(o.TablePagination,Object.assign({component:"div",count:t.rows.length,onPageChange:function(e,n){return t.gotoPage(n)},onRowsPerPageChange:function(e){t.setPageSize(+e.target.value),t.gotoPage(0)},page:t.state.pageIndex,rowsPerPage:t.state.pageSize,showFirstButton:t.rows.length/t.state.pageSize>2,showLastButton:t.rows.length/t.state.pageSize>2},r))},Fe=o.styled(o.Toolbar)({display:"grid"}),Ae=o.styled("div")({padding:"0.5rem",display:"flex",justifyContent:"space-between"}),Se=o.styled("div")({display:"flex",gap:"0.5rem"}),Be=function(){var e=F(),t=e.disableGlobalFilter,l=e.hideToolbarActions,r=e.manualPagination,i=e.muiTableTitleProps,a=e.muiTableToolbarTopProps,u=e.positionPagination,c=e.positionToolbarActions,s=e.title,d=a instanceof Function?a(e.tableInstance):a;return n.createElement(Fe,Object.assign({variant:"dense"},d),n.createElement(Ae,null,s?n.createElement(o.Typography,Object.assign({variant:"h5"},i),s):n.createElement("span",null),n.createElement(Se,null,!t&&n.createElement(ye,null),!l&&"top"===c&&n.createElement(Te,null))),n.createElement("div",null,!r&&["top","both"].includes(null!=u?u:"")&&n.createElement(xe,null)))},Re=o.styled(o.Toolbar)({padding:0,display:"flex",justifyContent:"space-between"}),Ie=function(){var e=F(),t=e.hideToolbarActions,l=e.manualPagination,o=e.muiTableToolbarBottomProps,r=e.positionPagination,i=e.positionToolbarActions,a=o instanceof Function?o(e.tableInstance):o;return n.createElement(Re,Object.assign({variant:"dense"},a),n.createElement(t||"bottom"!==i?"span":Te,null),!l&&["bottom","both"].includes(null!=r?r:"")&&n.createElement(xe,null))},ke=o.styled("div")((function(e){return{alignItems:"center",backgroundColor:o.alpha(e.theme.palette.background.paper,.5),display:"grid",height:"100%",justifyContent:"center",margin:"auto",position:"absolute",width:"calc(100% - 2rem)"}})),je=function(){var e=F(),t=e.hideToolbarTop,l=e.hideToolbarBottom,r=e.isLoading,i=e.isFetching;return n.createElement(o.TableContainer,Object.assign({component:o.Paper},e.muiTableContainerProps),!t&&n.createElement(Be,null),i&&n.createElement(o.LinearProgress,null),r&&n.createElement(ke,null,n.createElement(o.CircularProgress,{"aria-busy":"true","aria-label":"Loading data"})),n.createElement(he,null),!l&&n.createElement(Ie,null))},ze={actionsHeadColumnTitle:"Actions",columnActionMenuButtonTitle:"Column Actions",columnActionMenuItemClearSort:"Clear sorting",columnActionMenuItemGroupBy:"Group by column",columnActionMenuItemHideColumn:"Hide column",columnActionMenuItemSortAsc:"Sort ascending",columnActionMenuItemSortDesc:"Sort descending",columnActionMenuItemUnGroupBy:"Ungroup column",expandAllButtonTitle:"Expand all",expandButtonTitle:"Expand",filterTextFieldClearButtonTitle:"Clear filter",filterTextFieldPlaceholder:"Filter",rowActionButtonCancel:"Cancel",rowActionButtonSave:"Save",rowActionMenuButtonTitle:"Row Actions",rowActionMenuItemEdit:"Edit",rowActionsColumnTitle:"Actions",searchTextFieldClearButtonTitle:"Clear search",searchTextFieldPlaceholder:"Search",selectAllCheckboxTitle:"Select all",showHideColumnsButtonTitle:"Show/Hide columns",toggleDensePaddingSwitchTitle:"Toggle dense padding",toggleFilterButtonTitle:"Toggle filters"},Oe=["defaultColumn","localization","positionActionsColumn","positionPagination","positionToolbarActions"];exports.default=function(e){var t=e.defaultColumn,l=void 0===t?{minWidth:50,maxWidth:1e3}:t,o=e.localization,r=void 0===o?ze:o,i=e.positionActionsColumn,a=void 0===i?"first":i,u=e.positionPagination,c=void 0===u?"bottom":u,s=e.positionToolbarActions,d=void 0===s?"top":s,m=function(e,t){if(null==e)return{};var n,l,o={},r=Object.keys(e);for(l=0;l<r.length;l++)t.indexOf(n=r[l])>=0||(o[n]=e[n]);return o}(e,Oe);return n.createElement(x,Object.assign({defaultColumn:l,localization:P({},ze,r),positionPagination:c,positionActionsColumn:a,positionToolbarActions:d},m),n.createElement(je,null))};
|
|
2
2
|
//# sourceMappingURL=material-react-table.cjs.production.min.js.map
|