openstack-uicore-foundation/lib/components/mui/item-settings-modal.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={6611:(e,t,r)=>{r.d(t,{A:()=>h});var l=r(1116),a=r.n(l),n=r(6031),o=r.n(n),i=r(2015),u=r.n(i),s=r(7994),m=r(2522),c=r(8672),d=r(6915),p=r(5480),b=r(9314),v=r(9736);function f(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,l)}return r}function x(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?f(Object(r),!0).forEach((function(t){a()(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):f(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const h=({rowId:e,field:t,timeZone:r,label:l="",disabled:a=!1})=>{const n={name:`i-${e}-c-${t.class_field}-f-${t.type_id}`,label:l,disabled:a};switch(t.type){case"CheckBox":return u().createElement(s.default,o()({},n,{size:"small"}));case"CheckBoxList":return u().createElement(m.default,o()({},n,{size:"small",options:t.values.map((e=>({value:e.id,label:e.value})))}));case"RadioButtonList":return u().createElement(c.default,o()({},n,{size:"small",options:t.values.map((e=>({value:e.id,label:e.value})))}));case"DateTime":return u().createElement(d.default,n);case"Time":return u().createElement(p.default,o()({},n,{timeZone:r}));case"Quantity":return u().createElement(b.default,o()({},n,{fullWidth:!0,size:"small",type:"number",slotProps:{htmlInput:x({min:t.minimum_quantity},t.maximum_quantity>0?{max:t.maximum_quantity}:{})}}));case"ComboBox":return u().createElement(v.default,o()({},n,{size:"small",options:t.values.map((e=>({value:e.id,label:e.value})))}));case"Text":return u().createElement(b.default,o()({},n,{fullWidth:!0,size:"small"}));case"TextArea":return u().createElement(b.default,o()({},n,{fullWidth:!0,size:"small",multiline:!0,rows:3}))}}},7994:(e,t,r)=>{r.d(t,{default:()=>v});var l=r(6031),a=r.n(l),n=r(2462),o=r.n(n),i=r(2015),u=r.n(i),s=r(9825),m=r.n(s),c=r(8619),d=r(3294);const p=["name","label"],b=e=>{let{name:t,label:r}=e,l=o()(e,p);const[n,i]=(0,d.useField)({name:t,type:"checkbox"});return u().createElement(c.FormControl,{fullWidth:!0,margin:"normal",error:i.touched&&Boolean(i.error)},u().createElement(c.FormControlLabel,{control:u().createElement(c.Checkbox,a()({name:t},n,{checked:n.value},l)),label:r}),i.touched&&i.error&&u().createElement(c.FormHelperText,null,i.error))};b.propTypes={name:m().string.isRequired,label:m().string.isRequired};const v=b},6915:(e,t,r)=>{r.d(t,{default:()=>x});var l=r(6031),a=r.n(l),n=r(2462),o=r.n(n),i=r(2015),u=r.n(i),s=r(9825),m=r.n(s);const c=require("@mui/x-date-pickers/DatePicker");var d=r(4),p=r(5643),b=r(3294);const v=["name","label","required","disabled"],f=e=>{let{name:t,label:r,required:l,disabled:n=!1}=e,i=o()(e,v);const[s,m,f]=(0,b.useField)(t),x=`${r} *`;return u().createElement(d.LocalizationProvider,{dateAdapter:p.AdapterMoment},u().createElement(c.DatePicker,a()({value:s.value,onChange:f.setValue,slotProps:{textField:{name:t,label:l?x:r,error:m.touched&&Boolean(m.error),helperText:m.touched&&m.error,fullWidth:!0,disabled:n,size:"small"},day:{sx:{fontSize:"1.2rem",fontWeight:600}},layout:{sx:{"& .MuiDayCalendar-weekDayLabel":{fontSize:"1rem"}}}},margin:"normal"},i)))};f.propTypes={name:m().string.isRequired,label:m().string,required:m().bool,disabled:m().bool};const x=f},2522:(e,t,r)=>{r.d(t,{default:()=>b});var l=r(6031),a=r.n(l),n=r(2462),o=r.n(n),i=r(2015),u=r.n(i),s=r(8619),m=r(3294),c=r(6842),d=r.n(c);const p=["name","label","placeholder","options"],b=e=>{let{name:t,label:r,placeholder:l,options:n}=e,i=o()(e,p);const[c,b,v]=(0,m.useField)(t),f=l||d().translate("general.select_an_option"),x=n.every((({value:e})=>{var t;return null===(t=c.value)||void 0===t?void 0:t.includes(e)}));return u().createElement(s.FormControl,{fullWidth:!0,error:b.touched&&Boolean(b.error)},r&&u().createElement(s.InputLabel,{shrink:!0,id:`${t}-label`},r),u().createElement(s.Select,a()({variant:"outlined",name:t,label:r,labelId:`${t}-label`,multiple:!0,value:c.value||[],onChange:e=>{const{value:t}=e.target;t.includes("all")?x?v.setValue([]):v.setValue(n.map((e=>e.value))):v.setValue(t)},onBlur:c.onBlur,displayEmpty:!0},i,{renderValue:e=>{if(null==e||!e.length)return u().createElement("em",null,f);if(x)return d().translate("general.all");const t=n.filter((({value:t})=>null==e?void 0:e.includes(t))).map((({label:e})=>e));return t.join(", ")}}),u().createElement(s.MenuItem,{key:"all",value:"all"},u().createElement(s.Checkbox,{checked:x}),u().createElement(s.ListItemText,{primary:d().translate("general.all")})),u().createElement(s.Divider,{sx:{m:0}}),n.map((({label:e,value:t})=>{var r;return u().createElement(s.MenuItem,{key:`ckbx-ddl-${t}`,value:t},u().createElement(s.Checkbox,{checked:null===(r=c.value)||void 0===r?void 0:r.includes(t)}),u().createElement(s.ListItemText,{primary:e}))}))))}},8672:(e,t,r)=>{r.d(t,{default:()=>b});var l=r(6031),a=r.n(l),n=r(2462),o=r.n(n),i=r(2015),u=r.n(i),s=r(8619),m=r(3294),c=r(6842),d=r.n(c);const p=["name","label","options","placeholder"],b=e=>{let{name:t,label:r,options:l,placeholder:n}=e,i=o()(e,p);const c=n||d().translate("general.select_an_option"),[b,v,f]=(0,m.useField)(t);return u().createElement(s.FormControl,{fullWidth:!0,error:v.touched&&Boolean(v.error)},r&&u().createElement(s.InputLabel,{shrink:!0,id:`${t}-label`},r),u().createElement(s.Select,a()({variant:"outlined",name:t,label:r,labelId:`${t}-label`,value:b.value||"",onChange:e=>{f.setValue(e.target.value)},displayEmpty:!0},i,{renderValue:e=>{if(!e)return u().createElement("em",null,c);const t=l.find((({value:t})=>t===e));return t?t.label:""}}),l.map((({label:e,value:t})=>u().createElement(s.MenuItem,{key:`radio-ddl-${t}`,value:t},u().createElement(s.Radio,{checked:b.value===t}),u().createElement(s.ListItemText,{primary:e}))))))}},9736:(e,t,r)=>{r.d(t,{default:()=>x});var l=r(6031),a=r.n(l),n=r(2462),o=r.n(n),i=r(2015),u=r.n(i),s=r(9825),m=r.n(s),c=r(6842),d=r.n(c),p=r(8619),b=r(3294);const v=["name","label","placeholder","options"],f=e=>{let{name:t,label:r,placeholder:l,options:n}=e,i=o()(e,v);const[s,m]=(0,b.useField)(t),c=l||d().translate("general.select_an_option");return u().createElement(p.FormControl,{fullWidth:!0,error:m.touched&&Boolean(m.error)},r&&u().createElement(p.InputLabel,{id:`${t}-label`},r),u().createElement(p.Select,a()({name:t,label:r,labelId:`${t}-label`,displayEmpty:!0},s,i,{renderValue:e=>{if(null==e||""===e)return u().createElement("em",null,c);const t=n.find((({value:t})=>t===e));return t?t.label:""}}),n.map((e=>u().createElement(p.MenuItem,{key:`selectop-${e.value}`,value:e.value},e.label)))),m.touched&&m.error&&u().createElement(p.FormHelperText,null,m.error))};f.propTypes={name:m().string.isRequired,options:m().array.isRequired};const x=f},9314:(e,t,r)=>{r.d(t,{default:()=>v});var l=r(6031),a=r.n(l),n=r(2462),o=r.n(n),i=r(2015),u=r.n(i),s=r(9825),m=r.n(s),c=r(8619),d=r(3294);const p=["name","label","maxLength","required"],b=e=>{var t;let{name:r,label:l,maxLength:n,required:i=!1}=e,s=o()(e,p);const[m,b]=(0,d.useField)(r),v=(null===(t=m.value)||void 0===t?void 0:t.length)||0;let f="";return l&&(f=i?`${l} *`:l),u().createElement(c.Box,null,u().createElement(c.TextField,a()({name:r,label:f},m,{onBlur:m.onBlur,margin:"normal",error:b.touched&&Boolean(b.error),helperText:b.touched&&b.error,slotProps:{htmlInput:{maxLength:n}}},s)),n&&u().createElement(c.Typography,{sx:{fontSize:"1.2rem",color:"#00000099",pl:2}},n-v+" characters left"))};b.propTypes={name:m().string.isRequired,label:m().string,maxLength:m().number,required:m().bool};const v=b},5480:(e,t,r)=>{r.d(t,{default:()=>d});var l=r(2015),a=r.n(l),n=r(9825),o=r.n(n),i=r(4),u=r(5643);const s=require("@mui/x-date-pickers/TimePicker");var m=r(3294);const c=({name:e,label:t,minTime:r,maxTime:l,timeZone:n,disabled:o=!1})=>{const[c,d,p]=(0,m.useField)(e);return a().createElement(i.LocalizationProvider,{dateAdapter:u.AdapterMoment},a().createElement(s.TimePicker,{value:c.value,onChange:p.setValue,minTime:r,maxTime:l,timezone:n,label:n,views:["hours","minutes"],slotProps:{textField:{name:e,label:t,error:d.touched&&Boolean(d.error),helperText:d.touched&&d.error,size:"small",fullWidth:!0,disabled:o,sx:{"& .MuiPickersSectionList-root":{width:"100%"},"& .MuiFormHelperText-root":{marginLeft:"4px",marginRight:"4px"}}}}}))};c.propTypes={name:o().string.isRequired};const d=c},1116:e=>{e.exports=require("@babel/runtime/helpers/defineProperty")},6031:e=>{e.exports=require("@babel/runtime/helpers/extends")},2462:e=>{e.exports=require("@babel/runtime/helpers/objectWithoutProperties")},4325:e=>{e.exports=require("@mui/icons-material/Close")},8619:e=>{e.exports=require("@mui/material")},6989:e=>{e.exports=require("@mui/material/Box")},6368:e=>{e.exports=require("@mui/material/Button")},7413:e=>{e.exports=require("@mui/material/Divider")},909:e=>{e.exports=require("@mui/material/IconButton")},785:e=>{e.exports=require("@mui/material/Typography")},5643:e=>{e.exports=require("@mui/x-date-pickers/AdapterMoment")},4:e=>{e.exports=require("@mui/x-date-pickers/LocalizationProvider")},3294:e=>{e.exports=require("formik")},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 r(l){var a=t[l];if(void 0!==a)return a.exports;var n=t[l]={exports:{}};return e[l](n,n.exports,r),n.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 l in t)r.o(t,l)&&!r.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,get:t[l]})}})(),(()=>{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 l={};r.r(l),r.d(l,{default:()=>I});var a=r(2015),n=r.n(a),o=r(9825),i=r.n(o),u=r(6842),s=r.n(u),m=r(6989),c=r.n(m),d=r(6368),p=r.n(d);const b=require("@mui/material/Dialog");var v=r.n(b);const f=require("@mui/material/DialogActions");var x=r.n(f);const h=require("@mui/material/DialogContent");var y=r.n(h);const E=require("@mui/material/DialogTitle");var g=r.n(E),q=r(7413),k=r.n(q),T=r(909),P=r.n(T),C=r(785),O=r.n(C),j=r(4325),B=r.n(j),L=r(6611);const _=({item:e,timeZone:t,open:r,onClose:l})=>{const a=(null==e?void 0:e.meta_fields.filter((e=>"Item"===e.class_field)))||[];return n().createElement(v(),{open:r,onClose:l,maxWidth:"sm",fullWidth:!0},n().createElement(g(),null,s().translate("general.settings")),n().createElement(P(),{"aria-label":"close",onClick:l,sx:e=>({position:"absolute",right:8,top:8,color:e.palette.grey[500]})},n().createElement(B(),null)),n().createElement(k(),null),n().createElement(y(),null,n().createElement(O(),{variant:"body2",component:"div",sx:{marginBottom:"20px"}},null==e?void 0:e.name),n().createElement(k(),{sx:{marginBottom:"20px",marginLeft:"-24px",marginRight:"-24px"}}),a.map((r=>n().createElement(c(),{key:`item-field-${r.type_id}`,sx:{mb:2}},n().createElement(L.A,{field:r,rowId:e.form_item_id,timeZone:t,label:r.name}))))),n().createElement(x(),null,n().createElement(p(),{onClick:()=>{l()},variant:"contained",fullWidth:!0},s().translate("general.save"))))};_.propTypes={item:i().object.isRequired,open:i().bool.isRequired,onClose:i().func.isRequired};const I=_;return l})()));
//# sourceMappingURL=item-settings-modal.js.map