openstack-uicore-foundation/lib/components/mui/sortable-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,r)=>{var n=r(2015),o=r.n(n),a=r(9825),i=r.n(a),l=r(8619),c=r(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:r,iconType:n="",onConfirm:a,onCancel:i,confirmButtonText:c="Confirm",confirmButtonColor:u="primary",cancelButtonText:m="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"}},s[n]&&o().createElement("div",{style:{marginRight:10}},s[n]),o().createElement(l.Typography,{variant:"body1"},r))),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}},m),o().createElement(l.Button,{fullWidth:!0,onClick:a,color:u,variant:"contained",sx:{whiteSpace:"nowrap",minWidth:100}},c)));u.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},u.defaultProps={open:!1,iconType:"warning",confirmButtonText:"Confirm",confirmButtonColor:"primary",cancelButtonText:"Cancel",cancelButtonColor:"default"}},6130:(e,t,r)=>{r.d(t,{default:()=>a});r(1116),r(2015),r(4574);const n="__oif_confirm_dialog_bridge__",o="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:{},a=({title:e,text:t,iconType:r="",confirmButtonText:a="Confirm",cancelButtonText:i="Cancel",confirmButtonColor:l="primary",cancelButtonColor:c="primary"})=>{if(!o[n])throw new Error("[openstack-uicore-foundation] showConfirmDialog: <GlobalConfirmDialog /> is not mounted. Add <GlobalConfirmDialog /> to the root of your app.");return o[n]({title:e,text:t,iconType:r,confirmButtonText:a,cancelButtonText:i,confirmButtonColor:l,cancelButtonColor:c})}},1116:e=>{e.exports=require("@babel/runtime/helpers/defineProperty")},5814:e=>{e.exports=require("@mui/icons-material")},8619:e=>{e.exports=require("@mui/material")},9825:e=>{e.exports=require("prop-types")},2015:e=>{e.exports=require("react")}},t={};function r(n){var o=t[n];if(void 0!==o)return o.exports;var a=t[n]={exports:{}};return e[n](a,a.exports,r),a.exports}(()=>{r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t}})(),(()=>{r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})}})(),(()=>{r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})(),(()=>{r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}})();var n={};r.r(n),r.d(n,{default:()=>L});const o=require("@babel/runtime/helpers/extends");var a=r.n(o),i=r(1116),l=r.n(i),c=r(2015);const s=require("i18n-react/dist/i18n-react");var u=r.n(s);const m=require("@mui/material/Box");var d=r.n(m);const p=require("@mui/material/Table");var g=r.n(p);const f=require("@mui/material/TableBody");var b=r.n(f);const y=require("@mui/material/TableCell");var x=r.n(y);const E=require("@mui/material/TableContainer");var h=r.n(E);const v=require("@mui/material/TableHead");var w=r.n(v);const C=require("@mui/material/TablePagination");var P=r.n(C);const T=require("@mui/material/TableSortLabel");var B=r.n(T);const D=require("@mui/material/TableRow");var q=r.n(D);const O=require("@mui/material/Paper");var _=r.n(O);const j=require("@mui/icons-material/UnfoldMore");var S=r.n(j),k=r(8619);const R=require("@mui/icons-material/Edit");var K=r.n(R);const I=require("@mui/icons-material/Delete");var W=r.n(I);const z=require("react-beautiful-dnd"),M=require("@mui/utils"),A="pAjoKOwibtPxYWEmjS7g";var N=r(6130);function $(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function H(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?$(Object(r),!0).forEach((function(t){l()(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):$(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const L=({columns:e=[],data:t=[],totalRows:r,perPage:n,currentPage:o,onPageChange:i,onPerPageChange:l,onSort:s,options:m={sortCol:"",sortDir:1},getName:p=e=>e.name,onEdit:f,onDelete:y,deleteDialogTitle:E=null,deleteDialogBody:v=null,onReorder:C,idKey:T="id",updateOrderKey:D="order"})=>{const O=[10,20,50],j=O.includes(n)?O:[...O,n].sort(((e,t)=>e-t)),{sortCol:R,sortDir:I}=m;return c.createElement(d(),{sx:{width:"100%"}},c.createElement(_(),{elevation:0,sx:{width:"100%",mb:2}},c.createElement(h(),{component:_(),sx:{borderRadius:0,boxShadow:"none"}},c.createElement(g(),null,c.createElement(w(),{sx:{backgroundColor:"#EAEAEA"}},c.createElement(q(),null,e.map((e=>c.createElement(x(),{key:e.columnKey,sx:{width:e.width,minWidth:e.width,maxWidth:e.width},align:e.align??"left"},e.sortable?c.createElement(B(),{active:R===e.columnKey,direction:R===e.columnKey&&-1===I?"desc":"asc",onClick:()=>s(e.columnKey,-1*I)},e.header,R===e.columnKey?c.createElement(d(),{component:"span",sx:M.visuallyHidden},-1===I?u().translate("mui_table.sorted_desc"):u().translate("mui_table.sorted_asc")):null):e.header))),f&&c.createElement(x(),{sx:{width:40}}),y&&c.createElement(x(),{sx:{width:40}}),C&&c.createElement(x(),{sx:{width:40}}))),c.createElement(z.DragDropContext,{onDragEnd:e=>{var r;if(!e.destination||e.source.index===e.destination.index)return;const n=[...t],[o]=n.splice(e.source.index,1);n.splice(e.destination.index,0,o),D&&n.forEach(((e,t)=>{e[D]=t+1}));const a=o.id,i=null===(r=n.find((e=>e[T||"id"]===a)))||void 0===r?void 0:r[D];null==C||C(n,a,i)}},c.createElement(z.Droppable,{droppableId:"mui-table-droppable"},(r=>c.createElement(b(),a()({ref:r.innerRef},r.droppableProps),t.map(((t,r)=>c.createElement(z.Draggable,{key:t[T]||r,draggableId:String(t[T]||r),index:r},((r,n)=>c.createElement(q(),a()({ref:r.innerRef},r.draggableProps,{sx:H({},n.isDragging?{display:"table",width:"100%",tableLayout:"fixed",backgroundColor:"#f0f0f0",transform:"scale(1.01)",boxShadow:"0 4px 12px rgba(0, 0, 0, 0.1)",zIndex:1,position:"relative",transition:"transform 0.2s ease, background-color 0.2s ease"}:{transition:"background-color 0.2s ease"})}),e.map((e=>{var r;return c.createElement(x(),{key:e.columnKey,align:e.align??"left",className:`${e.dottedBorder&&A} ${e.className}`},(null===(r=e.render)||void 0===r?void 0:r.call(e,t))||t[e.columnKey])})),f&&c.createElement(x(),{align:"center",sx:{width:40},className:A},c.createElement(k.IconButton,{size:"large",onClick:()=>f(t)},c.createElement(K(),{fontSize:"large"}))),y&&c.createElement(x(),{align:"center",sx:{width:40},className:A},c.createElement(k.IconButton,{size:"large",onClick:()=>(async e=>{await(0,N.default)({title:E||u().translate("general.are_you_sure"),text:"function"==typeof v?v(p(e)):v||`${u().translate("general.row_remove_warning")} ${p(e)}`,type:"warning",showCancelButton:!0,confirmButtonColor:"#DD6B55",confirmButtonText:u().translate("general.yes_delete")})&&y(e.id)})(t)},c.createElement(W(),{fontSize:"large"}))),C&&c.createElement(x(),a()({align:"center",sx:{width:40},className:A},r.dragHandleProps),c.createElement(k.IconButton,{size:"large"},c.createElement(S(),{fontSize:"large"})))))))),r.placeholder,0===t.length&&c.createElement(q(),null,c.createElement(x(),{colSpan:e.length,align:"center"},u().translate("mui_table.no_items"))))))))),l&&i&&c.createElement(P(),{component:"div",count:r,rowsPerPageOptions:j,rowsPerPage:n,page:o-1,onPageChange:(e,t)=>{i(t+1)},onRowsPerPageChange:e=>{l(e.target.value)},labelRowsPerPage:u().translate("mui_table.rows_per_page"),sx:{".MuiTablePagination-toolbar":{alignItems:"baseline",marginTop:"1.6rem"},".MuiTablePagination-spacer":{display:"none"},".MuiTablePagination-displayedRows":{marginLeft:"auto"}}})))};return n})()));
//# sourceMappingURL=sortable-table.js.map