"use strict";var e=require("react"),o=require("prop-types"),r=require("react-sortable-hoc"),i=require("@material-ui/core"),n=require("./SortableComponent.js"),t=require("react/jsx-runtime"),s=i.makeStyles({body:{flex:1,minHeight:0,zIndex:0,position:"relative"}}),a=r.SortableContainer((function(e){var o=e.components,r=e.validate,i=e.sortableIndex,a=e.onDeleteComponent,u=e.onSaveComponent,l=e.isMobile,m=e.viewColumnsPerRow,d=e.editColumnsPerRow,p=s();return t.jsx("div",{className:p.body,children:o.map((function(e,s){return t.jsx(n,{index:s,isSortable:i===s,sortableIndex:i,component:e,isTopComponent:0===s,isLastCompnent:s===o.length-1,validate:r,onDelete:a,onSave:u,isMobile:l,viewColumnsPerRow:m,editColumnsPerRow:d},e.id)}))})}));a.propTypes={components:o.arrayOf(o.shape({id:o.string.isRequired})),validate:o.func.isRequired,sortableIndex:o.number.isRequired,onSaveComponent:o.func.isRequired,onDeleteComponent:o.func.isRequired,isMobile:o.bool.isRequired,viewColumnsPerRow:o.number.isRequired,editColumnsPerRow:o.number.isRequired};var u=e.memo(a);module.exports=u;
