@nexusui/components
Version:
These are custom components specially-developed for NexusUI applications. They will make your life easier by giving you out-of-the-box implementations for various high-level UI elements that you can drop directly into your application.
2 lines (1 loc) • 1.71 kB
JavaScript
import{jsxs as r,jsx as a}from"react/jsx-runtime";import{useMemo as i}from"react";import t from"@mui/material/Box";import o from"@mui/material/Button";import e from"@mui/material/CircularProgress";import m from"@mui/material/Dialog";import l from"@mui/material/Typography";import s from"@mui/material/DialogTitle";import n from"@mui/material/DialogContent";import c from"@mui/material/DialogActions";import{useTheme as d}from"@mui/material/styles";import p from"@mui/material/useMediaQuery";import{PartDetails as u}from"./components/PartDetails/PartDetails.js";const f=f=>{const{control:g,errors:h,isLoading:D,disableSave:P,materials:b,customers:C,materialForms:v,handleOnSubmit:x,thumbnailProps:y,cropDimensions:S,onCancel:F,t:z,...j}=f,k=d(),w=p(k.breakpoints.down("sm")),B=i((()=>({...y.isPartDialogHidden?{opacity:0}:{},"& .MuiPaper-root":{width:"100%",maxWidth:960}})),[y.isPartDialogHidden]);return r(m,{sx:B,fullScreen:w,scroll:"paper",...j,onClose:F,children:[a(s,{component:l,variant:"h6",fontWeight:"700",children:z("Part Details")}),a(n,{children:a(t,{component:"form","data-testid":"PartDialog-Form","aria-label":"Part dialog form",onSubmit:x,id:"partForm",children:a(u,{thumbnailProps:y,cropDimensions:S,control:g,materials:b,customers:C,materialForms:v,t:z})})}),r(c,{sx:{p:4},children:[a(o,{"aria-label":z("Cancel"),size:"small","data-testid":"PartDialog-Cancel",disabled:D,onClick:F,children:z("Cancel")}),a(o,{size:"small","data-testid":"PartDialog-Save","aria-label":"Part dialog save",type:"submit",form:"partForm",variant:"contained",disabled:D||P,children:D?a(e,{color:"inherit",size:16,"data-testid":"PartDialog-circular-progress"}):z("Save")})]})]})};export{f as PartDialogComponent};