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),l=n.n(a),i=n(8619),c=n(8177),s=n.n(c),u=n(1519),m=n.n(u);const d=require("@mui/icons-material/Info");var p=n.n(d);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(m(),{color:"error"}),info:o().createElement(p(),{color:"info"})},h=({open:e,title:t,text:n,iconType:r="",onConfirm:a,onCancel:l,confirmButtonText:c="Confirm",confirmButtonColor:s="primary",cancelButtonText:u="Cancel",cancelButtonColor:m="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"}},b[r]&&o().createElement("div",{style:{marginRight:10}},b[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:m,variant:"outlined",sx:{whiteSpace:"nowrap",minWidth:100}},u),o().createElement(i.Button,{fullWidth:!0,onClick:a,color:s,variant:"contained",sx:{whiteSpace:"nowrap",minWidth:100}},c)));h.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},h.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: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})}},5420:(e,t,n)=>{n.d(t,{default:()=>g});var r=n(2015),o=n(6842),a=n.n(o);const l=require("@mui/material/TablePagination");var i=n.n(l),c=n(9825),s=n.n(c),u=n(3209);const m={".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"}},d=[u.WU,u.k6,u.Lr],p=({totalRows:e,perPage:t,currentPage:n,onPageChange:o,onPerPageChange:l})=>{const c=r.useMemo((()=>l?d.includes(t)?d:[...d,t].sort(((e,t)=>e-t)):[t]),[t,l]);return r.createElement(i(),{component:"div",count:e??0,rowsPerPageOptions:c,rowsPerPage:t,page:n-1,onPageChange:(e,t)=>{o(t+1)},onRowsPerPageChange:l?e=>{l(parseInt(e.target.value,10))}:void 0,labelRowsPerPage:a().translate("mui_table.rows_per_page"),sx:m})};p.propTypes={totalRows:s().number,perPage:s().number.isRequired,currentPage:s().number.isRequired,onPageChange:s().func.isRequired,onPerPageChange:s().func};const g=p},9207:(e,t,n)=>{n.d(t,{A:()=>d});var r=n(2015),o=n(1570),a=n.n(o),l=n(1897),i=n.n(l),c=n(4325),s=n.n(c),u=n(5387);const m={fontWeight:"normal",overflowWrap:"break-word"},d=({row:e,col:t})=>r.createElement("span",{style:m},a()(e[t.columnKey])?e[t.columnKey]?r.createElement(i(),{fontSize:"large"}):r.createElement(s(),{fontSize:"large"}):t.render?t.render(e):t.truncateText?r.createElement(u.A,{charLimit:t.truncateText},e[t.columnKey]):e[t.columnKey])},5387:(e,t,n)=>{n.d(t,{A:()=>s});var r=n(2015),o=n(9825),a=n.n(o),l=n(4603),i=n.n(l);const c=({children:e,charLimit:t})=>{const n=r.useRef(null),[o,a]=r.useState(!1),l="number"==typeof t,c=l&&e.length>t,s=c?e.slice(0,t)+"...":e,u=c||o?e:"";return r.createElement(i(),{title:u,placement:"top",componentsProps:{tooltip:{sx:{fontSize:"1.2rem"}}}},r.createElement("span",{ref:n,onMouseEnter:()=>{n.current&&!l&&a(n.current.scrollWidth>n.current.offsetWidth)},style:{display:"block",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},r.createElement("span",{style:{fontWeight:"normal"}},s)))};c.propTypes={children:a().string,charLimit:a().oneOfType([a().bool,a().number])};const s=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")},1897:e=>{e.exports=require("@mui/icons-material/Check")},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")},4603:e=>{e.exports=require("@mui/material/Tooltip")},6831:e=>{e.exports=require("@mui/utils")},6842:e=>{e.exports=require("i18n-react/dist/i18n-react")},1570:e=>{e.exports=require("lodash/isBoolean")},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:()=>D});var o=n(1116),a=n.n(o),l=n(2015),i=n(6842),c=n.n(i),s=n(8619),u=n(9247),m=n.n(u),d=n(6084),p=n.n(d),g=n(6831),f=n(6130);const b="mx3fuojj3xuUbN9ch3eB",h=require("@mui/icons-material/ArrowForward");var x=n.n(h),y=n(9825),C=n.n(y),P=n(9207),w=n(5420);function E(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 T(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?E(Object(n),!0).forEach((function(t){a()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):E(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const v={backgroundColor:"background.light",color:"text.disabled"},B={p:0,textAlign:"center",verticalAlign:"middle",width:40,minWidth:40,maxWidth:40},S=({columns:e=[],data:t=[],children:n,totalRows:r,perPage:o,currentPage:a,onPageChange:i,onPerPageChange:u,onSort:d,options:h={sortCol:"",sortDir:1,disableProp:null},getName:y=e=>e.name,onEdit:C,onArchive:E,onDelete:S,onSelect:D,canDelete:_=()=>!0,deleteDialogTitle:O=null,deleteDialogBody:W=null,deleteDialogConfirmText:q=null,confirmButtonColor:k=null,tableSx:j={}})=>{const R=e.length+(C?1:0)+(S?1:0)+(E?1:0)+(D?1:0),{sortCol:z,sortDir:A}=h,K=e=>h.disableProp&&e[h.disableProp]?v:{},M=e=>T(T({},e.width&&{width:e.width,minWidth:e.width,maxWidth:e.width}),e.headSx||{}),L=(e,t)=>T(T(T({},t.width&&{width:t.width,minWidth:t.width,maxWidth:t.width}),t.cellSx||{}),K(e)),N=e=>T(T({},B),K(e));return l.createElement(s.Box,{sx:{width:"100%"}},l.createElement(s.Paper,{elevation:0,sx:{width:"100%",mb:2}},l.createElement(s.TableContainer,{component:s.Paper,sx:{borderRadius:0,boxShadow:"none"}},l.createElement(s.Table,{sx:T({tableLayout:"fixed"},j)},l.createElement(s.TableHead,{sx:{backgroundColor:"#EAEDF4"}},l.createElement(s.TableRow,null,e.map((e=>l.createElement(s.TableCell,{key:e.columnKey,sx:M(e),align:e.align??"left"},e.sortable?l.createElement(s.TableSortLabel,{active:z===e.columnKey,direction:z===e.columnKey&&-1===A?"desc":"asc",onClick:()=>d(e.columnKey,-1*A)},e.header,z===e.columnKey?l.createElement(s.Box,{component:"span",sx:g.visuallyHidden},-1===A?c().translate("mui_table.sorted_desc"):c().translate("mui_table.sorted_asc")):null):e.header))),C&&l.createElement(s.TableCell,{sx:B}),E&&l.createElement(s.TableCell,{sx:T(T({},B),{},{width:80,minWidth:80,maxWidth:80})}),S&&l.createElement(s.TableCell,{sx:B}),D&&l.createElement(s.TableCell,{sx:B}))),l.createElement(s.TableBody,null,t.map((t=>l.createElement(s.TableRow,{key:t.id},e.map((e=>l.createElement(s.TableCell,{key:e.columnKey,align:e.align??"left",className:`${e.dottedBorder&&b} ${e.className}`,sx:L(t,e)},l.createElement(P.A,{row:t,col:e})))),C&&l.createElement(s.TableCell,{align:"center",className:b,sx:N(t)},l.createElement(s.IconButton,{size:"medium",onClick:()=>C(t),sx:{padding:0},"data-testid":"action-edit",disabled:h.disableProp&&t[h.disableProp]},l.createElement(m(),{fontSize:"large"}))),E&&l.createElement(s.TableCell,{align:"center",sx:T(T({},N(t)),{},{width:80,minWidth:80,maxWidth:80}),className:b},l.createElement(s.Button,{variant:"text",color:"inherit",size:"large",onClick:()=>E(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:h.disableProp&&"is_archived"!==h.disableProp&&t[h.disableProp]},t.is_archived?c().translate("general.unarchive"):c().translate("general.archive"))),S&&l.createElement(s.TableCell,{align:"center",className:b,sx:N(t)},_(t)&&l.createElement(s.IconButton,{size:"medium",onClick:()=>(async e=>{await(0,f.default)({title:O||c().translate("general.are_you_sure"),text:"function"==typeof W?W(y(e)):W||`${c().translate("general.row_remove_warning")} ${y(e)}`,type:"warning",showCancelButton:!0,confirmButtonColor:k||"error",confirmButtonText:q||c().translate("general.yes_delete")})&&S(e.id)})(t),"data-testid":"action-delete",sx:{padding:0},disabled:h.disableProp&&t[h.disableProp]},l.createElement(p(),{fontSize:"large"}))),D&&l.createElement(s.TableCell,{align:"center",sx:N(t),className:b},l.createElement(s.IconButton,{size:"medium",onClick:()=>D(t),"data-testid":"action-select",sx:{padding:0},disabled:h.disableProp&&t[h.disableProp]},l.createElement(x(),null)))))),n,0===t.length&&l.createElement(s.TableRow,null,l.createElement(s.TableCell,{colSpan:R,align:"center"},c().translate("mui_table.no_items")))))),o&&a&&i&&l.createElement(w.default,{totalRows:r,perPage:o,currentPage:a,onPageChange:i,onPerPageChange:u})))};S.propTypes={columns:C().array,data:C().array,children:C().node,totalRows:C().number,perPage:C().number,currentPage:C().number,onPageChange:C().func,onPerPageChange:C().func,onSort:C().func,options:C().object,getName:C().func,onEdit:C().func,onArchive:C().func,onDelete:C().func,onSelect:C().func,canDelete:C().func,deleteDialogTitle:C().string,deleteDialogBody:C().oneOfType([C().func,C().string]),deleteDialogConfirmText:C().string,confirmButtonColor:C().string,tableSx:C().object};const D=S;return r})()));
//# sourceMappingURL=table.js.map