openstack-uicore-foundation/lib/components/mui/table.js

ui reactjs components for openstack marketing site

!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("openstack-uicore-foundation",[],t):"object"==typeof exports?exports["openstack-uicore-foundation"]=t():e["openstack-uicore-foundation"]=t()}(this,(()=>(()=>{"use strict";var e={4574:(e,t,n)=>{var r=n(2015),o=n.n(r),a=n(9825),l=n.n(a),i=n(8619),c=n(5814);const s={warning:o().createElement(c.Warning,{color:"warning"}),success:o().createElement(c.CheckCircle,{color:"success"}),error:o().createElement(c.Error,{color:"error"}),info:o().createElement(c.Info,{color:"info"})},u=({open:e,title:t,text:n,iconType:r="",onConfirm:a,onCancel:l,confirmButtonText:c="Confirm",confirmButtonColor:u="primary",cancelButtonText:m="Cancel",cancelButtonColor:d="primary"})=>o().createElement(i.Dialog,{open:e,onClose:l},o().createElement(i.DialogTitle,{sx:{p:2},component:"div"},o().createElement(i.Typography,{variant:"h5"},t)),o().createElement(i.Divider,null),o().createElement(i.DialogContent,{sx:{p:2}},o().createElement("div",{style:{display:"flex",alignItems:"center"}},s[r]&&o().createElement("div",{style:{marginRight:10}},s[r]),o().createElement(i.Typography,{variant:"body1"},n))),o().createElement(i.Divider,{sx:{margin:"10px 0px 10px 0px"}}),o().createElement(i.DialogActions,null,o().createElement(i.Button,{fullWidth:!0,onClick:l,color:d,variant:"outlined",sx:{whiteSpace:"nowrap",minWidth:100}},m),o().createElement(i.Button,{fullWidth:!0,onClick:a,color:u,variant:"contained",sx:{whiteSpace:"nowrap",minWidth:100}},c)));u.propTypes={open:l().bool,title:l().string.isRequired,text:l().string.isRequired,iconType:l().string,onConfirm:l().func.isRequired,onCancel:l().func.isRequired,confirmButtonText:l().string,confirmButtonColor:l().string,cancelButtonText:l().string,cancelButtonColor:l().string},u.defaultProps={open:!1,iconType:"warning",confirmButtonText:"Confirm",confirmButtonColor:"primary",cancelButtonText:"Cancel",cancelButtonColor:"default"}},6130:(e,t,n)=>{n.d(t,{default:()=>a});n(1116),n(2015),n(4574);const r="__oif_confirm_dialog_bridge__",o="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:{},a=({title:e,text:t,iconType:n="",confirmButtonText:a="Confirm",cancelButtonText:l="Cancel",confirmButtonColor:i="primary",cancelButtonColor:c="primary"})=>{if(!o[r])throw new Error("[openstack-uicore-foundation] showConfirmDialog: <GlobalConfirmDialog /> is not mounted. Add <GlobalConfirmDialog /> to the root of your app.");return o[r]({title:e,text:t,iconType:n,confirmButtonText:a,cancelButtonText:l,confirmButtonColor:i,cancelButtonColor:c})}},3209:(e,t,n)=>{n.d(t,{Lr:()=>a,WU:()=>r,k6:()=>o});const r=10,o=20,a=50},1116:e=>{e.exports=require("@babel/runtime/helpers/defineProperty")},5814:e=>{e.exports=require("@mui/icons-material")},4325:e=>{e.exports=require("@mui/icons-material/Close")},6084:e=>{e.exports=require("@mui/icons-material/Delete")},9247:e=>{e.exports=require("@mui/icons-material/Edit")},8619:e=>{e.exports=require("@mui/material")},6831:e=>{e.exports=require("@mui/utils")},6842:e=>{e.exports=require("i18n-react/dist/i18n-react")},7825:e=>{e.exports=require("lodash")},9825:e=>{e.exports=require("prop-types")},2015:e=>{e.exports=require("react")}},t={};function n(r){var o=t[r];if(void 0!==o)return o.exports;var a=t[r]={exports:{}};return e[r](a,a.exports,n),a.exports}(()=>{n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t}})(),(()=>{n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}})(),(()=>{n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})(),(()=>{n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}})();var r={};n.r(r),n.d(r,{default:()=>j});var o=n(1116),a=n.n(o),l=n(2015),i=n(6842),c=n.n(i),s=n(7825),u=n(8619),m=n(9247),d=n.n(m),p=n(6084),g=n.n(p);const f=require("@mui/icons-material/Check");var b=n.n(f),y=n(4325),x=n.n(y),h=n(6831),C=n(3209),E=n(6130);const w="mx3fuojj3xuUbN9ch3eB",T=require("@mui/icons-material/ArrowForward");var P=n.n(T),B=n(9825),v=n.n(B);function D(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?D(Object(n),!0).forEach((function(t){a()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):D(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const O={backgroundColor:"background.light",color:"text.disabled"},k=({columns:e=[],data:t=[],children:n,totalRows:r,perPage:o,currentPage:a,onPageChange:i,onPerPageChange:m,onSort:p,options:f={sortCol:"",sortDir:1,disableProp:null},getName:y=e=>e.name,onEdit:T,onArchive:B,onDelete:v,onSelect:D,canDelete:k=()=>!0,deleteDialogTitle:j=null,deleteDialogBody:S=null,deleteDialogConfirmText:q=null,confirmButtonColor:R=null})=>{const W=e.length+(T?1:0)+(v?1:0)+(B?1:0)+(D?1:0),z=[C.WU,C.k6,C.Lr],K=l.useRef(o);let N=z.includes(K.current)?z:[...z,K.current].sort(((e,t)=>e-t));m||(N=[K.current]);const{sortCol:A,sortDir:I}=f,M=(e,t={})=>_(_({},t),(e=>f.disableProp&&e[f.disableProp]?O:null)(e)||{});return l.createElement(u.Box,{sx:{width:"100%"}},l.createElement(u.Paper,{elevation:0,sx:{width:"100%",mb:2}},l.createElement(u.TableContainer,{component:u.Paper,sx:{borderRadius:0,boxShadow:"none"}},l.createElement(u.Table,null,l.createElement(u.TableHead,{sx:{backgroundColor:"#EAEAEA"}},l.createElement(u.TableRow,null,e.map((e=>l.createElement(u.TableCell,{key:e.columnKey,sx:{width:e.width,minWidth:e.width,maxWidth:e.width},align:e.align??"left"},e.sortable?l.createElement(u.TableSortLabel,{active:A===e.columnKey,direction:A===e.columnKey&&-1===I?"desc":"asc",onClick:()=>p(e.columnKey,-1*I)},e.header,A===e.columnKey?l.createElement(u.Box,{component:"span",sx:h.visuallyHidden},-1===I?c().translate("mui_table.sorted_desc"):c().translate("mui_table.sorted_asc")):null):e.header))),T&&l.createElement(u.TableCell,{sx:{width:40}}),B&&l.createElement(u.TableCell,{sx:{width:80}}),v&&l.createElement(u.TableCell,{sx:{width:40}}),D&&l.createElement(u.TableCell,{sx:{width:40}}))),l.createElement(u.TableBody,null,t.map((t=>l.createElement(u.TableRow,{key:t.id},e.map((e=>l.createElement(u.TableCell,{key:e.columnKey,align:e.align??"left",className:`${e.dottedBorder&&w} ${e.className}`,sx:M(t)},((e,t)=>t.render?t.render(e):(0,s.isBoolean)(e[t.columnKey])?e[t.columnKey]?l.createElement(b(),{fontSize:"large"}):l.createElement(x(),{fontSize:"large"}):e[t.columnKey])(t,e)))),T&&l.createElement(u.TableCell,{align:"center",className:w,sx:M(t,{width:40})},l.createElement(u.IconButton,{size:"large",onClick:()=>T(t),"data-testid":"action-edit"},l.createElement(d(),{fontSize:"large"}))),B&&l.createElement(u.TableCell,{align:"center",sx:{width:80},className:w},l.createElement(u.Button,{variant:"text",color:"inherit",size:"small",onClick:()=>B(t),"data-testid":"action-archive",sx:{fontSize:"1.3rem",fontWeight:500,lineHeight:"2.2rem",padding:"4px 5px"}},t.is_archived?c().translate("general.unarchive"):c().translate("general.archive"))),v&&l.createElement(u.TableCell,{align:"center",className:w,sx:M(t,{width:40})},k(t)&&l.createElement(u.IconButton,{size:"large",onClick:()=>(async e=>{await(0,E.default)({title:j||c().translate("general.are_you_sure"),text:"function"==typeof S?S(y(e)):S||`${c().translate("general.row_remove_warning")} ${y(e)}`,type:"warning",showCancelButton:!0,confirmButtonColor:R||"#DD6B55",confirmButtonText:q||c().translate("general.yes_delete")})&&v(e.id)})(t),"data-testid":"action-delete"},l.createElement(g(),{fontSize:"large"}))),D&&l.createElement(u.TableCell,{align:"center",sx:{width:40},className:w},l.createElement(u.IconButton,{size:"large",onClick:()=>D(t),"data-testid":"action-select"},l.createElement(P(),null)))))),n,0===t.length&&l.createElement(u.TableRow,null,l.createElement(u.TableCell,{colSpan:W,align:"center"},c().translate("mui_table.no_items")))))),o&&a&&l.createElement(u.TablePagination,{component:"div",count:r,rowsPerPageOptions:N,rowsPerPage:o,page:a-1,onPageChange:(e,t)=>{i(t+1)},onRowsPerPageChange:e=>{m(e.target.value)},labelRowsPerPage:c().translate("mui_table.rows_per_page"),sx:{".MuiTablePagination-toolbar":{alignItems:"baseline",marginTop:"1.6rem"},".MuiTablePagination-spacer":{display:"none"},".MuiTablePagination-displayedRows":{marginLeft:"auto"}}})))};k.propTypes={columns:v().array,data:v().array,children:v().node,totalRows:v().number,perPage:v().number,currentPage:v().number,onPageChange:v().func,onPerPageChange:v().func,onSort:v().func,options:v().object,getName:v().func,onEdit:v().func,onArchive:v().func,onDelete:v().func,onSelect:v().func,canDelete:v().func,deleteDialogTitle:v().string,deleteDialogBody:v().oneOfType([v().func,v().string]),deleteDialogConfirmText:v().string,confirmButtonColor:v().string};const j=k;return r})()));
//# sourceMappingURL=table.js.map