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:()=>y});var l=r(1116),n=r.n(l),a=r(6031),o=r.n(a),i=r(2015),u=r.n(i),s=r(8619),m=r(7994),c=r(2522),d=r(8672),p=r(6915),b=r(5480),v=r(9314),f=r(2359);function h(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?h(Object(r),!0).forEach((function(t){n()(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):h(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const y=({rowId:e,field:t,timeZone:r,label:l="",disabled:n=!1})=>{const a={name:`i-${e}-c-${t.class_field}-f-${t.type_id}`,label:l,disabled:n};switch(t.type){case"CheckBox":return u().createElement(m.default,a);case"CheckBoxList":return u().createElement(c.default,o()({},a,{size:"small",options:t.values.map((e=>({value:e.id,label:e.value})))}));case"RadioButtonList":return u().createElement(d.default,o()({},a,{size:"small",options:t.values.map((e=>({value:e.id,label:e.value})))}));case"DateTime":return u().createElement(p.default,a);case"Time":return u().createElement(b.default,o()({},a,{timeZone:r}));case"Quantity":return u().createElement(v.default,o()({},a,{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(f.default,o()({},a,{size:"small"}),t.values.map((e=>u().createElement(s.MenuItem,{key:`ddopt-${e.id}`,value:e.id},e.value))));case"Text":return u().createElement(v.default,o()({},a,{fullWidth:!0,size:"small"}));case"TextArea":return u().createElement(v.default,o()({},a,{fullWidth:!0,size:"small",multiline:!0,rows:3}))}}},7994:(e,t,r)=>{r.d(t,{default:()=>v});var l=r(6031),n=r.n(l),a=r(2462),o=r.n(a),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[a,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,n()({name:t},a,{checked:a.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:()=>h});var l=r(6031),n=r.n(l),a=r(2462),o=r.n(a),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:a=!1}=e,i=o()(e,v);const[s,m,f]=(0,b.useField)(t),h=`${r} *`;return u().createElement(d.LocalizationProvider,{dateAdapter:p.AdapterMoment},u().createElement(c.DatePicker,n()({value:s.value,onChange:f.setValue,slotProps:{textField:{name:t,label:l?h:r,error:m.touched&&Boolean(m.error),helperText:m.touched&&m.error,fullWidth:!0,disabled:a},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 h=f},2522:(e,t,r)=>{r.d(t,{default:()=>b});var l=r(6031),n=r.n(l),a=r(2462),o=r.n(a),i=r(2015),u=r.n(i),s=r(8619),m=r(3294),c=r(6842),d=r.n(c);const p=["name","options"],b=e=>{let{name:t,options:r}=e,l=o()(e,p);const[a,i,c]=(0,m.useField)(t),b=r.every((({value:e})=>{var t;return null===(t=a.value)||void 0===t?void 0:t.includes(e)}));return u().createElement(s.FormControl,{fullWidth:!0,error:i.touched&&Boolean(i.error)},u().createElement(s.Select,n()({variant:"outlined",name:t,multiple:!0,value:a.value||[],onChange:e=>{const{value:t}=e.target;t.includes("all")?b?c.setValue([]):c.setValue(r.map((e=>e.value))):c.setValue(t)},onBlur:a.onBlur,displayEmpty:!0},l,{renderValue:e=>{if(null==e||!e.length)return l.placeholder||"";if(b)return d().translate("general.all");return r.filter((({value:t})=>null==e?void 0:e.includes(t))).map((({label:e})=>e)).join(", ")}}),u().createElement(s.MenuItem,{key:"all",value:"all"},u().createElement(s.Checkbox,{checked:b}),u().createElement(s.ListItemText,{primary:d().translate("general.all")})),u().createElement(s.Divider,null),r.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=a.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),n=r.n(l),a=r(2462),o=r.n(a),i=r(2015),u=r.n(i),s=r(8619),m=r(3294),c=r(6842),d=r.n(c);const p=["name","options","placeholder"],b=e=>{let{name:t,options:r,placeholder:l}=e,a=o()(e,p);const i=l||d().translate("general.select_an_option"),[c,b,v]=(0,m.useField)(t);return u().createElement(s.FormControl,{fullWidth:!0,error:b.touched&&Boolean(b.error)},u().createElement(s.Select,n()({variant:"outlined",name:t,value:c.value||"",onChange:e=>{v.setValue(e.target.value)},displayEmpty:!0},a,{renderValue:e=>{if(!e)return u().createElement("em",null,i);const t=r.find((({value:t})=>t===e));return t?t.label:""}}),r.map((({label:e,value:t})=>u().createElement(s.MenuItem,{key:`radio-ddl-${t}`,value:t},u().createElement(s.Radio,{checked:c.value===t}),u().createElement(s.ListItemText,{primary:e}))))))}},2359:(e,t,r)=>{r.d(t,{default:()=>h});var l=r(6031),n=r.n(l),a=r(2462),o=r.n(a),i=r(2015),u=r.n(i),s=r(9825),m=r.n(s),c=r(8619),d=r(692),p=r.n(d),b=r(3294);const v=["name","label","placeholder","children","isClearable"],f=e=>{let{name:t,label:r,placeholder:l,children:a,isClearable:i}=e,s=o()(e,v);const[m,d,f]=(0,b.useField)(t),h=(null==m?void 0:m.value)&&""!==m.value||Boolean(l);return u().createElement(c.FormControl,{fullWidth:!0,error:d.touched&&Boolean(d.error)},r&&u().createElement(c.InputLabel,{htmlFor:t,id:`${t}-label`,shrink:h},r),u().createElement(c.Select,n()({name:t,id:t},m,{labelId:`${t}-label`,label:r,notched:h,displayEmpty:!0,renderValue:e=>e&&""!==e?e:u().createElement("span",{style:{color:"#aaa"}},l),endAdornment:i&&m.value?u().createElement(c.InputAdornment,{position:"end",sx:{mr:2}},u().createElement(c.IconButton,{size:"small",onClick:e=>{e.stopPropagation(),f.setValue("")}},u().createElement(p(),{fontSize:"small"}))):null},s),a),d.touched&&d.error&&u().createElement(c.FormHelperText,null,d.error))};f.propTypes={name:m().string.isRequired,children:m().node.isRequired,placeholder:m().string,isClearable:m().bool};const h=f},9314:(e,t,r)=>{r.d(t,{default:()=>v});var l=r(6031),n=r.n(l),a=r(2462),o=r.n(a),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:a,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,n()({name:r,label:f},m,{onBlur:m.onBlur,margin:"normal",error:b.touched&&Boolean(b.error),helperText:b.touched&&b.error,slotProps:{htmlInput:{maxLength:a}}},s)),a&&u().createElement(c.Typography,{sx:{fontSize:"1.2rem",color:"#00000099",pl:2}},a-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),n=r.n(l),a=r(9825),o=r.n(a),i=r(4),u=r(5643);const s=require("@mui/x-date-pickers/TimePicker");var m=r(3294);const c=({name:e,minTime:t,maxTime:r,timeZone:l,disabled:a=!1})=>{const[o,c,d]=(0,m.useField)(e);return n().createElement(i.LocalizationProvider,{dateAdapter:u.AdapterMoment},n().createElement(s.TimePicker,{value:o.value,onChange:d.setValue,minTime:t,maxTime:r,timezone:l,label:l,views:["hours","minutes"],slotProps:{textField:{name:e,error:c.touched&&Boolean(c.error),helperText:c.touched&&c.error,size:"small",fullWidth:!0,disabled:a,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")},692:e=>{e.exports=require("@mui/icons-material/Clear")},4325:e=>{e.exports=require("@mui/icons-material/Close")},8619:e=>{e.exports=require("@mui/material")},6368:e=>{e.exports=require("@mui/material/Button")},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 n=t[l];if(void 0!==n)return n.exports;var a=t[l]={exports:{}};return e[l](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 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:()=>C});var n=r(2015),a=r.n(n),o=r(9825),i=r.n(o),u=r(6842),s=r.n(u),m=r(6368),c=r.n(m);const d=require("@mui/material/Dialog");var p=r.n(d);const b=require("@mui/material/DialogActions");var v=r.n(b);const f=require("@mui/material/DialogContent");var h=r.n(f);const x=require("@mui/material/DialogTitle");var y=r.n(x),g=r(8619),E=r(4325),q=r.n(E),k=r(6611);const T=({item:e,timeZone:t,open:r,onClose:l})=>{const n=(null==e?void 0:e.meta_fields.filter((e=>"Item"===e.class_field)))||[];return a().createElement(p(),{open:r,onClose:l,maxWidth:"sm",fullWidth:!0},a().createElement(y(),null,s().translate("general.settings")),a().createElement(g.IconButton,{"aria-label":"close",onClick:l,sx:e=>({position:"absolute",right:8,top:8,color:e.palette.grey[500]})},a().createElement(q(),null)),a().createElement(g.Divider,null),a().createElement(h(),null,a().createElement(g.Typography,{variant:"body2",component:"div",sx:{marginBottom:"20px"}},null==e?void 0:e.name),a().createElement(g.Divider,{sx:{marginBottom:"20px",marginLeft:"-24px",marginRight:"-24px"}}),n.map((r=>a().createElement(a().Fragment,{key:`item-field-${r.type_id}`},a().createElement(k.A,{field:r,rowId:e.form_item_id,timeZone:t,label:r.name}))))),a().createElement(v(),null,a().createElement(c(),{onClick:()=>{l()},variant:"contained",fullWidth:!0},s().translate("general.save"))))};T.propTypes={item:i().object.isRequired,open:i().bool.isRequired,onClose:i().func.isRequired};const C=T;return l})()));
//# sourceMappingURL=item-settings-modal.js.map