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