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={9299:(e,t,n)=>{var r=n(2015),o=n.n(r),a=n(9825),i=n.n(a),l=n(8619),c=n(8177),s=n.n(c),u=n(1519),d=n.n(u);const m=require("@mui/icons-material/Info");var p=n.n(m);const g=require("@mui/icons-material/Warning");var f=n.n(g);const b={warning:o().createElement(f(),{color:"warning"}),success:o().createElement(s(),{color:"success"}),error:o().createElement(d(),{color:"error"}),info:o().createElement(p(),{color:"info"})},x=({open:e,title:t,text:n,iconType:r="",onConfirm:a,onCancel:i,confirmButtonText:c="Confirm",confirmButtonColor:s="primary",cancelButtonText:u="Cancel",cancelButtonColor:d="primary"})=>o().createElement(l.Dialog,{open:e,onClose:i},o().createElement(l.DialogTitle,{sx:{p:2},component:"div"},o().createElement(l.Typography,{variant:"h5"},t)),o().createElement(l.Divider,null),o().createElement(l.DialogContent,{sx:{p:2}},o().createElement("div",{style:{display:"flex",alignItems:"center"}},b[r]&&o().createElement("div",{style:{marginRight:10}},b[r]),o().createElement(l.Typography,{variant:"body1"},n))),o().createElement(l.Divider,{sx:{margin:"10px 0px 10px 0px"}}),o().createElement(l.DialogActions,null,o().createElement(l.Button,{fullWidth:!0,onClick:i,color:d,variant:"outlined",sx:{whiteSpace:"nowrap",minWidth:100}},u),o().createElement(l.Button,{fullWidth:!0,onClick:a,color:s,variant:"contained",sx:{whiteSpace:"nowrap",minWidth:100}},c)));x.propTypes={open:i().bool,title:i().string.isRequired,text:i().string.isRequired,iconType:i().string,onConfirm:i().func.isRequired,onCancel:i().func.isRequired,confirmButtonText:i().string,confirmButtonColor:i().string,cancelButtonText:i().string,cancelButtonColor:i().string},x.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(9299);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:i="Cancel",confirmButtonColor:l="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:i,confirmButtonColor:l,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")},8177:e=>{e.exports=require("@mui/icons-material/CheckCircle")},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")},1519:e=>{e.exports=require("@mui/icons-material/Error")},8619:e=>{e.exports=require("@mui/material")},6831:e=>{e.exports=require("@mui/utils")},6842:e=>{e.exports=require("i18n-react/dist/i18n-react")},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),i=n(2015),l=n(6842),c=n.n(l);const s=require("lodash/isBoolean");var u=n.n(s),d=n(8619),m=n(9247),p=n.n(m),g=n(6084),f=n.n(g);const b=require("@mui/icons-material/Check");var x=n.n(b),h=n(4325),y=n.n(h),C=n(6831),E=n(3209),T=n(6130);const w="mx3fuojj3xuUbN9ch3eB",P=require("@mui/icons-material/ArrowForward");var v=n.n(P),B=n(9825),D=n.n(B);function _(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 S(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?_(Object(n),!0).forEach((function(t){a()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):_(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const O={backgroundColor:"background.light",color:"text.disabled"},W={p:0,textAlign:"center",verticalAlign:"middle",width:40,minWidth:40,maxWidth:40},k=({columns:e=[],data:t=[],children:n,totalRows:r,perPage:o,currentPage:a,onPageChange:l,onPerPageChange:s,onSort:m,options:g={sortCol:"",sortDir:1,disableProp:null},getName:b=e=>e.name,onEdit:h,onArchive:P,onDelete:B,onSelect:D,canDelete:_=()=>!0,deleteDialogTitle:k=null,deleteDialogBody:j=null,deleteDialogConfirmText:q=null,confirmButtonColor:R=null})=>{const z=e.length+(h?1:0)+(B?1:0)+(P?1:0)+(D?1:0),K=[E.WU,E.k6,E.Lr],N=i.useRef(o);let A=K.includes(N.current)?K:[...K,N.current].sort(((e,t)=>e-t));s||(A=[N.current]);const{sortCol:M,sortDir:I}=g,L=e=>g.disableProp&&e[g.disableProp]?O:{},$=e=>S(S({},e.width&&{width:e.width,minWidth:e.width,maxWidth:e.width}),e.headSx||{}),H=(e,t)=>S(S(S({fontWeight:"normal"},t.width&&{width:t.width,minWidth:t.width,maxWidth:t.width}),t.cellSx||{}),L(e)),U=e=>S(S({},W),L(e));return i.createElement(d.Box,{sx:{width:"100%"}},i.createElement(d.Paper,{elevation:0,sx:{width:"100%",mb:2}},i.createElement(d.TableContainer,{component:d.Paper,sx:{borderRadius:0,boxShadow:"none"}},i.createElement(d.Table,{sx:{tableLayout:"fixed"}},i.createElement(d.TableHead,{sx:{backgroundColor:"#EAEDF4"}},i.createElement(d.TableRow,null,e.map((e=>i.createElement(d.TableCell,{key:e.columnKey,sx:$(e),align:e.align??"left"},e.sortable?i.createElement(d.TableSortLabel,{active:M===e.columnKey,direction:M===e.columnKey&&-1===I?"desc":"asc",onClick:()=>m(e.columnKey,-1*I)},e.header,M===e.columnKey?i.createElement(d.Box,{component:"span",sx:C.visuallyHidden},-1===I?c().translate("mui_table.sorted_desc"):c().translate("mui_table.sorted_asc")):null):e.header))),h&&i.createElement(d.TableCell,{sx:W}),P&&i.createElement(d.TableCell,{sx:S(S({},W),{},{width:80,minWidth:80,maxWidth:80})}),B&&i.createElement(d.TableCell,{sx:W}),D&&i.createElement(d.TableCell,{sx:W}))),i.createElement(d.TableBody,null,t.map((t=>i.createElement(d.TableRow,{key:t.id},e.map((e=>i.createElement(d.TableCell,{key:e.columnKey,align:e.align??"left",className:`${e.dottedBorder&&w} ${e.className}`,sx:H(t,e)},((e,t)=>t.render?t.render(e):u()(e[t.columnKey])?e[t.columnKey]?i.createElement(x(),{fontSize:"large"}):i.createElement(y(),{fontSize:"large"}):i.createElement("span",{style:{fontWeight:"normal"}},e[t.columnKey]))(t,e)))),h&&i.createElement(d.TableCell,{align:"center",className:w,sx:U(t)},i.createElement(d.IconButton,{size:"medium",onClick:()=>h(t),sx:{padding:0},"data-testid":"action-edit",disabled:g.disableProp&&t[g.disableProp]},i.createElement(p(),{fontSize:"large"}))),P&&i.createElement(d.TableCell,{align:"center",sx:S(S({},U(t)),{},{width:80,minWidth:80,maxWidth:80}),className:w},i.createElement(d.Button,{variant:"text",color:"inherit",size:"large",onClick:()=>P(t),"data-testid":"action-archive",sx:{fontSize:"1.3rem",fontWeight:"normal",lineHeight:"2.2rem",minWidth:0,padding:0,color:"rgba(0,0,0,0.56)"},disabled:g.disableProp&&"is_archived"!==g.disableProp&&t[g.disableProp]},t.is_archived?c().translate("general.unarchive"):c().translate("general.archive"))),B&&i.createElement(d.TableCell,{align:"center",className:w,sx:U(t)},_(t)&&i.createElement(d.IconButton,{size:"medium",onClick:()=>(async e=>{await(0,T.default)({title:k||c().translate("general.are_you_sure"),text:"function"==typeof j?j(b(e)):j||`${c().translate("general.row_remove_warning")} ${b(e)}`,type:"warning",showCancelButton:!0,confirmButtonColor:R||"#DD6B55",confirmButtonText:q||c().translate("general.yes_delete")})&&B(e.id)})(t),"data-testid":"action-delete",sx:{padding:0},disabled:g.disableProp&&t[g.disableProp]},i.createElement(f(),{fontSize:"large"}))),D&&i.createElement(d.TableCell,{align:"center",sx:U(t),className:w},i.createElement(d.IconButton,{size:"medium",onClick:()=>D(t),"data-testid":"action-select",sx:{padding:0},disabled:g.disableProp&&t[g.disableProp]},i.createElement(v(),null)))))),n,0===t.length&&i.createElement(d.TableRow,null,i.createElement(d.TableCell,{colSpan:z,align:"center"},c().translate("mui_table.no_items")))))),o&&a&&i.createElement(d.TablePagination,{component:"div",count:r,rowsPerPageOptions:A,rowsPerPage:o,page:a-1,onPageChange:(e,t)=>{l(t+1)},onRowsPerPageChange:e=>{s(e.target.value)},labelRowsPerPage:c().translate("mui_table.rows_per_page"),sx:{".MuiTablePagination-toolbar":{alignItems:"baseline",marginTop:"1.6rem"},".MuiTablePagination-selectLabel":{color:"rgba(0, 0, 0, 0.6)",fontSize:"12px",fontWeight:"normal"},".MuiTablePagination-select":{color:"rgba(0, 0, 0, 0.6)",fontSize:"12px",fontWeight:"normal"},".MuiTablePagination-spacer":{display:"none"},".MuiTablePagination-displayedRows":{marginLeft:"auto"}}})))};k.propTypes={columns:D().array,data:D().array,children:D().node,totalRows:D().number,perPage:D().number,currentPage:D().number,onPageChange:D().func,onPerPageChange:D().func,onSort:D().func,options:D().object,getName:D().func,onEdit:D().func,onArchive:D().func,onDelete:D().func,onSelect:D().func,canDelete:D().func,deleteDialogTitle:D().string,deleteDialogBody:D().oneOfType([D().func,D().string]),deleteDialogConfirmText:D().string,confirmButtonColor:D().string};const j=k;return r})()));
//# sourceMappingURL=table.js.map