openstack-uicore-foundation 4.0.76 → 4.0.78
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/extra-questions.js +1 -1
- package/lib/components/forms/rsvp-form.js +1 -1
- package/lib/components/forms/simple-form.js +1 -1
- package/lib/components/free-text-search.js +1 -1
- package/lib/components/index.js +1 -1
- package/lib/components/inputs/checkbox-list.js +1 -1
- package/lib/components/inputs/country-dropdown.js +1 -1
- package/lib/components/inputs/dropdown.js +1 -1
- package/lib/components/inputs/radio-list.js +1 -1
- package/lib/components/inputs/text-input.js +1 -1
- package/lib/components/inputs/upload-input.js +1 -1
- package/package.json +4 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
!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={2230:(e,t,r)=>{r.d(t,{default:()=>m});var n=r(580),a=r.n(n),s=r(6689),l=r.n(s),i=r(4656),o=r.n(i),u=r(418);const c=["onChange","value","className","options","id","children","error","disabled","name"];function d(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},s=Object.keys(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}class m extends l().Component{constructor(e){super(e);let t=!!e.value&&e.value.find((t=>!e.options.map((e=>e.value)).includes(t)));this.state={otherChecked:!!t},this.handleChange=this.handleChange.bind(this),this.handleOtherCBChange=this.handleOtherCBChange.bind(this)}handleChange(e){let t=this.props.options.map((e=>e.value)),r=this.props.value?[...this.props.value]:[];if("checkbox"===e.target.type)if(e.target.checked){const t=isNaN(e.target.value)?e.target.value:parseInt(e.target.value);r.push(t)}else r=r.filter((t=>t!=e.target.value));else r=r.filter((e=>t.includes(e))),r.push(e.target.value);let n={target:{id:this.props.id,value:r,type:"checkboxlist"}};this.props.onChange(n)}handleOtherCBChange(e){this.setState({otherChecked:e.target.checked})}render(){let e,t=this.props,{onChange:r,value:n,className:a,options:s,id:i,children:m,error:p,disabled:h,name:b}=t,{otherChecked:f}=(d(t,c),this.state),y=this.props.hasOwnProperty("inline"),v=this.props.hasOwnProperty("html"),g=this.props.hasOwnProperty("allowOther"),_=!!n&&n.find((e=>!s.map((e=>e.value)).includes(e))),O=this.props.hasOwnProperty("error")&&""!==p,E=this.props.hasOwnProperty("disabled")&&1==h;return e=y?{paddingLeft:"22px",marginLeft:"20px",float:"left"}:{paddingLeft:"22px",marginTop:"7px"},l().createElement("div",{id:`chl_wrapper_${i}`},l().createElement("div",{className:"checkboxes-div"+(O?" error":"")},s.map((t=>{let r=!!n&&n.includes(t.value);return l().createElement("div",{className:"form-check abc-checkbox",key:"radio_key_"+t.value,style:e},l().createElement("input",{type:"checkbox",id:`cb_${i}_${t.value}`,name:b||i,checked:r,disabled:E,onChange:this.handleChange,className:"form-check-input",value:t.value}),l().createElement("label",{className:"form-check-label",htmlFor:`cb_${i}_${t.value}`},v&&l().createElement(u.default,null,t.label),!v&&t.label))})),g&&l().createElement("div",{className:"form-check abc-checkbox",style:e},l().createElement("input",{type:"checkbox",id:"cb_other"+i,checked:f,disabled:E,onChange:this.handleOtherCBChange,className:"form-check-input",value:"other"}),l().createElement("label",{className:"form-check-label",htmlFor:"cb_other"+i},o().translate("general.other"))),g&&f&&l().createElement("div",{style:{paddingLeft:"22px",width:"50%"}},l().createElement("input",{className:"form-control",disabled:E,onChange:this.handleChange,value:_}))),O&&l().createElement("p",{className:"error-label"},p))}}m.propTypes={id:a().string.isRequired}},401:(e,t,r)=>{r.d(t,{default:()=>p});var n=r(6689),a=r.n(n),s=r(1929),l=r.n(s);const i=["onChange","value","className","error","clearable","disabled","overrideCSS"];function o(){return o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},o.apply(this,arguments)}function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function c(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?u(Object(r),!0).forEach((function(t){d(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function d(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function m(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},s=Object.keys(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}class p extends a().Component{constructor(e){super(e),this.handleChange=this.handleChange.bind(this)}handleChange(e){let t=null;t=this.props.isMulti?e?e.map((e=>e.value)):null:e?e.value:null;let r={target:{id:this.props.id,value:t,type:"dropdown"}};this.props.onChange(r)}render(){let e=this.props,{onChange:t,value:r,className:n,error:s,clearable:u,disabled:d,overrideCSS:p}=e,h=m(e,i),b=this.props.hasOwnProperty("error")&&""!=s,f=this.props.hasOwnProperty("clearable"),y=this.props.hasOwnProperty("disabled")&&1==d,v=null,g=n;this.props.hasOwnProperty("overrideCSS")&&0!=p||(g="dropdown "+n+" "+(b?"error":"")),v=this.props.isMulti?this.props.options.filter((e=>r.includes(e.value))):r instanceof Object||null==r?r:this.props.options.find((e=>e.value==r));const _={menu:e=>c(c({},e),{},{zIndex:999})};return a().createElement("div",null,a().createElement(l(),o({className:g,value:v,onChange:this.handleChange,isClearable:f,isDisabled:y,styles:_},h)),b&&a().createElement("p",{className:"error-label"},s))}}},7027:(e,t,r)=>{r.d(t,{default:()=>c});var n=r(6689),a=r.n(n),s=r(418),l=r(580),i=r.n(l);const o=["onChange","value","className","error","disabled","options","id","name"];function u(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},s=Object.keys(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}class c extends a().Component{constructor(e){super(e),this.state={value:e.value},this.handleChange=this.handleChange.bind(this)}handleChange(e){let t={target:{id:this.props.id,value:e.target.value,type:"radio"}};this.props.onChange(t)}getLabel(e,t,r,n,l){return r?a().createElement("label",{className:"form-check-label",htmlFor:`radio_${t}_${e.value}`,style:{display:"inline-block"}},l&&a().createElement(s.default,null,e.label),!l&&e.label):n?a().createElement("label",{className:"form-check-label",htmlFor:`radio_${t}_${e.value}`},e.label):a().createElement("label",{className:"form-check-label",htmlFor:`radio_${t}_${e.value}`,style:{display:"inline-block"}},a().createElement("h4",{style:{marginTop:"0px"}},e.label),a().createElement(s.default,null,e.description))}render(){let e,t=this.props,{onChange:r,value:n,className:s,error:l,disabled:i,options:c,id:d,name:m}=t,p=(u(t,o),this.props.hasOwnProperty("error")&&""!=l),h=this.props.hasOwnProperty("inline"),b=this.props.hasOwnProperty("simple"),f=this.props.hasOwnProperty("html"),y=this.props.hasOwnProperty("disabled")&&1==i;return e=h?{paddingLeft:"22px",marginLeft:"20px",float:"left"}:{paddingLeft:"22px"},a().createElement("div",{id:`rl_wrapper_${d}`},c.map((t=>{let r=t.value==n;return a().createElement("div",{className:"form-check abc-radio",key:`radio_key_${d}_${t.value}`,style:e},a().createElement("input",{className:"form-check-input",type:"radio",id:`radio_${d}_${t.value}`,value:t.value,checked:r,onChange:this.handleChange,disabled:y,name:m||`radio_${d}`}),this.getLabel(t,d,h,b,f))})),p&&a().createElement("p",{className:"error-label"},l))}}c.propTypes={id:i().string.isRequired}},1833:(e,t,r)=>{r.d(t,{default:()=>o});var n=r(6689),a=r.n(n);const s=["onChange","value","className","error","containerClassName"];function l(){return l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},l.apply(this,arguments)}function i(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},s=Object.keys(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}class o extends a().Component{constructor(e){super(e),this.handleChange=this.handleChange.bind(this)}componentDidUpdate(e,t,r){this.props.value!==e.value&&(this.input.value=this.props.value)}handleChange(e){this.props.onChange(e)}render(){let e=this.props,{onChange:t,value:r,className:n,error:o,containerClassName:u}=e,c=i(e,s),d=this.props.hasOwnProperty("error")&&""!==o,m=this.props.hasOwnProperty("className")?n:"form-control",p=this.props.hasOwnProperty("containerClassName")?u:"container-form-control";return a().createElement("div",{className:p},a().createElement("input",l({className:`${m} ${d?"error":""}`,ref:e=>{this.input=e},defaultValue:r,onChange:this.handleChange},c)),d&&a().createElement("p",{className:"error-label"},o))}}},418:(e,t,r)=>{r.d(t,{default:()=>s});var n=r(6689),a=r.n(n);const s=({children:e,replaceNewLine:t=!1,className:r=""})=>a().createElement("span",{className:r,dangerouslySetInnerHTML:{__html:t?null==e?void 0:e.replace(/\n/g,"<br />"):e}})},1995:(e,t,r)=>{function n(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function a(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?n(Object(r),!0).forEach((function(t){s(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):n(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}r.d(t,{default:()=>m});const l="ComboBox",i="CheckBoxList",o="RadioButtonList",u=[l,i,o],c="And",d="Equal";class m{constructor(e,t=[]){s(this,"_parseQuestion",(e=>{if(this.questionByName[e.name]=e,this.questionById[parseInt(e.id)]=e,e.hasOwnProperty("sub_question_rules"))for(let t of e.sub_question_rules)this.rules[parseInt(t.id)]=t,this._parseQuestion(t.sub_question)})),s(this,"_parseQuestions",(()=>{for(let e of this.questions)this._parseQuestion(e)})),s(this,"_allowsValues",(e=>u.includes(e.type))),s(this,"_allowsValue",((e,t)=>{let r=t.value.split(",").map((e=>parseInt(e)));for(let t of r)if(!e.values.map((e=>e.id)).includes(t))return!1;return!0})),s(this,"_getAnswerFor",(e=>{let t=Number.isInteger(e)?e:e.id,r=this.answers[t]||null;return r||null})),s(this,"_hasValue",(e=>""!==e.value)),s(this,"_answerContains",((e,t)=>e.value.split(",").includes(t))),s(this,"_isSubQuestionVisible",(e=>{let t=e.answer_values_operator===c;const r=this._getAnswerFor(e.parent_question_id);if(r)switch(e.visibility_condition){case d:for(let n of e.answer_values)t=e.answer_values_operator===c?t&&this._answerContains(r,n):t||this._answerContains(r,n);break;case"NotEqual":for(let n of e.answer_values)t=e.answer_values_operator===c?t&&!this._answerContains(r,n):t||!this._answerContains(r,n)}else t=e.visibility_condition!==d;return"Visible"===e.visibility?t:!t})),s(this,"_isAnswered",(e=>{const t=this._getAnswerFor(e);if("MainQuestion"===e.class)return!e.mandatory||!!t&&(!!this._hasValue(t)&&!(this._allowsValues(e)&&!this._allowsValue(e,t)));for(let r of e.parent_rules)if(this._isSubQuestionVisible(this.rules[r]))return!e.mandatory||!!t&&(!!this._hasValue(t)&&!(this._allowsValues(e)&&!this._allowsValue(e,t)));return!0})),s(this,"_checkQuestion",(e=>{let t=this._isAnswered(e);if(e.hasOwnProperty("sub_question_rules"))for(let r of e.sub_question_rules)t=t&&this._checkQuestion(r.sub_question);return t})),s(this,"_formatQuestionAnswer",(e=>{var t;let r={},n=null===(t=this.originalAnswers.find((t=>t.question_id===e.id)))||void 0===t?void 0:t.value;if(n&&("CheckBox"===e.type&&(n="false"!==n&&!!n),e.type!==o&&e.type!==l||(n=parseInt(n)),e.type===i&&(n=n.split(",").map((e=>parseInt(e)))||[])),r[e.name]=n||"",e.type===i&&""===r[e.name]&&(r[e.name]=[]),e.hasOwnProperty("sub_question_rules"))for(let t of e.sub_question_rules){let e=this._formatQuestionAnswer(t.sub_question);r=a(a({},r),e)}return r})),s(this,"formatAnswers",(()=>{let e={};return this.questions.forEach((t=>{let r=this._formatQuestionAnswer(t);e=a(a({},e),r)})),e})),s(this,"completed",(()=>{let e=!0;for(let t of this.questions)e=e&&this._checkQuestion(t);return e})),s(this,"getQuestionByName",(e=>this.questionByName[e]||null)),s(this,"getQuestionById",(e=>this.questionById[parseInt(e)]||null)),this.questions=e,this.originalAnswers=t,this.answers=[];for(let e of this.originalAnswers)this.answers[e.question_id]=e;this.questionByName={},this.questionById={},this.rules={},this._parseQuestions()}}},4656:e=>{e.exports=require("i18n-react/dist/i18n-react")},580:e=>{e.exports=require("prop-types")},6689:e=>{e.exports=require("react")},1929:e=>{e.exports=require("react-select")}},t={};function r(n){var a=t[n];if(void 0!==a)return a.exports;var s=t[n]={exports:{}};return e[n](s,s.exports,r),s.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 n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})}})(),(()=>{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 n={};return(()=>{r.r(n),r.d(n,{default:()=>C});var e=r(6689),t=r.n(e),a=r(580),s=r.n(a),l=r(418),i=r(1833),o=r(401),u=r(7027),c=r(2230),d=r(1995);const m=require("react-final-form"),p=["input","meta","question","className","isDisabled","isRequired"],h=["input","meta","question","isDisabled","isRequired"],b=["input","meta","question","isDisabled","isRequired"],f=["input","meta","question","isDisabled","isRequired","maxValues"];function y(){return y=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},y.apply(this,arguments)}function v(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},s=Object.keys(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}const g=e=>{let{input:r,meta:n,question:a,className:s,isDisabled:l,isRequired:o}=e,u=v(e,p);return t().createElement(i.default,y({},r,u,{containerClassName:s,name:a.name,id:a.name,value:r.value,disabled:l,required:o,onChange:r.onChange,placeholder:a.placeholder}))},_=e=>{let{input:r,meta:n,question:a,isDisabled:s,isRequired:l}=e,i=v(e,h);return t().createElement(u.default,y({},r,i,{name:a.name,id:a.name,overrideCSS:!0,value:r.value,disabled:s,required:l,onChange:r.onChange}))},O=e=>{let{input:r,meta:n,question:a,isDisabled:s,isRequired:l}=e,i=v(e,b);return t().createElement(o.default,y({},r,i,{name:a.name,id:a.name,overrideCSS:!0,value:r.value,disabled:s,required:l,onChange:r.onChange}))},E=e=>{let{input:r,meta:n,question:a,isDisabled:s,isRequired:l,maxValues:i}=e,o=v(e,f);return t().createElement(c.default,y({},r,o,{id:a.name,name:a.name,value:r.value,disabled:s,required:l,onChange:e=>{const t=e.target.value;return i>0&&t.length>i?null:r.onChange(e)}}))},w=e=>e?e=>e?void 0:"Required":()=>{},q=t().forwardRef((({extraQuestions:r,userAnswers:n,onAnswerChanges:a,className:s="questions-form",questionContainerClassName:i="question-container",questionLabelContainerClassName:o="question-label-container",questionControlContainerClassName:u="question-control-container",readOnly:c=!1,debug:p=!1,buttonText:h="Submit",RequiredErrorMessage:b="Required",ValidationErrorClassName:f="extra-question-error",allowExtraQuestionsEdit:y=!0,whiteSpaceBeforeAsterisk:v=!1,onError:q=(e=>console.log("form errors: ",e))},C)=>{let N=null;const k=(0,e.useRef)({}),[x,j]=(0,e.useState)({});(0,e.useEffect)((()=>{P()}),[r]);const P=()=>{const e=new d.default(r,n);j(e.formatAnswers())},S=({when:e,rule:r,children:n})=>t().createElement(m.Field,{name:e,subscription:{value:!0}},(({input:{value:e}})=>R(r,F(e,r),n))),A=({name:e})=>t().createElement(m.Field,{name:e,subscription:{error:!0,touched:!0}},(({meta:{error:e,touched:r}})=>e&&r?t().createElement("div",{className:f},e):null)),F=(e,t)=>{let r=t.answer_values;if(Array.isArray(e)){if(!e.length)return!1;let n="And"===t.answer_values_operator;return r.forEach((r=>{n="And"===t.answer_values_operator?n&&e.includes(parseInt(r)):n||e.includes(parseInt(r))})),n}return r.includes(e.toString())},R=(e,t,r)=>"Visible"===e.visibility?"Equal"===e.visibility_condition?t?r:(delete k.current[e.sub_question.id],null):t?(delete k.current[e.sub_question.id],null):r:"Equal"===e.visibility_condition?t?(delete k.current[e.sub_question.id],null):r:t?r:(delete k.current[e.sub_question.id],null),$=e=>{var t;const r=v?" ":"";return e.mandatory?null!==(t=e.label)&&void 0!==t&&t.endsWith("</p>")?e.label.replace(/<\/p>$/g,`${r}<b>*</b></p>`):`${e.label}${r}<b>*</b>`:e.label},B=r=>{let n=r.values;const a=!y&&((e,t)=>{if(!t.hasOwnProperty(e.name))return!1;const r=t[e.name];return Array.isArray(r)||"string"==typeof r?r.length>0:"number"==typeof r?r>0:"boolean"==typeof r&&r})(r,x);var s,c,d;if("Text"===r.type)return t().createElement(e.Fragment,{key:r.name},t().createElement("div",{ref:e=>k.current[r.id]=e,className:i},t().createElement(l.default,{className:o},$(r)),t().createElement("div",{className:u},t().createElement(m.Field,{name:r.name,question:r,isDisabled:a,isRequired:r.mandatory,validate:w(r.mandatory),component:g}),t().createElement(A,{name:r.name}))),(null===(s=r.sub_question_rules)||void 0===s?void 0:s.length)>0&&r.sub_question_rules.map((e=>t().createElement(S,{key:e.id,when:r.name,rule:e},B(e.sub_question)))));if("TextArea"===r.type)return t().createElement(e.Fragment,{key:r.name},t().createElement("div",{ref:e=>k.current[r.id]=e,className:i},t().createElement(l.default,{className:o},$(r)),t().createElement("div",{className:u},t().createElement(m.Field,{validate:w(r.mandatory),name:r.name,id:r.name,disabled:a,required:r.mandatory,component:"textarea"}),t().createElement(A,{name:r.name}))),(null===(c=r.sub_question_rules)||void 0===c?void 0:c.length)>0&&r.sub_question_rules.map((e=>t().createElement(S,{key:e.id,when:r.name,rule:e},B(e.sub_question)))));if("CheckBox"===r.type)return t().createElement(e.Fragment,{key:r.name},t().createElement("div",{ref:e=>k.current[r.id]=e,style:{display:"flex"},className:i},t().createElement(l.default,{className:`eq-checkbox-label ${o}`},$(r)),t().createElement("div",{className:u},t().createElement("div",{className:"form-check abc-checkbox"},t().createElement(m.Field,{name:r.name,id:r.name,validate:w(r.mandatory),disabled:a,required:r.mandatory,type:"checkbox",className:"form-check-input",component:"input"}),t().createElement("label",{className:"form-check-label",htmlFor:r.name}),t().createElement(A,{name:r.name})))),(null===(d=r.sub_question_rules)||void 0===d?void 0:d.length)>0&&r.sub_question_rules.map((e=>t().createElement(S,{key:e.id,when:r.name,rule:e},B(e.sub_question)))));if("RadioButtonList"===r.type){var p;const s=n.map((e=>({label:e.label,value:e.id})));return t().createElement(e.Fragment,{key:r.name},t().createElement("div",{key:r.name,ref:e=>k.current[r.id]=e,className:i},t().createElement(l.default,{className:o},$(r)),t().createElement("div",{className:u},t().createElement(m.Field,{name:r.name,options:s,question:r,validate:w(r.mandatory),isDisabled:a,isRequired:r.mandatory,component:_}),t().createElement(A,{name:r.name}))),(null===(p=r.sub_question_rules)||void 0===p?void 0:p.length)>0&&r.sub_question_rules.map((e=>t().createElement(S,{key:e.id,when:r.name,rule:e},B(e.sub_question)))))}if("ComboBox"===r.type){var h;const s=n.map((e=>({label:e.label,value:e.id})));return t().createElement(e.Fragment,{key:r.name},t().createElement("div",{ref:e=>k.current[r.id]=e,className:i},t().createElement(l.default,{className:o},$(r)),t().createElement("div",{className:u},t().createElement(m.Field,{name:r.name,options:s,question:r,validate:w(r.mandatory),isDisabled:a,isRequired:r.mandatory,component:O}),t().createElement(A,{name:r.name}))),(null===(h=r.sub_question_rules)||void 0===h?void 0:h.length)>0&&r.sub_question_rules.map((e=>t().createElement(S,{key:e.id,when:r.name,rule:e},B(e.sub_question)))))}if("CheckBoxList"===r.type){var b;const s=n.map((e=>({label:e.label,value:e.id})));return t().createElement(e.Fragment,{key:r.name},t().createElement("div",{ref:e=>k.current[r.id]=e,className:i},t().createElement(l.default,{className:o},$(r)),t().createElement("div",{className:u},t().createElement(m.Field,{name:r.name,className:u,validate:w(r.mandatory),options:s,question:r,maxValues:r.max_selected_values,isDisabled:a,isRequired:r.mandatory,component:E}),t().createElement(A,{name:r.name}))),(null===(b=r.sub_question_rules)||void 0===b?void 0:b.length)>0&&r.sub_question_rules.map((e=>t().createElement(S,{key:e.id,when:r.name,rule:e},B(e.sub_question)))))}return null},D=(e,t,r)=>{var n;e.mandatory&&(e=>!!k.current[e.id])(e)&&(t.hasOwnProperty(e.name)&&""!==t[e.name]&&0!==t[e.name].length||(r[e.name]=b)),null===(n=e.sub_question_rules)||void 0===n||n.forEach((e=>{D(e.sub_question,t,r)}))};if(!Object.keys(x).length)return null;const I=(e,t,r)=>{var n;t.includes(e.name)&&r.push(e),null===(n=e.sub_question_rules)||void 0===n||n.forEach((e=>{I(e.sub_question,t,r)}))};return Object.keys(x).length?t().createElement("div",{className:s},t().createElement(m.Form,{validate:e=>{const t={};return r.forEach((r=>{D(r,e,t)})),Object.keys(t).length>0&&q(t),t},onSubmit:e=>{a(e)},initialValues:x},(({handleSubmit:e,form:n,submitting:a,pristine:s,values:l})=>(N=e,t().createElement("form",{onSubmit:t=>{const a=n.getRegisteredFields().filter((e=>n.getFieldState(e).invalid));a.length>0&&(e=>{const t=[];r.forEach((r=>{I(r,e,t)}));const n=t.sort(((e,t)=>e.order>t.order))[0];k.current[n.id].scrollIntoView({behavior:"smooth",block:"center"})})(a),e(t)},ref:C},c?t().createElement("fieldset",{disabled:"disabled"},r.map((e=>B(e)))):r.map((e=>B(e))),p&&t().createElement("pre",null,JSON.stringify(l,0,2)))))),!C&&t().createElement("button",{type:"submit",onClick:e=>{N(e)},style:{marginTop:10}},h)):null}));q.propTypes={extraQuestions:s().array.isRequired,userAnswers:s().array.isRequired,onAnswerChanges:s().func.isRequired,className:s().string,debug:s().bool,buttonText:s().string,questionContainerClassName:s().string,questionLabelContainerClassName:s().string,questionControlContainerClassName:s().string,RequiredErrorMessage:s().string,ValidationErrorClassName:s().string,allowExtraQuestionsEdit:s().bool,whiteSpaceBeforeAsterisk:s().bool};const C=q})(),n})()));
|
|
1
|
+
!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={2230:(e,t,r)=>{r.d(t,{default:()=>m});var a=r(580),n=r.n(a),s=r(6689),l=r.n(s),i=r(4656),o=r.n(i),u=r(418);const c=["onChange","value","className","options","id","children","error","disabled","name","ariaLabelledBy"];function d(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r,a,n={},s=Object.keys(e);for(a=0;a<s.length;a++)r=s[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(a=0;a<s.length;a++)r=s[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}class m extends l().Component{constructor(e){super(e);let t=!!e.value&&e.value.find((t=>!e.options.map((e=>e.value)).includes(t)));this.state={otherChecked:!!t},this.handleChange=this.handleChange.bind(this),this.handleOtherCBChange=this.handleOtherCBChange.bind(this)}handleChange(e){let t=this.props.options.map((e=>e.value)),r=this.props.value?[...this.props.value]:[];if("checkbox"===e.target.type)if(e.target.checked){const t=isNaN(e.target.value)?e.target.value:parseInt(e.target.value);r.push(t)}else r=r.filter((t=>t!=e.target.value));else r=r.filter((e=>t.includes(e))),r.push(e.target.value);let a={target:{id:this.props.id,value:r,type:"checkboxlist"}};this.props.onChange(a)}handleOtherCBChange(e){this.setState({otherChecked:e.target.checked})}render(){let e,t=this.props,{onChange:r,value:a,className:n,options:s,id:i,children:m,error:p,disabled:h,name:b,ariaLabelledBy:f}=t,{otherChecked:y}=(d(t,c),this.state),v=this.props.hasOwnProperty("inline"),g=this.props.hasOwnProperty("html"),_=this.props.hasOwnProperty("allowOther"),O=!!a&&a.find((e=>!s.map((e=>e.value)).includes(e))),E=this.props.hasOwnProperty("error")&&""!==p,w=this.props.hasOwnProperty("disabled")&&1==h;return e=v?{paddingLeft:"22px",marginLeft:"20px",float:"left"}:{paddingLeft:"22px",marginTop:"7px"},l().createElement("div",{id:`chl_wrapper_${i}`,"aria-labelledby":f},l().createElement("div",{className:"checkboxes-div"+(E?" error":"")},s.map((t=>{let r=!!a&&a.includes(t.value);return l().createElement("div",{className:"form-check abc-checkbox",key:"radio_key_"+t.value,style:e},l().createElement("input",{type:"checkbox",id:`cb_${i}_${t.value}`,name:b||i,checked:r,disabled:w,onChange:this.handleChange,className:"form-check-input",value:t.value}),l().createElement("label",{className:"form-check-label",htmlFor:`cb_${i}_${t.value}`},g&&l().createElement(u.default,null,t.label),!g&&t.label))})),_&&l().createElement("div",{className:"form-check abc-checkbox",style:e},l().createElement("input",{type:"checkbox",id:"cb_other"+i,checked:y,disabled:w,onChange:this.handleOtherCBChange,className:"form-check-input",value:"other"}),l().createElement("label",{className:"form-check-label",htmlFor:"cb_other"+i},o().translate("general.other"))),_&&y&&l().createElement("div",{style:{paddingLeft:"22px",width:"50%"}},l().createElement("input",{className:"form-control",disabled:w,onChange:this.handleChange,value:O}))),E&&l().createElement("p",{className:"error-label"},p))}}m.defaultProps={ariaLabelledBy:null},m.propTypes={id:n().string.isRequired}},401:(e,t,r)=>{r.d(t,{default:()=>p});var a=r(6689),n=r.n(a),s=r(1929),l=r.n(s);const i=["onChange","value","className","error","clearable","disabled","overrideCSS","ariaLabelledBy"];function o(){return o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},o.apply(this,arguments)}function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}function c(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?u(Object(r),!0).forEach((function(t){d(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function d(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function m(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r,a,n={},s=Object.keys(e);for(a=0;a<s.length;a++)r=s[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(a=0;a<s.length;a++)r=s[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}class p extends n().Component{constructor(e){super(e),this.handleChange=this.handleChange.bind(this)}handleChange(e){let t=null;t=this.props.isMulti?e?e.map((e=>e.value)):null:e?e.value:null;let r={target:{id:this.props.id,value:t,type:"dropdown"}};this.props.onChange(r)}render(){let e=this.props,{onChange:t,value:r,className:a,error:s,clearable:u,disabled:d,overrideCSS:p,ariaLabelledBy:h}=e,b=m(e,i),f=this.props.hasOwnProperty("error")&&""!=s,y=this.props.hasOwnProperty("clearable"),v=this.props.hasOwnProperty("disabled")&&1==d,g=null,_=a;this.props.hasOwnProperty("overrideCSS")&&0!=p||(_="dropdown "+a+" "+(f?"error":"")),g=this.props.isMulti?this.props.options.filter((e=>r.includes(e.value))):r instanceof Object||null==r?r:this.props.options.find((e=>e.value==r));const O={menu:e=>c(c({},e),{},{zIndex:999})};return n().createElement("div",null,n().createElement(l(),o({className:_,value:g,onChange:this.handleChange,isClearable:y,isDisabled:v,styles:O,"aria-labelledby":h},b)),f&&n().createElement("p",{className:"error-label"},s))}}p.defaultProps={ariaLabelledBy:null}},7027:(e,t,r)=>{r.d(t,{default:()=>c});var a=r(6689),n=r.n(a),s=r(418),l=r(580),i=r.n(l);const o=["onChange","value","className","error","ariaLabelledBy","disabled","options","id","name"];function u(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r,a,n={},s=Object.keys(e);for(a=0;a<s.length;a++)r=s[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(a=0;a<s.length;a++)r=s[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}class c extends n().Component{constructor(e){super(e),this.state={value:e.value},this.handleChange=this.handleChange.bind(this)}handleChange(e){let t={target:{id:this.props.id,value:e.target.value,type:"radio"}};this.props.onChange(t)}getLabel(e,t,r,a,l){return r?n().createElement("label",{className:"form-check-label",htmlFor:`radio_${t}_${e.value}`,style:{display:"inline-block"}},l&&n().createElement(s.default,null,e.label),!l&&e.label):a?n().createElement("label",{className:"form-check-label",htmlFor:`radio_${t}_${e.value}`},e.label):n().createElement("label",{className:"form-check-label",htmlFor:`radio_${t}_${e.value}`,style:{display:"inline-block"}},n().createElement("h4",{style:{marginTop:"0px"}},e.label),n().createElement(s.default,null,e.description))}render(){let e,t=this.props,{onChange:r,value:a,className:s,error:l,ariaLabelledBy:i,disabled:c,options:d,id:m,name:p}=t,h=(u(t,o),this.props.hasOwnProperty("error")&&""!=l),b=this.props.hasOwnProperty("inline"),f=this.props.hasOwnProperty("simple"),y=this.props.hasOwnProperty("html"),v=this.props.hasOwnProperty("disabled")&&1==c;return e=b?{paddingLeft:"22px",marginLeft:"20px",float:"left"}:{paddingLeft:"22px"},n().createElement("div",{id:`rl_wrapper_${m}`,"aria-labelledby":i},d.map((t=>{let r=t.value==a;return n().createElement("div",{className:"form-check abc-radio",key:`radio_key_${m}_${t.value}`,style:e},n().createElement("input",{className:"form-check-input",type:"radio",id:`radio_${m}_${t.value}`,value:t.value,checked:r,onChange:this.handleChange,disabled:v,name:p||`radio_${m}`}),this.getLabel(t,m,b,f,y))})),h&&n().createElement("p",{className:"error-label"},l))}}c.defaultProps={ariaLabelledBy:null},c.propTypes={id:i().string.isRequired}},1833:(e,t,r)=>{r.d(t,{default:()=>o});var a=r(6689),n=r.n(a);const s=["onChange","value","className","error","ariaLabelledBy","containerClassName"];function l(){return l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},l.apply(this,arguments)}function i(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r,a,n={},s=Object.keys(e);for(a=0;a<s.length;a++)r=s[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(a=0;a<s.length;a++)r=s[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}class o extends n().Component{constructor(e){super(e),this.handleChange=this.handleChange.bind(this)}componentDidUpdate(e,t,r){this.props.value!==e.value&&(this.input.value=this.props.value)}handleChange(e){this.props.onChange(e)}render(){let e=this.props,{onChange:t,value:r,className:a,error:o,ariaLabelledBy:u,containerClassName:c}=e,d=i(e,s),m=this.props.hasOwnProperty("error")&&""!==o,p=this.props.hasOwnProperty("className")?a:"form-control",h=this.props.hasOwnProperty("containerClassName")?c:"container-form-control";return n().createElement("div",{className:h},n().createElement("input",l({className:`${p} ${m?"error":""}`,ref:e=>{this.input=e},defaultValue:r,"aria-labelledby":u,onChange:this.handleChange},d)),m&&n().createElement("p",{className:"error-label"},o))}}o.defaultProps={ariaLabelledBy:null}},418:(e,t,r)=>{r.d(t,{default:()=>s});var a=r(6689),n=r.n(a);const s=({children:e,replaceNewLine:t=!1,className:r=""})=>n().createElement("span",{className:r,dangerouslySetInnerHTML:{__html:t?null==e?void 0:e.replace(/\n/g,"<br />"):e}})},1995:(e,t,r)=>{function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}function n(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?a(Object(r),!0).forEach((function(t){s(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}r.d(t,{default:()=>m});const l="ComboBox",i="CheckBoxList",o="RadioButtonList",u=[l,i,o],c="And",d="Equal";class m{constructor(e,t=[]){s(this,"_parseQuestion",(e=>{if(this.questionByName[e.name]=e,this.questionById[parseInt(e.id)]=e,e.hasOwnProperty("sub_question_rules"))for(let t of e.sub_question_rules)this.rules[parseInt(t.id)]=t,this._parseQuestion(t.sub_question)})),s(this,"_parseQuestions",(()=>{for(let e of this.questions)this._parseQuestion(e)})),s(this,"_allowsValues",(e=>u.includes(e.type))),s(this,"_allowsValue",((e,t)=>{let r=t.value.split(",").map((e=>parseInt(e)));for(let t of r)if(!e.values.map((e=>e.id)).includes(t))return!1;return!0})),s(this,"_getAnswerFor",(e=>{let t=Number.isInteger(e)?e:e.id,r=this.answers[t]||null;return r||null})),s(this,"_hasValue",(e=>""!==e.value)),s(this,"_answerContains",((e,t)=>e.value.split(",").includes(t))),s(this,"_isSubQuestionVisible",(e=>{let t=e.answer_values_operator===c;const r=this._getAnswerFor(e.parent_question_id);if(r)switch(e.visibility_condition){case d:for(let a of e.answer_values)t=e.answer_values_operator===c?t&&this._answerContains(r,a):t||this._answerContains(r,a);break;case"NotEqual":for(let a of e.answer_values)t=e.answer_values_operator===c?t&&!this._answerContains(r,a):t||!this._answerContains(r,a)}else t=e.visibility_condition!==d;return"Visible"===e.visibility?t:!t})),s(this,"_isAnswered",(e=>{const t=this._getAnswerFor(e);if("MainQuestion"===e.class)return!e.mandatory||!!t&&(!!this._hasValue(t)&&!(this._allowsValues(e)&&!this._allowsValue(e,t)));for(let r of e.parent_rules)if(this._isSubQuestionVisible(this.rules[r]))return!e.mandatory||!!t&&(!!this._hasValue(t)&&!(this._allowsValues(e)&&!this._allowsValue(e,t)));return!0})),s(this,"_checkQuestion",(e=>{let t=this._isAnswered(e);if(e.hasOwnProperty("sub_question_rules"))for(let r of e.sub_question_rules)t=t&&this._checkQuestion(r.sub_question);return t})),s(this,"_formatQuestionAnswer",(e=>{var t;let r={},a=null===(t=this.originalAnswers.find((t=>t.question_id===e.id)))||void 0===t?void 0:t.value;if(a&&("CheckBox"===e.type&&(a="false"!==a&&!!a),e.type!==o&&e.type!==l||(a=parseInt(a)),e.type===i&&(a=a.split(",").map((e=>parseInt(e)))||[])),r[e.name]=a||"",e.type===i&&""===r[e.name]&&(r[e.name]=[]),e.hasOwnProperty("sub_question_rules"))for(let t of e.sub_question_rules){let e=this._formatQuestionAnswer(t.sub_question);r=n(n({},r),e)}return r})),s(this,"formatAnswers",(()=>{let e={};return this.questions.forEach((t=>{let r=this._formatQuestionAnswer(t);e=n(n({},e),r)})),e})),s(this,"completed",(()=>{let e=!0;for(let t of this.questions)e=e&&this._checkQuestion(t);return e})),s(this,"getQuestionByName",(e=>this.questionByName[e]||null)),s(this,"getQuestionById",(e=>this.questionById[parseInt(e)]||null)),this.questions=e,this.originalAnswers=t,this.answers=[];for(let e of this.originalAnswers)this.answers[e.question_id]=e;this.questionByName={},this.questionById={},this.rules={},this._parseQuestions()}}},4656:e=>{e.exports=require("i18n-react/dist/i18n-react")},580:e=>{e.exports=require("prop-types")},6689:e=>{e.exports=require("react")},1929:e=>{e.exports=require("react-select")}},t={};function r(a){var n=t[a];if(void 0!==n)return n.exports;var s=t[a]={exports:{}};return e[a](s,s.exports,r),s.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 a in t)r.o(t,a)&&!r.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})}})(),(()=>{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 a={};return(()=>{r.r(a),r.d(a,{default:()=>C});var e=r(6689),t=r.n(e),n=r(580),s=r.n(n),l=r(418),i=r(1833),o=r(401),u=r(7027),c=r(2230),d=r(1995);const m=require("react-final-form"),p=["input","meta","question","className","isDisabled","isRequired"],h=["input","meta","question","isDisabled","isRequired"],b=["input","meta","question","isDisabled","isRequired"],f=["input","meta","question","isDisabled","isRequired","maxValues"];function y(){return y=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},y.apply(this,arguments)}function v(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r,a,n={},s=Object.keys(e);for(a=0;a<s.length;a++)r=s[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(a=0;a<s.length;a++)r=s[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}const g=e=>{let{input:r,meta:a,question:n,className:s,isDisabled:l,isRequired:o}=e,u=v(e,p);return t().createElement(i.default,y({},r,u,{containerClassName:s,name:n.name,ariaLabelledBy:`${n.name} label`,id:n.name,value:r.value,disabled:l,required:o,onChange:r.onChange,placeholder:n.placeholder}))},_=e=>{let{input:r,meta:a,question:n,isDisabled:s,isRequired:l}=e,i=v(e,h);return t().createElement(u.default,y({},r,i,{name:n.name,ariaLabelledBy:`${n.name} label`,id:n.name,overrideCSS:!0,value:r.value,disabled:s,required:l,onChange:r.onChange}))},O=e=>{let{input:r,meta:a,question:n,isDisabled:s,isRequired:l}=e,i=v(e,b);return t().createElement(o.default,y({},r,i,{name:n.name,ariaLabelledBy:`${n.name} label`,id:n.name,overrideCSS:!0,value:r.value,disabled:s,required:l,onChange:r.onChange}))},E=e=>{let{input:r,meta:a,question:n,isDisabled:s,isRequired:l,maxValues:i}=e,o=v(e,f);return t().createElement(c.default,y({},r,o,{id:n.name,name:n.name,ariaLabelledBy:`${n.name} label`,value:r.value,disabled:s,required:l,onChange:e=>{const t=e.target.value;return i>0&&t.length>i?null:r.onChange(e)}}))},w=e=>e?e=>e?void 0:"Required":()=>{},q=t().forwardRef((({extraQuestions:r,userAnswers:a,onAnswerChanges:n,className:s="questions-form",questionContainerClassName:i="question-container",questionLabelContainerClassName:o="question-label-container",questionControlContainerClassName:u="question-control-container",readOnly:c=!1,debug:p=!1,buttonText:h="Submit",RequiredErrorMessage:b="Required",ValidationErrorClassName:f="extra-question-error",allowExtraQuestionsEdit:y=!0,onError:v=(e=>console.log("form errors: ",e))},q)=>{let C=null;const N=(0,e.useRef)({}),[k,x]=(0,e.useState)({});(0,e.useEffect)((()=>{j()}),[r]);const j=()=>{const e=new d.default(r,a);x(e.formatAnswers())},P=({when:e,rule:r,children:a})=>t().createElement(m.Field,{name:e,subscription:{value:!0}},(({input:{value:e}})=>L(r,B(e,r),a))),S=({name:e})=>t().createElement(m.Field,{name:e,subscription:{error:!0,touched:!0}},(({meta:{error:e,touched:r}})=>e&&r?t().createElement("div",{className:f},e):null)),B=(e,t)=>{let r=t.answer_values;if(Array.isArray(e)){if(!e.length)return!1;let a="And"===t.answer_values_operator;return r.forEach((r=>{a="And"===t.answer_values_operator?a&&e.includes(parseInt(r)):a||e.includes(parseInt(r))})),a}return r.includes(e.toString())},L=(e,t,r)=>"Visible"===e.visibility?"Equal"===e.visibility_condition?t?r:(delete N.current[e.sub_question.id],null):t?(delete N.current[e.sub_question.id],null):r:"Equal"===e.visibility_condition?t?(delete N.current[e.sub_question.id],null):r:t?r:(delete N.current[e.sub_question.id],null),$=e=>{const t=String.fromCharCode(160),r=document.createElement("div");r.innerHTML=e.label;const a=r.textContent||r.innerText||"",n=e.mandatory?`${a}${t}<b>*</b>`:a;return`<label id="${e.name} label" htmlFor="${e.name}">\n ${n}\n </label>`},F=r=>{let a=r.values;const n=!y&&((e,t)=>{if(!t.hasOwnProperty(e.name))return!1;const r=t[e.name];return Array.isArray(r)||"string"==typeof r?r.length>0:"number"==typeof r?r>0:"boolean"==typeof r&&r})(r,k);var s,c,d;if("Text"===r.type)return t().createElement(e.Fragment,{key:r.name},t().createElement("div",{ref:e=>N.current[r.id]=e,className:i},t().createElement(l.default,{className:o},$(r)),t().createElement("div",{className:u},t().createElement(m.Field,{name:r.name,question:r,isDisabled:n,isRequired:r.mandatory,validate:w(r.mandatory),component:g}),t().createElement(S,{name:r.name}))),(null===(s=r.sub_question_rules)||void 0===s?void 0:s.length)>0&&r.sub_question_rules.map((e=>t().createElement(P,{key:e.id,when:r.name,rule:e},F(e.sub_question)))));if("TextArea"===r.type)return t().createElement(e.Fragment,{key:r.name},t().createElement("div",{ref:e=>N.current[r.id]=e,className:i},t().createElement(l.default,{className:o},$(r)),t().createElement("div",{className:u},t().createElement(m.Field,{validate:w(r.mandatory),name:r.name,id:r.name,disabled:n,required:r.mandatory,component:"textarea"}),t().createElement(S,{name:r.name}))),(null===(c=r.sub_question_rules)||void 0===c?void 0:c.length)>0&&r.sub_question_rules.map((e=>t().createElement(P,{key:e.id,when:r.name,rule:e},F(e.sub_question)))));if("CheckBox"===r.type)return t().createElement(e.Fragment,{key:r.name},t().createElement("div",{ref:e=>N.current[r.id]=e,style:{display:"flex"},className:i},t().createElement(l.default,{className:`eq-checkbox-label ${o}`},$(r)),t().createElement("div",{className:u},t().createElement("div",{className:"form-check abc-checkbox"},t().createElement(m.Field,{name:r.name,id:r.name,validate:w(r.mandatory),disabled:n,required:r.mandatory,type:"checkbox",className:"form-check-input",component:"input"}),t().createElement("label",{className:"form-check-label",htmlFor:r.name}),t().createElement(S,{name:r.name})))),(null===(d=r.sub_question_rules)||void 0===d?void 0:d.length)>0&&r.sub_question_rules.map((e=>t().createElement(P,{key:e.id,when:r.name,rule:e},F(e.sub_question)))));if("RadioButtonList"===r.type){var p;const s=a.map((e=>({label:e.label,value:e.id})));return t().createElement(e.Fragment,{key:r.name},t().createElement("div",{key:r.name,ref:e=>N.current[r.id]=e,className:i},t().createElement(l.default,{className:o},$(r)),t().createElement("div",{className:u},t().createElement(m.Field,{name:r.name,options:s,question:r,validate:w(r.mandatory),isDisabled:n,isRequired:r.mandatory,component:_}),t().createElement(S,{name:r.name}))),(null===(p=r.sub_question_rules)||void 0===p?void 0:p.length)>0&&r.sub_question_rules.map((e=>t().createElement(P,{key:e.id,when:r.name,rule:e},F(e.sub_question)))))}if("ComboBox"===r.type){var h;const s=a.map((e=>({label:e.label,value:e.id})));return t().createElement(e.Fragment,{key:r.name},t().createElement("div",{ref:e=>N.current[r.id]=e,className:i},t().createElement(l.default,{className:o},$(r)),t().createElement("div",{className:u},t().createElement(m.Field,{name:r.name,options:s,question:r,validate:w(r.mandatory),isDisabled:n,isRequired:r.mandatory,component:O}),t().createElement(S,{name:r.name}))),(null===(h=r.sub_question_rules)||void 0===h?void 0:h.length)>0&&r.sub_question_rules.map((e=>t().createElement(P,{key:e.id,when:r.name,rule:e},F(e.sub_question)))))}if("CheckBoxList"===r.type){var b;const s=a.map((e=>({label:e.label,value:e.id})));return t().createElement(e.Fragment,{key:r.name},t().createElement("div",{ref:e=>N.current[r.id]=e,className:i},t().createElement(l.default,{className:o},$(r)),t().createElement("div",{className:u},t().createElement(m.Field,{name:r.name,className:u,validate:w(r.mandatory),options:s,question:r,maxValues:r.max_selected_values,isDisabled:n,isRequired:r.mandatory,component:E}),t().createElement(S,{name:r.name}))),(null===(b=r.sub_question_rules)||void 0===b?void 0:b.length)>0&&r.sub_question_rules.map((e=>t().createElement(P,{key:e.id,when:r.name,rule:e},F(e.sub_question)))))}return null},R=(e,t,r)=>{var a;e.mandatory&&(e=>!!N.current[e.id])(e)&&(t.hasOwnProperty(e.name)&&""!==t[e.name]&&0!==t[e.name].length||(r[e.name]=b)),null===(a=e.sub_question_rules)||void 0===a||a.forEach((e=>{R(e.sub_question,t,r)}))};if(!Object.keys(k).length)return null;const A=(e,t,r)=>{var a;t.includes(e.name)&&r.push(e),null===(a=e.sub_question_rules)||void 0===a||a.forEach((e=>{A(e.sub_question,t,r)}))};return Object.keys(k).length?t().createElement("div",{className:s},t().createElement(m.Form,{validate:e=>{const t={};return r.forEach((r=>{R(r,e,t)})),Object.keys(t).length>0&&v(t),t},onSubmit:e=>{n(e)},initialValues:k},(({handleSubmit:e,form:a,submitting:n,pristine:s,values:l})=>(C=e,t().createElement("form",{onSubmit:t=>{const n=a.getRegisteredFields().filter((e=>a.getFieldState(e).invalid));n.length>0&&(e=>{const t=[];r.forEach((r=>{A(r,e,t)}));const a=t.sort(((e,t)=>e.order>t.order))[0];N.current[a.id].scrollIntoView({behavior:"smooth",block:"center"})})(n),e(t)},ref:q},c?t().createElement("fieldset",{disabled:"disabled"},r.map((e=>F(e)))):r.map((e=>F(e))),p&&t().createElement("pre",null,JSON.stringify(l,0,2)))))),!q&&t().createElement("button",{type:"submit",onClick:e=>{C(e)},style:{marginTop:10}},h)):null}));q.propTypes={extraQuestions:s().array.isRequired,userAnswers:s().array.isRequired,onAnswerChanges:s().func.isRequired,className:s().string,debug:s().bool,buttonText:s().string,questionContainerClassName:s().string,questionLabelContainerClassName:s().string,questionControlContainerClassName:s().string,RequiredErrorMessage:s().string,ValidationErrorClassName:s().string,allowExtraQuestionsEdit:s().bool};const C=q})(),a})()));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
!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={2230:(e,t,r)=>{r.d(t,{default:()=>u});var a=r(580),n=r.n(a),l=r(6689),s=r.n(l),o=r(4656),i=r.n(o),c=r(418);const p=["onChange","value","className","options","id","children","error","disabled","name"];function h(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r,a,n={},l=Object.keys(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}class u extends s().Component{constructor(e){super(e);let t=!!e.value&&e.value.find((t=>!e.options.map((e=>e.value)).includes(t)));this.state={otherChecked:!!t},this.handleChange=this.handleChange.bind(this),this.handleOtherCBChange=this.handleOtherCBChange.bind(this)}handleChange(e){let t=this.props.options.map((e=>e.value)),r=this.props.value?[...this.props.value]:[];if("checkbox"===e.target.type)if(e.target.checked){const t=isNaN(e.target.value)?e.target.value:parseInt(e.target.value);r.push(t)}else r=r.filter((t=>t!=e.target.value));else r=r.filter((e=>t.includes(e))),r.push(e.target.value);let a={target:{id:this.props.id,value:r,type:"checkboxlist"}};this.props.onChange(a)}handleOtherCBChange(e){this.setState({otherChecked:e.target.checked})}render(){let e,t=this.props,{onChange:r,value:a,className:n,options:l,id:o,children:u,error:d,disabled:m,name:b}=t,{otherChecked:f}=(h(t,p),this.state),v=this.props.hasOwnProperty("inline"),g=this.props.hasOwnProperty("html"),y=this.props.hasOwnProperty("allowOther"),O=!!a&&a.find((e=>!l.map((e=>e.value)).includes(e))),C=this.props.hasOwnProperty("error")&&""!==d,E=this.props.hasOwnProperty("disabled")&&1==m;return e=v?{paddingLeft:"22px",marginLeft:"20px",float:"left"}:{paddingLeft:"22px",marginTop:"7px"},s().createElement("div",{id:`chl_wrapper_${o}`},s().createElement("div",{className:"checkboxes-div"+(C?" error":"")},l.map((t=>{let r=!!a&&a.includes(t.value);return s().createElement("div",{className:"form-check abc-checkbox",key:"radio_key_"+t.value,style:e},s().createElement("input",{type:"checkbox",id:`cb_${o}_${t.value}`,name:b||o,checked:r,disabled:E,onChange:this.handleChange,className:"form-check-input",value:t.value}),s().createElement("label",{className:"form-check-label",htmlFor:`cb_${o}_${t.value}`},g&&s().createElement(c.default,null,t.label),!g&&t.label))})),y&&s().createElement("div",{className:"form-check abc-checkbox",style:e},s().createElement("input",{type:"checkbox",id:"cb_other"+o,checked:f,disabled:E,onChange:this.handleOtherCBChange,className:"form-check-input",value:"other"}),s().createElement("label",{className:"form-check-label",htmlFor:"cb_other"+o},i().translate("general.other"))),y&&f&&s().createElement("div",{style:{paddingLeft:"22px",width:"50%"}},s().createElement("input",{className:"form-control",disabled:E,onChange:this.handleChange,value:O}))),C&&s().createElement("p",{className:"error-label"},d))}}u.propTypes={id:n().string.isRequired}},401:(e,t,r)=>{r.d(t,{default:()=>d});var a=r(6689),n=r.n(a),l=r(1929),s=r.n(l);const o=["onChange","value","className","error","clearable","disabled","overrideCSS"];function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},i.apply(this,arguments)}function c(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}function p(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?c(Object(r),!0).forEach((function(t){h(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):c(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function h(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function u(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r,a,n={},l=Object.keys(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}class d extends n().Component{constructor(e){super(e),this.handleChange=this.handleChange.bind(this)}handleChange(e){let t=null;t=this.props.isMulti?e?e.map((e=>e.value)):null:e?e.value:null;let r={target:{id:this.props.id,value:t,type:"dropdown"}};this.props.onChange(r)}render(){let e=this.props,{onChange:t,value:r,className:a,error:l,clearable:c,disabled:h,overrideCSS:d}=e,m=u(e,o),b=this.props.hasOwnProperty("error")&&""!=l,f=this.props.hasOwnProperty("clearable"),v=this.props.hasOwnProperty("disabled")&&1==h,g=null,y=a;this.props.hasOwnProperty("overrideCSS")&&0!=d||(y="dropdown "+a+" "+(b?"error":"")),g=this.props.isMulti?this.props.options.filter((e=>r.includes(e.value))):r instanceof Object||null==r?r:this.props.options.find((e=>e.value==r));const O={menu:e=>p(p({},e),{},{zIndex:999})};return n().createElement("div",null,n().createElement(s(),i({className:y,value:g,onChange:this.handleChange,isClearable:f,isDisabled:v,styles:O},m)),b&&n().createElement("p",{className:"error-label"},l))}}},7027:(e,t,r)=>{r.d(t,{default:()=>p});var a=r(6689),n=r.n(a),l=r(418),s=r(580),o=r.n(s);const i=["onChange","value","className","error","disabled","options","id","name"];function c(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r,a,n={},l=Object.keys(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}class p extends n().Component{constructor(e){super(e),this.state={value:e.value},this.handleChange=this.handleChange.bind(this)}handleChange(e){let t={target:{id:this.props.id,value:e.target.value,type:"radio"}};this.props.onChange(t)}getLabel(e,t,r,a,s){return r?n().createElement("label",{className:"form-check-label",htmlFor:`radio_${t}_${e.value}`,style:{display:"inline-block"}},s&&n().createElement(l.default,null,e.label),!s&&e.label):a?n().createElement("label",{className:"form-check-label",htmlFor:`radio_${t}_${e.value}`},e.label):n().createElement("label",{className:"form-check-label",htmlFor:`radio_${t}_${e.value}`,style:{display:"inline-block"}},n().createElement("h4",{style:{marginTop:"0px"}},e.label),n().createElement(l.default,null,e.description))}render(){let e,t=this.props,{onChange:r,value:a,className:l,error:s,disabled:o,options:p,id:h,name:u}=t,d=(c(t,i),this.props.hasOwnProperty("error")&&""!=s),m=this.props.hasOwnProperty("inline"),b=this.props.hasOwnProperty("simple"),f=this.props.hasOwnProperty("html"),v=this.props.hasOwnProperty("disabled")&&1==o;return e=m?{paddingLeft:"22px",marginLeft:"20px",float:"left"}:{paddingLeft:"22px"},n().createElement("div",{id:`rl_wrapper_${h}`},p.map((t=>{let r=t.value==a;return n().createElement("div",{className:"form-check abc-radio",key:`radio_key_${h}_${t.value}`,style:e},n().createElement("input",{className:"form-check-input",type:"radio",id:`radio_${h}_${t.value}`,value:t.value,checked:r,onChange:this.handleChange,disabled:v,name:u||`radio_${h}`}),this.getLabel(t,h,m,b,f))})),d&&n().createElement("p",{className:"error-label"},s))}}p.propTypes={id:o().string.isRequired}},1833:(e,t,r)=>{r.d(t,{default:()=>i});var a=r(6689),n=r.n(a);const l=["onChange","value","className","error","containerClassName"];function s(){return s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},s.apply(this,arguments)}function o(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r,a,n={},l=Object.keys(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}class i extends n().Component{constructor(e){super(e),this.handleChange=this.handleChange.bind(this)}componentDidUpdate(e,t,r){this.props.value!==e.value&&(this.input.value=this.props.value)}handleChange(e){this.props.onChange(e)}render(){let e=this.props,{onChange:t,value:r,className:a,error:i,containerClassName:c}=e,p=o(e,l),h=this.props.hasOwnProperty("error")&&""!==i,u=this.props.hasOwnProperty("className")?a:"form-control",d=this.props.hasOwnProperty("containerClassName")?c:"container-form-control";return n().createElement("div",{className:d},n().createElement("input",s({className:`${u} ${h?"error":""}`,ref:e=>{this.input=e},defaultValue:r,onChange:this.handleChange},p)),h&&n().createElement("p",{className:"error-label"},i))}}},418:(e,t,r)=>{r.d(t,{default:()=>l});var a=r(6689),n=r.n(a);const l=({children:e,replaceNewLine:t=!1,className:r=""})=>n().createElement("span",{className:r,dangerouslySetInnerHTML:{__html:t?null==e?void 0:e.replace(/\n/g,"<br />"):e}})},6471:e=>{e.exports=require("awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css")},4656:e=>{e.exports=require("i18n-react/dist/i18n-react")},580:e=>{e.exports=require("prop-types")},6689:e=>{e.exports=require("react")},1929:e=>{e.exports=require("react-select")}},t={};function r(a){var n=t[a];if(void 0!==n)return n.exports;var l=t[a]={exports:{}};return e[a](l,l.exports,r),l.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 a in t)r.o(t,a)&&!r.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})}})(),(()=>{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 a={};return(()=>{r.r(a),r.d(a,{default:()=>p});var e=r(6689),t=r.n(e),n=(r(6471),r(1833)),l=r(401),s=r(418),o=r(2230),i=r(7027);class c extends t().Component{constructor(e){super(e),this.state={answers:e.questions.map((e=>({question_id:e.id,value:null}))),errors:e.errors},this.handleChange=this.handleChange.bind(this),this.hasErrors=this.hasErrors.bind(this),this.handleSubmit=this.handleSubmit.bind(this)}renderQuestion(e){const{answers:r}=this.state,a=r.find((t=>t.question_id===e.id)).value;switch(e.class_name){case"RSVPMemberEmailQuestionTemplate":case"RSVPMemberFirstNameQuestionTemplate":case"RSVPMemberLastNameQuestionTemplate":case"RSVPTextBoxQuestionTemplate":return t().createElement(n.default,{id:e.id,value:a||"",onChange:this.handleChange,className:"form-control",error:this.hasErrors(e.id)});case"RSVPTextAreaQuestionTemplate":return t().createElement("textarea",{id:e.id,value:a||"",className:"form-control",onChange:this.handleChange});case"RSVPLiteralContentQuestionTemplate":return t().createElement("div",null,t().createElement(s.default,null,e.value));case"RSVPCheckBoxListQuestionTemplate":return t().createElement(o.default,{id:e.id,value:a,options:e.values.map((e=>({value:`${e.id}`,label:e.label}))),onChange:this.handleChange,error:this.hasErrors(e.id)});case"RSVPRadioButtonListQuestionTemplate":return t().createElement(i.default,{id:e.id,value:a,onChange:this.handleChange,options:e.values.map((e=>({value:`${e.id}`,label:e.label}))),error:this.hasErrors(e.id),simple:!0});case"RSVPDropDownQuestionTemplate":let r=e.is_country_selector?e.values.map((e=>({value:e.id,label:e.value}))):e.values;return t().createElement(l.default,{id:e.id,isMulti:e.is_multiselect,value:a,onChange:this.handleChange,placeholder:e.empty_string,options:r})}}handleChange(e){let t=[...this.state.answers],{value:r,id:a}=e.target;"datetime"===e.target.type&&(r=r.valueOf()/1e3),t.find((e=>e.question_id===parseInt(a))).value=r,this.setState({answers:t})}hasErrors(e){let{errors:t}=this.state;return e in t?t[e]:""}handleSubmit(e){e.preventDefault();let{onSubmit:t}=this.props,{answers:r}=this.state;t(r)}render(){let{questions:e,onSubmit:r}=this.props;return t().createElement("form",{className:"rsvp-form"},e.map((e=>t().createElement("div",{key:"question_"+e.id,className:"row form-group"},t().createElement("div",{className:"col-md-12"},t().createElement("label",null,t().createElement(s.default,null,e.label)," ",e.is_mandatory&&"*"),this.renderQuestion(e))))),r&&t().createElement("div",{className:"row"},t().createElement("div",{className:"col-md-12"},t().createElement("button",{className:"btn btn-primary",onClick:this.handleSubmit},"Submit"))))}}const p=c})(),a})()));
|
|
1
|
+
!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={2230:(e,t,r)=>{r.d(t,{default:()=>u});var a=r(580),l=r.n(a),n=r(6689),s=r.n(n),o=r(4656),i=r.n(o),c=r(418);const p=["onChange","value","className","options","id","children","error","disabled","name","ariaLabelledBy"];function h(e,t){if(null==e)return{};var r,a,l=function(e,t){if(null==e)return{};var r,a,l={},n=Object.keys(e);for(a=0;a<n.length;a++)r=n[a],t.indexOf(r)>=0||(l[r]=e[r]);return l}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(a=0;a<n.length;a++)r=n[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}class u extends s().Component{constructor(e){super(e);let t=!!e.value&&e.value.find((t=>!e.options.map((e=>e.value)).includes(t)));this.state={otherChecked:!!t},this.handleChange=this.handleChange.bind(this),this.handleOtherCBChange=this.handleOtherCBChange.bind(this)}handleChange(e){let t=this.props.options.map((e=>e.value)),r=this.props.value?[...this.props.value]:[];if("checkbox"===e.target.type)if(e.target.checked){const t=isNaN(e.target.value)?e.target.value:parseInt(e.target.value);r.push(t)}else r=r.filter((t=>t!=e.target.value));else r=r.filter((e=>t.includes(e))),r.push(e.target.value);let a={target:{id:this.props.id,value:r,type:"checkboxlist"}};this.props.onChange(a)}handleOtherCBChange(e){this.setState({otherChecked:e.target.checked})}render(){let e,t=this.props,{onChange:r,value:a,className:l,options:n,id:o,children:u,error:d,disabled:m,name:b,ariaLabelledBy:f}=t,{otherChecked:v}=(h(t,p),this.state),y=this.props.hasOwnProperty("inline"),g=this.props.hasOwnProperty("html"),O=this.props.hasOwnProperty("allowOther"),C=!!a&&a.find((e=>!n.map((e=>e.value)).includes(e))),E=this.props.hasOwnProperty("error")&&""!==d,w=this.props.hasOwnProperty("disabled")&&1==m;return e=y?{paddingLeft:"22px",marginLeft:"20px",float:"left"}:{paddingLeft:"22px",marginTop:"7px"},s().createElement("div",{id:`chl_wrapper_${o}`,"aria-labelledby":f},s().createElement("div",{className:"checkboxes-div"+(E?" error":"")},n.map((t=>{let r=!!a&&a.includes(t.value);return s().createElement("div",{className:"form-check abc-checkbox",key:"radio_key_"+t.value,style:e},s().createElement("input",{type:"checkbox",id:`cb_${o}_${t.value}`,name:b||o,checked:r,disabled:w,onChange:this.handleChange,className:"form-check-input",value:t.value}),s().createElement("label",{className:"form-check-label",htmlFor:`cb_${o}_${t.value}`},g&&s().createElement(c.default,null,t.label),!g&&t.label))})),O&&s().createElement("div",{className:"form-check abc-checkbox",style:e},s().createElement("input",{type:"checkbox",id:"cb_other"+o,checked:v,disabled:w,onChange:this.handleOtherCBChange,className:"form-check-input",value:"other"}),s().createElement("label",{className:"form-check-label",htmlFor:"cb_other"+o},i().translate("general.other"))),O&&v&&s().createElement("div",{style:{paddingLeft:"22px",width:"50%"}},s().createElement("input",{className:"form-control",disabled:w,onChange:this.handleChange,value:C}))),E&&s().createElement("p",{className:"error-label"},d))}}u.defaultProps={ariaLabelledBy:null},u.propTypes={id:l().string.isRequired}},401:(e,t,r)=>{r.d(t,{default:()=>d});var a=r(6689),l=r.n(a),n=r(1929),s=r.n(n);const o=["onChange","value","className","error","clearable","disabled","overrideCSS","ariaLabelledBy"];function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},i.apply(this,arguments)}function c(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}function p(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?c(Object(r),!0).forEach((function(t){h(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):c(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function h(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function u(e,t){if(null==e)return{};var r,a,l=function(e,t){if(null==e)return{};var r,a,l={},n=Object.keys(e);for(a=0;a<n.length;a++)r=n[a],t.indexOf(r)>=0||(l[r]=e[r]);return l}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(a=0;a<n.length;a++)r=n[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}class d extends l().Component{constructor(e){super(e),this.handleChange=this.handleChange.bind(this)}handleChange(e){let t=null;t=this.props.isMulti?e?e.map((e=>e.value)):null:e?e.value:null;let r={target:{id:this.props.id,value:t,type:"dropdown"}};this.props.onChange(r)}render(){let e=this.props,{onChange:t,value:r,className:a,error:n,clearable:c,disabled:h,overrideCSS:d,ariaLabelledBy:m}=e,b=u(e,o),f=this.props.hasOwnProperty("error")&&""!=n,v=this.props.hasOwnProperty("clearable"),y=this.props.hasOwnProperty("disabled")&&1==h,g=null,O=a;this.props.hasOwnProperty("overrideCSS")&&0!=d||(O="dropdown "+a+" "+(f?"error":"")),g=this.props.isMulti?this.props.options.filter((e=>r.includes(e.value))):r instanceof Object||null==r?r:this.props.options.find((e=>e.value==r));const C={menu:e=>p(p({},e),{},{zIndex:999})};return l().createElement("div",null,l().createElement(s(),i({className:O,value:g,onChange:this.handleChange,isClearable:v,isDisabled:y,styles:C,"aria-labelledby":m},b)),f&&l().createElement("p",{className:"error-label"},n))}}d.defaultProps={ariaLabelledBy:null}},7027:(e,t,r)=>{r.d(t,{default:()=>p});var a=r(6689),l=r.n(a),n=r(418),s=r(580),o=r.n(s);const i=["onChange","value","className","error","ariaLabelledBy","disabled","options","id","name"];function c(e,t){if(null==e)return{};var r,a,l=function(e,t){if(null==e)return{};var r,a,l={},n=Object.keys(e);for(a=0;a<n.length;a++)r=n[a],t.indexOf(r)>=0||(l[r]=e[r]);return l}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(a=0;a<n.length;a++)r=n[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}class p extends l().Component{constructor(e){super(e),this.state={value:e.value},this.handleChange=this.handleChange.bind(this)}handleChange(e){let t={target:{id:this.props.id,value:e.target.value,type:"radio"}};this.props.onChange(t)}getLabel(e,t,r,a,s){return r?l().createElement("label",{className:"form-check-label",htmlFor:`radio_${t}_${e.value}`,style:{display:"inline-block"}},s&&l().createElement(n.default,null,e.label),!s&&e.label):a?l().createElement("label",{className:"form-check-label",htmlFor:`radio_${t}_${e.value}`},e.label):l().createElement("label",{className:"form-check-label",htmlFor:`radio_${t}_${e.value}`,style:{display:"inline-block"}},l().createElement("h4",{style:{marginTop:"0px"}},e.label),l().createElement(n.default,null,e.description))}render(){let e,t=this.props,{onChange:r,value:a,className:n,error:s,ariaLabelledBy:o,disabled:p,options:h,id:u,name:d}=t,m=(c(t,i),this.props.hasOwnProperty("error")&&""!=s),b=this.props.hasOwnProperty("inline"),f=this.props.hasOwnProperty("simple"),v=this.props.hasOwnProperty("html"),y=this.props.hasOwnProperty("disabled")&&1==p;return e=b?{paddingLeft:"22px",marginLeft:"20px",float:"left"}:{paddingLeft:"22px"},l().createElement("div",{id:`rl_wrapper_${u}`,"aria-labelledby":o},h.map((t=>{let r=t.value==a;return l().createElement("div",{className:"form-check abc-radio",key:`radio_key_${u}_${t.value}`,style:e},l().createElement("input",{className:"form-check-input",type:"radio",id:`radio_${u}_${t.value}`,value:t.value,checked:r,onChange:this.handleChange,disabled:y,name:d||`radio_${u}`}),this.getLabel(t,u,b,f,v))})),m&&l().createElement("p",{className:"error-label"},s))}}p.defaultProps={ariaLabelledBy:null},p.propTypes={id:o().string.isRequired}},1833:(e,t,r)=>{r.d(t,{default:()=>i});var a=r(6689),l=r.n(a);const n=["onChange","value","className","error","ariaLabelledBy","containerClassName"];function s(){return s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},s.apply(this,arguments)}function o(e,t){if(null==e)return{};var r,a,l=function(e,t){if(null==e)return{};var r,a,l={},n=Object.keys(e);for(a=0;a<n.length;a++)r=n[a],t.indexOf(r)>=0||(l[r]=e[r]);return l}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(a=0;a<n.length;a++)r=n[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}class i extends l().Component{constructor(e){super(e),this.handleChange=this.handleChange.bind(this)}componentDidUpdate(e,t,r){this.props.value!==e.value&&(this.input.value=this.props.value)}handleChange(e){this.props.onChange(e)}render(){let e=this.props,{onChange:t,value:r,className:a,error:i,ariaLabelledBy:c,containerClassName:p}=e,h=o(e,n),u=this.props.hasOwnProperty("error")&&""!==i,d=this.props.hasOwnProperty("className")?a:"form-control",m=this.props.hasOwnProperty("containerClassName")?p:"container-form-control";return l().createElement("div",{className:m},l().createElement("input",s({className:`${d} ${u?"error":""}`,ref:e=>{this.input=e},defaultValue:r,"aria-labelledby":c,onChange:this.handleChange},h)),u&&l().createElement("p",{className:"error-label"},i))}}i.defaultProps={ariaLabelledBy:null}},418:(e,t,r)=>{r.d(t,{default:()=>n});var a=r(6689),l=r.n(a);const n=({children:e,replaceNewLine:t=!1,className:r=""})=>l().createElement("span",{className:r,dangerouslySetInnerHTML:{__html:t?null==e?void 0:e.replace(/\n/g,"<br />"):e}})},6471:e=>{e.exports=require("awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css")},4656:e=>{e.exports=require("i18n-react/dist/i18n-react")},580:e=>{e.exports=require("prop-types")},6689:e=>{e.exports=require("react")},1929:e=>{e.exports=require("react-select")}},t={};function r(a){var l=t[a];if(void 0!==l)return l.exports;var n=t[a]={exports:{}};return e[a](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 a in t)r.o(t,a)&&!r.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})}})(),(()=>{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 a={};return(()=>{r.r(a),r.d(a,{default:()=>p});var e=r(6689),t=r.n(e),l=(r(6471),r(1833)),n=r(401),s=r(418),o=r(2230),i=r(7027);class c extends t().Component{constructor(e){super(e),this.state={answers:e.questions.map((e=>({question_id:e.id,value:null}))),errors:e.errors},this.handleChange=this.handleChange.bind(this),this.hasErrors=this.hasErrors.bind(this),this.handleSubmit=this.handleSubmit.bind(this)}renderQuestion(e){const{answers:r}=this.state,a=r.find((t=>t.question_id===e.id)).value;switch(e.class_name){case"RSVPMemberEmailQuestionTemplate":case"RSVPMemberFirstNameQuestionTemplate":case"RSVPMemberLastNameQuestionTemplate":case"RSVPTextBoxQuestionTemplate":return t().createElement(l.default,{id:e.id,value:a||"",onChange:this.handleChange,className:"form-control",error:this.hasErrors(e.id)});case"RSVPTextAreaQuestionTemplate":return t().createElement("textarea",{id:e.id,value:a||"",className:"form-control",onChange:this.handleChange});case"RSVPLiteralContentQuestionTemplate":return t().createElement("div",null,t().createElement(s.default,null,e.value));case"RSVPCheckBoxListQuestionTemplate":return t().createElement(o.default,{id:e.id,value:a,options:e.values.map((e=>({value:`${e.id}`,label:e.label}))),onChange:this.handleChange,error:this.hasErrors(e.id)});case"RSVPRadioButtonListQuestionTemplate":return t().createElement(i.default,{id:e.id,value:a,onChange:this.handleChange,options:e.values.map((e=>({value:`${e.id}`,label:e.label}))),error:this.hasErrors(e.id),simple:!0});case"RSVPDropDownQuestionTemplate":let r=e.is_country_selector?e.values.map((e=>({value:e.id,label:e.value}))):e.values;return t().createElement(n.default,{id:e.id,isMulti:e.is_multiselect,value:a,onChange:this.handleChange,placeholder:e.empty_string,options:r})}}handleChange(e){let t=[...this.state.answers],{value:r,id:a}=e.target;"datetime"===e.target.type&&(r=r.valueOf()/1e3),t.find((e=>e.question_id===parseInt(a))).value=r,this.setState({answers:t})}hasErrors(e){let{errors:t}=this.state;return e in t?t[e]:""}handleSubmit(e){e.preventDefault();let{onSubmit:t}=this.props,{answers:r}=this.state;t(r)}render(){let{questions:e,onSubmit:r}=this.props;return t().createElement("form",{className:"rsvp-form"},e.map((e=>t().createElement("div",{key:"question_"+e.id,className:"row form-group"},t().createElement("div",{className:"col-md-12"},t().createElement("label",null,t().createElement(s.default,null,e.label)," ",e.is_mandatory&&"*"),this.renderQuestion(e))))),r&&t().createElement("div",{className:"row"},t().createElement("div",{className:"col-md-12"},t().createElement("button",{className:"btn btn-primary",onClick:this.handleSubmit},"Submit"))))}}const p=c})(),a})()));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
!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={1833:(e,t,r)=>{r.d(t,{default:()=>i});var n=r(6689),a=r.n(n);const o=["onChange","value","className","error","containerClassName"];function s(){return s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},s.apply(this,arguments)}function l(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}class i extends a().Component{constructor(e){super(e),this.handleChange=this.handleChange.bind(this)}componentDidUpdate(e,t,r){this.props.value!==e.value&&(this.input.value=this.props.value)}handleChange(e){this.props.onChange(e)}render(){let e=this.props,{onChange:t,value:r,className:n,error:i,containerClassName:
|
|
1
|
+
!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={1833:(e,t,r)=>{r.d(t,{default:()=>i});var n=r(6689),a=r.n(n);const o=["onChange","value","className","error","ariaLabelledBy","containerClassName"];function s(){return s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},s.apply(this,arguments)}function l(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}class i extends a().Component{constructor(e){super(e),this.handleChange=this.handleChange.bind(this)}componentDidUpdate(e,t,r){this.props.value!==e.value&&(this.input.value=this.props.value)}handleChange(e){this.props.onChange(e)}render(){let e=this.props,{onChange:t,value:r,className:n,error:i,ariaLabelledBy:c,containerClassName:p}=e,u=l(e,o),h=this.props.hasOwnProperty("error")&&""!==i,m=this.props.hasOwnProperty("className")?n:"form-control",d=this.props.hasOwnProperty("containerClassName")?p:"container-form-control";return a().createElement("div",{className:d},a().createElement("input",s({className:`${m} ${h?"error":""}`,ref:e=>{this.input=e},defaultValue:r,"aria-labelledby":c,onChange:this.handleChange},u)),h&&a().createElement("p",{className:"error-label"},i))}}i.defaultProps={ariaLabelledBy:null}},6793:(e,t,r)=>{r.d(t,{hasErrors:()=>a,isEmpty:()=>s,scrollToError:()=>n,shallowEqual:()=>o});r(8362),r(6530);const n=e=>{if(Object.keys(e).length>0){const t=Object.keys(e)[0],r=document.getElementById(t);r&&window.scrollTo(0,(e=>{var t=-70;if(e.offsetParent){do{t+=e.offsetTop}while(e=e.offsetParent);return[t]}})(r))}},a=(e,t)=>e in t?t[e]:"",o=(e,t)=>{const r=Object.keys(e),n=Object.keys(t);if(r.length!==n.length)return!1;for(let n of r)if(e[n]!==t[n])return!1;return!0},s=e=>0===Object.keys(e).length},6471:e=>{e.exports=require("awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css")},4656:e=>{e.exports=require("i18n-react/dist/i18n-react")},8362:e=>{e.exports=require("moment-timezone")},6689:e=>{e.exports=require("react")},6530:e=>{e.exports=require("urijs")}},t={};function r(n){var a=t[n];if(void 0!==a)return a.exports;var o=t[n]={exports:{}};return e[n](o,o.exports,r),o.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 n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})}})(),(()=>{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 n={};return(()=>{r.r(n),r.d(n,{default:()=>h});var e=r(6689),t=r.n(e),a=r(4656),o=r.n(a),s=(r(6471),r(1833)),l=r(6793);function i(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function c(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?i(Object(r),!0).forEach((function(t){p(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):i(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function p(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}class u extends t().Component{constructor(e){super(e),this.state={entity:c({},e.entity),errors:e.errors},this.handleChange=this.handleChange.bind(this),this.handleSubmit=this.handleSubmit.bind(this)}componentDidUpdate(e,t,r){const n={};(0,l.scrollToError)(this.props.errors),e.entity.id!==this.props.entity.id&&(n.entity=c({},this.props.entity),n.errors={}),(0,l.shallowEqual)(e.errors,this.props.errors)||(n.errors=c({},this.props.errors)),(0,l.isEmpty)(n)||this.setState(c(c({},this.state),n))}handleChange(e){let t=c({},this.state.entity),r=c({},this.state.errors),{value:n,id:a}=e.target;"checkbox"===e.target.type&&(n=e.target.checked),r[a]="",t[a]=n,this.setState({entity:t,errors:r})}handleSubmit(e){c({},this.state.entity);e.preventDefault(),this.props.onSubmit(this.state.entity)}createField(e){let{entity:r,errors:n}=this.state;switch(e.type){case"text":return t().createElement("div",{key:"field_"+e.name,className:"row form-group"},t().createElement("div",{className:"col-md-6"},t().createElement("label",null," ",e.label," "),t().createElement(s.default,{id:e.name,value:r[e.name],onChange:this.handleChange,className:"form-control",error:(0,l.hasErrors)(e.name,n)})));case"textarea":return t().createElement("div",{key:"field_"+e.name,className:"row form-group"},t().createElement("div",{className:"col-md-6"},t().createElement("label",null," ",e.label," "),t().createElement("textarea",{id:e.name,value:r[e.name],onChange:this.handleChange,className:"form-control"})));case"checkbox":return t().createElement("div",{key:"field_"+e.name,className:"row form-group"},t().createElement("div",{className:"col-md-6"},t().createElement("div",{className:"form-check abc-checkbox"},t().createElement("input",{type:"checkbox",id:e.name,checked:r[e.name],onChange:this.handleChange,className:"form-check-input"}),t().createElement("label",{className:"form-check-label",htmlFor:e.name},e.label))))}}render(){let{entity:e}=this.state,{fields:r}=this.props;return t().createElement("form",{className:"simple-form"},t().createElement("input",{type:"hidden",id:"id",value:e.id}),r.map((e=>this.createField(e))),t().createElement("div",{className:"row"},t().createElement("div",{className:"col-md-12 submit-buttons"},t().createElement("input",{type:"button",onClick:this.handleSubmit,className:"btn btn-primary pull-right",value:o().translate("general.save")}))))}}const h=u})(),n})()));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
!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={4026:(e,t,r)=>{var n=r(6689),a=r.n(n),s=r(580),l=r.n(s),i=r(418),o=r(1833),u=r(401),c=r(7027),d=r(2230),m=r(1995);const p=require("react-final-form"),h=["input","meta","question","className","isDisabled","isRequired"],b=["input","meta","question","isDisabled","isRequired"],f=["input","meta","question","isDisabled","isRequired"],v=["input","meta","question","isDisabled","isRequired","maxValues"];function y(){return y=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},y.apply(this,arguments)}function g(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},s=Object.keys(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}const _=e=>{let{input:t,meta:r,question:n,className:s,isDisabled:l,isRequired:i}=e,u=g(e,h);return a().createElement(o.default,y({},t,u,{containerClassName:s,name:n.name,id:n.name,value:t.value,disabled:l,required:i,onChange:t.onChange,placeholder:n.placeholder}))},E=e=>{let{input:t,meta:r,question:n,isDisabled:s,isRequired:l}=e,i=g(e,b);return a().createElement(c.default,y({},t,i,{name:n.name,id:n.name,overrideCSS:!0,value:t.value,disabled:s,required:l,onChange:t.onChange}))},O=e=>{let{input:t,meta:r,question:n,isDisabled:s,isRequired:l}=e,i=g(e,f);return a().createElement(u.default,y({},t,i,{name:n.name,id:n.name,overrideCSS:!0,value:t.value,disabled:s,required:l,onChange:t.onChange}))},C=e=>{let{input:t,meta:r,question:n,isDisabled:s,isRequired:l,maxValues:i}=e,o=g(e,v);return a().createElement(d.default,y({},t,o,{id:n.name,name:n.name,value:t.value,disabled:s,required:l,onChange:e=>{const r=e.target.value;return i>0&&r.length>i?null:t.onChange(e)}}))},w=e=>e?e=>e?void 0:"Required":()=>{},q=a().forwardRef((({extraQuestions:e,userAnswers:t,onAnswerChanges:r,className:s="questions-form",questionContainerClassName:l="question-container",questionLabelContainerClassName:o="question-label-container",questionControlContainerClassName:u="question-control-container",readOnly:c=!1,debug:d=!1,buttonText:h="Submit",RequiredErrorMessage:b="Required",ValidationErrorClassName:f="extra-question-error",allowExtraQuestionsEdit:v=!0,whiteSpaceBeforeAsterisk:y=!1,onError:g=(e=>console.log("form errors: ",e))},q)=>{let N=null;const k=(0,n.useRef)({}),[x,P]=(0,n.useState)({});(0,n.useEffect)((()=>{j()}),[e]);const j=()=>{const r=new m.default(e,t);P(r.formatAnswers())},S=({when:e,rule:t,children:r})=>a().createElement(p.Field,{name:e,subscription:{value:!0}},(({input:{value:e}})=>R(t,A(e,t),r))),F=({name:e})=>a().createElement(p.Field,{name:e,subscription:{error:!0,touched:!0}},(({meta:{error:e,touched:t}})=>e&&t?a().createElement("div",{className:f},e):null)),A=(e,t)=>{let r=t.answer_values;if(Array.isArray(e)){if(!e.length)return!1;let n="And"===t.answer_values_operator;return r.forEach((r=>{n="And"===t.answer_values_operator?n&&e.includes(parseInt(r)):n||e.includes(parseInt(r))})),n}return r.includes(e.toString())},R=(e,t,r)=>"Visible"===e.visibility?"Equal"===e.visibility_condition?t?r:(delete k.current[e.sub_question.id],null):t?(delete k.current[e.sub_question.id],null):r:"Equal"===e.visibility_condition?t?(delete k.current[e.sub_question.id],null):r:t?r:(delete k.current[e.sub_question.id],null),D=e=>{var t;const r=y?" ":"";return e.mandatory?null!==(t=e.label)&&void 0!==t&&t.endsWith("</p>")?e.label.replace(/<\/p>$/g,`${r}<b>*</b></p>`):`${e.label}${r}<b>*</b>`:e.label},$=e=>{let t=e.values;const r=!v&&((e,t)=>{if(!t.hasOwnProperty(e.name))return!1;const r=t[e.name];return Array.isArray(r)||"string"==typeof r?r.length>0:"number"==typeof r?r>0:"boolean"==typeof r&&r})(e,x);var s,c,d;if("Text"===e.type)return a().createElement(n.Fragment,{key:e.name},a().createElement("div",{ref:t=>k.current[e.id]=t,className:l},a().createElement(i.default,{className:o},D(e)),a().createElement("div",{className:u},a().createElement(p.Field,{name:e.name,question:e,isDisabled:r,isRequired:e.mandatory,validate:w(e.mandatory),component:_}),a().createElement(F,{name:e.name}))),(null===(s=e.sub_question_rules)||void 0===s?void 0:s.length)>0&&e.sub_question_rules.map((t=>a().createElement(S,{key:t.id,when:e.name,rule:t},$(t.sub_question)))));if("TextArea"===e.type)return a().createElement(n.Fragment,{key:e.name},a().createElement("div",{ref:t=>k.current[e.id]=t,className:l},a().createElement(i.default,{className:o},D(e)),a().createElement("div",{className:u},a().createElement(p.Field,{validate:w(e.mandatory),name:e.name,id:e.name,disabled:r,required:e.mandatory,component:"textarea"}),a().createElement(F,{name:e.name}))),(null===(c=e.sub_question_rules)||void 0===c?void 0:c.length)>0&&e.sub_question_rules.map((t=>a().createElement(S,{key:t.id,when:e.name,rule:t},$(t.sub_question)))));if("CheckBox"===e.type)return a().createElement(n.Fragment,{key:e.name},a().createElement("div",{ref:t=>k.current[e.id]=t,style:{display:"flex"},className:l},a().createElement(i.default,{className:`eq-checkbox-label ${o}`},D(e)),a().createElement("div",{className:u},a().createElement("div",{className:"form-check abc-checkbox"},a().createElement(p.Field,{name:e.name,id:e.name,validate:w(e.mandatory),disabled:r,required:e.mandatory,type:"checkbox",className:"form-check-input",component:"input"}),a().createElement("label",{className:"form-check-label",htmlFor:e.name}),a().createElement(F,{name:e.name})))),(null===(d=e.sub_question_rules)||void 0===d?void 0:d.length)>0&&e.sub_question_rules.map((t=>a().createElement(S,{key:t.id,when:e.name,rule:t},$(t.sub_question)))));if("RadioButtonList"===e.type){var m;const s=t.map((e=>({label:e.label,value:e.id})));return a().createElement(n.Fragment,{key:e.name},a().createElement("div",{key:e.name,ref:t=>k.current[e.id]=t,className:l},a().createElement(i.default,{className:o},D(e)),a().createElement("div",{className:u},a().createElement(p.Field,{name:e.name,options:s,question:e,validate:w(e.mandatory),isDisabled:r,isRequired:e.mandatory,component:E}),a().createElement(F,{name:e.name}))),(null===(m=e.sub_question_rules)||void 0===m?void 0:m.length)>0&&e.sub_question_rules.map((t=>a().createElement(S,{key:t.id,when:e.name,rule:t},$(t.sub_question)))))}if("ComboBox"===e.type){var h;const s=t.map((e=>({label:e.label,value:e.id})));return a().createElement(n.Fragment,{key:e.name},a().createElement("div",{ref:t=>k.current[e.id]=t,className:l},a().createElement(i.default,{className:o},D(e)),a().createElement("div",{className:u},a().createElement(p.Field,{name:e.name,options:s,question:e,validate:w(e.mandatory),isDisabled:r,isRequired:e.mandatory,component:O}),a().createElement(F,{name:e.name}))),(null===(h=e.sub_question_rules)||void 0===h?void 0:h.length)>0&&e.sub_question_rules.map((t=>a().createElement(S,{key:t.id,when:e.name,rule:t},$(t.sub_question)))))}if("CheckBoxList"===e.type){var b;const s=t.map((e=>({label:e.label,value:e.id})));return a().createElement(n.Fragment,{key:e.name},a().createElement("div",{ref:t=>k.current[e.id]=t,className:l},a().createElement(i.default,{className:o},D(e)),a().createElement("div",{className:u},a().createElement(p.Field,{name:e.name,className:u,validate:w(e.mandatory),options:s,question:e,maxValues:e.max_selected_values,isDisabled:r,isRequired:e.mandatory,component:C}),a().createElement(F,{name:e.name}))),(null===(b=e.sub_question_rules)||void 0===b?void 0:b.length)>0&&e.sub_question_rules.map((t=>a().createElement(S,{key:t.id,when:e.name,rule:t},$(t.sub_question)))))}return null},B=(e,t,r)=>{var n;e.mandatory&&(e=>!!k.current[e.id])(e)&&(t.hasOwnProperty(e.name)&&""!==t[e.name]&&0!==t[e.name].length||(r[e.name]=b)),null===(n=e.sub_question_rules)||void 0===n||n.forEach((e=>{B(e.sub_question,t,r)}))};if(!Object.keys(x).length)return null;const I=(e,t,r)=>{var n;t.includes(e.name)&&r.push(e),null===(n=e.sub_question_rules)||void 0===n||n.forEach((e=>{I(e.sub_question,t,r)}))};return Object.keys(x).length?a().createElement("div",{className:s},a().createElement(p.Form,{validate:t=>{const r={};return e.forEach((e=>{B(e,t,r)})),Object.keys(r).length>0&&g(r),r},onSubmit:e=>{r(e)},initialValues:x},(({handleSubmit:t,form:r,submitting:n,pristine:s,values:l})=>(N=t,a().createElement("form",{onSubmit:n=>{const a=r.getRegisteredFields().filter((e=>r.getFieldState(e).invalid));a.length>0&&(t=>{const r=[];e.forEach((e=>{I(e,t,r)}));const n=r.sort(((e,t)=>e.order>t.order))[0];k.current[n.id].scrollIntoView({behavior:"smooth",block:"center"})})(a),t(n)},ref:q},c?a().createElement("fieldset",{disabled:"disabled"},e.map((e=>$(e)))):e.map((e=>$(e))),d&&a().createElement("pre",null,JSON.stringify(l,0,2)))))),!q&&a().createElement("button",{type:"submit",onClick:e=>{N(e)},style:{marginTop:10}},h)):null}));q.propTypes={extraQuestions:l().array.isRequired,userAnswers:l().array.isRequired,onAnswerChanges:l().func.isRequired,className:l().string,debug:l().bool,buttonText:l().string,questionContainerClassName:l().string,questionLabelContainerClassName:l().string,questionControlContainerClassName:l().string,RequiredErrorMessage:l().string,ValidationErrorClassName:l().string,allowExtraQuestionsEdit:l().bool,whiteSpaceBeforeAsterisk:l().bool}},2230:(e,t,r)=>{r.d(t,{default:()=>m});var n=r(580),a=r.n(n),s=r(6689),l=r.n(s),i=r(4656),o=r.n(i),u=r(418);const c=["onChange","value","className","options","id","children","error","disabled","name"];function d(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},s=Object.keys(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}class m extends l().Component{constructor(e){super(e);let t=!!e.value&&e.value.find((t=>!e.options.map((e=>e.value)).includes(t)));this.state={otherChecked:!!t},this.handleChange=this.handleChange.bind(this),this.handleOtherCBChange=this.handleOtherCBChange.bind(this)}handleChange(e){let t=this.props.options.map((e=>e.value)),r=this.props.value?[...this.props.value]:[];if("checkbox"===e.target.type)if(e.target.checked){const t=isNaN(e.target.value)?e.target.value:parseInt(e.target.value);r.push(t)}else r=r.filter((t=>t!=e.target.value));else r=r.filter((e=>t.includes(e))),r.push(e.target.value);let n={target:{id:this.props.id,value:r,type:"checkboxlist"}};this.props.onChange(n)}handleOtherCBChange(e){this.setState({otherChecked:e.target.checked})}render(){let e,t=this.props,{onChange:r,value:n,className:a,options:s,id:i,children:m,error:p,disabled:h,name:b}=t,{otherChecked:f}=(d(t,c),this.state),v=this.props.hasOwnProperty("inline"),y=this.props.hasOwnProperty("html"),g=this.props.hasOwnProperty("allowOther"),_=!!n&&n.find((e=>!s.map((e=>e.value)).includes(e))),E=this.props.hasOwnProperty("error")&&""!==p,O=this.props.hasOwnProperty("disabled")&&1==h;return e=v?{paddingLeft:"22px",marginLeft:"20px",float:"left"}:{paddingLeft:"22px",marginTop:"7px"},l().createElement("div",{id:`chl_wrapper_${i}`},l().createElement("div",{className:"checkboxes-div"+(E?" error":"")},s.map((t=>{let r=!!n&&n.includes(t.value);return l().createElement("div",{className:"form-check abc-checkbox",key:"radio_key_"+t.value,style:e},l().createElement("input",{type:"checkbox",id:`cb_${i}_${t.value}`,name:b||i,checked:r,disabled:O,onChange:this.handleChange,className:"form-check-input",value:t.value}),l().createElement("label",{className:"form-check-label",htmlFor:`cb_${i}_${t.value}`},y&&l().createElement(u.default,null,t.label),!y&&t.label))})),g&&l().createElement("div",{className:"form-check abc-checkbox",style:e},l().createElement("input",{type:"checkbox",id:"cb_other"+i,checked:f,disabled:O,onChange:this.handleOtherCBChange,className:"form-check-input",value:"other"}),l().createElement("label",{className:"form-check-label",htmlFor:"cb_other"+i},o().translate("general.other"))),g&&f&&l().createElement("div",{style:{paddingLeft:"22px",width:"50%"}},l().createElement("input",{className:"form-control",disabled:O,onChange:this.handleChange,value:_}))),E&&l().createElement("p",{className:"error-label"},p))}}m.propTypes={id:a().string.isRequired}},401:(e,t,r)=>{r.d(t,{default:()=>p});var n=r(6689),a=r.n(n),s=r(1929),l=r.n(s);const i=["onChange","value","className","error","clearable","disabled","overrideCSS"];function o(){return o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},o.apply(this,arguments)}function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function c(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?u(Object(r),!0).forEach((function(t){d(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function d(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function m(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},s=Object.keys(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}class p extends a().Component{constructor(e){super(e),this.handleChange=this.handleChange.bind(this)}handleChange(e){let t=null;t=this.props.isMulti?e?e.map((e=>e.value)):null:e?e.value:null;let r={target:{id:this.props.id,value:t,type:"dropdown"}};this.props.onChange(r)}render(){let e=this.props,{onChange:t,value:r,className:n,error:s,clearable:u,disabled:d,overrideCSS:p}=e,h=m(e,i),b=this.props.hasOwnProperty("error")&&""!=s,f=this.props.hasOwnProperty("clearable"),v=this.props.hasOwnProperty("disabled")&&1==d,y=null,g=n;this.props.hasOwnProperty("overrideCSS")&&0!=p||(g="dropdown "+n+" "+(b?"error":"")),y=this.props.isMulti?this.props.options.filter((e=>r.includes(e.value))):r instanceof Object||null==r?r:this.props.options.find((e=>e.value==r));const _={menu:e=>c(c({},e),{},{zIndex:999})};return a().createElement("div",null,a().createElement(l(),o({className:g,value:y,onChange:this.handleChange,isClearable:f,isDisabled:v,styles:_},h)),b&&a().createElement("p",{className:"error-label"},s))}}},7027:(e,t,r)=>{r.d(t,{default:()=>c});var n=r(6689),a=r.n(n),s=r(418),l=r(580),i=r.n(l);const o=["onChange","value","className","error","disabled","options","id","name"];function u(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},s=Object.keys(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}class c extends a().Component{constructor(e){super(e),this.state={value:e.value},this.handleChange=this.handleChange.bind(this)}handleChange(e){let t={target:{id:this.props.id,value:e.target.value,type:"radio"}};this.props.onChange(t)}getLabel(e,t,r,n,l){return r?a().createElement("label",{className:"form-check-label",htmlFor:`radio_${t}_${e.value}`,style:{display:"inline-block"}},l&&a().createElement(s.default,null,e.label),!l&&e.label):n?a().createElement("label",{className:"form-check-label",htmlFor:`radio_${t}_${e.value}`},e.label):a().createElement("label",{className:"form-check-label",htmlFor:`radio_${t}_${e.value}`,style:{display:"inline-block"}},a().createElement("h4",{style:{marginTop:"0px"}},e.label),a().createElement(s.default,null,e.description))}render(){let e,t=this.props,{onChange:r,value:n,className:s,error:l,disabled:i,options:c,id:d,name:m}=t,p=(u(t,o),this.props.hasOwnProperty("error")&&""!=l),h=this.props.hasOwnProperty("inline"),b=this.props.hasOwnProperty("simple"),f=this.props.hasOwnProperty("html"),v=this.props.hasOwnProperty("disabled")&&1==i;return e=h?{paddingLeft:"22px",marginLeft:"20px",float:"left"}:{paddingLeft:"22px"},a().createElement("div",{id:`rl_wrapper_${d}`},c.map((t=>{let r=t.value==n;return a().createElement("div",{className:"form-check abc-radio",key:`radio_key_${d}_${t.value}`,style:e},a().createElement("input",{className:"form-check-input",type:"radio",id:`radio_${d}_${t.value}`,value:t.value,checked:r,onChange:this.handleChange,disabled:v,name:m||`radio_${d}`}),this.getLabel(t,d,h,b,f))})),p&&a().createElement("p",{className:"error-label"},l))}}c.propTypes={id:i().string.isRequired}},1833:(e,t,r)=>{r.d(t,{default:()=>o});var n=r(6689),a=r.n(n);const s=["onChange","value","className","error","containerClassName"];function l(){return l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},l.apply(this,arguments)}function i(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},s=Object.keys(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}class o extends a().Component{constructor(e){super(e),this.handleChange=this.handleChange.bind(this)}componentDidUpdate(e,t,r){this.props.value!==e.value&&(this.input.value=this.props.value)}handleChange(e){this.props.onChange(e)}render(){let e=this.props,{onChange:t,value:r,className:n,error:o,containerClassName:u}=e,c=i(e,s),d=this.props.hasOwnProperty("error")&&""!==o,m=this.props.hasOwnProperty("className")?n:"form-control",p=this.props.hasOwnProperty("containerClassName")?u:"container-form-control";return a().createElement("div",{className:p},a().createElement("input",l({className:`${m} ${d?"error":""}`,ref:e=>{this.input=e},defaultValue:r,onChange:this.handleChange},c)),d&&a().createElement("p",{className:"error-label"},o))}}},418:(e,t,r)=>{r.d(t,{default:()=>s});var n=r(6689),a=r.n(n);const s=({children:e,replaceNewLine:t=!1,className:r=""})=>a().createElement("span",{className:r,dangerouslySetInnerHTML:{__html:t?null==e?void 0:e.replace(/\n/g,"<br />"):e}})},1995:(e,t,r)=>{function n(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function a(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?n(Object(r),!0).forEach((function(t){s(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):n(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}r.d(t,{default:()=>m});const l="ComboBox",i="CheckBoxList",o="RadioButtonList",u=[l,i,o],c="And",d="Equal";class m{constructor(e,t=[]){s(this,"_parseQuestion",(e=>{if(this.questionByName[e.name]=e,this.questionById[parseInt(e.id)]=e,e.hasOwnProperty("sub_question_rules"))for(let t of e.sub_question_rules)this.rules[parseInt(t.id)]=t,this._parseQuestion(t.sub_question)})),s(this,"_parseQuestions",(()=>{for(let e of this.questions)this._parseQuestion(e)})),s(this,"_allowsValues",(e=>u.includes(e.type))),s(this,"_allowsValue",((e,t)=>{let r=t.value.split(",").map((e=>parseInt(e)));for(let t of r)if(!e.values.map((e=>e.id)).includes(t))return!1;return!0})),s(this,"_getAnswerFor",(e=>{let t=Number.isInteger(e)?e:e.id,r=this.answers[t]||null;return r||null})),s(this,"_hasValue",(e=>""!==e.value)),s(this,"_answerContains",((e,t)=>e.value.split(",").includes(t))),s(this,"_isSubQuestionVisible",(e=>{let t=e.answer_values_operator===c;const r=this._getAnswerFor(e.parent_question_id);if(r)switch(e.visibility_condition){case d:for(let n of e.answer_values)t=e.answer_values_operator===c?t&&this._answerContains(r,n):t||this._answerContains(r,n);break;case"NotEqual":for(let n of e.answer_values)t=e.answer_values_operator===c?t&&!this._answerContains(r,n):t||!this._answerContains(r,n)}else t=e.visibility_condition!==d;return"Visible"===e.visibility?t:!t})),s(this,"_isAnswered",(e=>{const t=this._getAnswerFor(e);if("MainQuestion"===e.class)return!e.mandatory||!!t&&(!!this._hasValue(t)&&!(this._allowsValues(e)&&!this._allowsValue(e,t)));for(let r of e.parent_rules)if(this._isSubQuestionVisible(this.rules[r]))return!e.mandatory||!!t&&(!!this._hasValue(t)&&!(this._allowsValues(e)&&!this._allowsValue(e,t)));return!0})),s(this,"_checkQuestion",(e=>{let t=this._isAnswered(e);if(e.hasOwnProperty("sub_question_rules"))for(let r of e.sub_question_rules)t=t&&this._checkQuestion(r.sub_question);return t})),s(this,"_formatQuestionAnswer",(e=>{var t;let r={},n=null===(t=this.originalAnswers.find((t=>t.question_id===e.id)))||void 0===t?void 0:t.value;if(n&&("CheckBox"===e.type&&(n="false"!==n&&!!n),e.type!==o&&e.type!==l||(n=parseInt(n)),e.type===i&&(n=n.split(",").map((e=>parseInt(e)))||[])),r[e.name]=n||"",e.type===i&&""===r[e.name]&&(r[e.name]=[]),e.hasOwnProperty("sub_question_rules"))for(let t of e.sub_question_rules){let e=this._formatQuestionAnswer(t.sub_question);r=a(a({},r),e)}return r})),s(this,"formatAnswers",(()=>{let e={};return this.questions.forEach((t=>{let r=this._formatQuestionAnswer(t);e=a(a({},e),r)})),e})),s(this,"completed",(()=>{let e=!0;for(let t of this.questions)e=e&&this._checkQuestion(t);return e})),s(this,"getQuestionByName",(e=>this.questionByName[e]||null)),s(this,"getQuestionById",(e=>this.questionById[parseInt(e)]||null)),this.questions=e,this.originalAnswers=t,this.answers=[];for(let e of this.originalAnswers)this.answers[e.question_id]=e;this.questionByName={},this.questionById={},this.rules={},this._parseQuestions()}}},4656:e=>{e.exports=require("i18n-react/dist/i18n-react")},580:e=>{e.exports=require("prop-types")},6689:e=>{e.exports=require("react")},1929:e=>{e.exports=require("react-select")}},t={};function r(n){var a=t[n];if(void 0!==a)return a.exports;var s=t[n]={exports:{}};return e[n](s,s.exports,r),s.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 n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})}})(),(()=>{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 n={};return(()=>{r.r(n),r.d(n,{default:()=>u});var e=r(6689),t=r.n(e),a=r(4656),s=r.n(a),l=(r(4026),r(580)),i=r.n(l);class o extends t().Component{constructor(e){super(e),this.onSearchClick=this.onSearchClick.bind(this),this.onClearClick=this.onClearClick.bind(this),this.onKeyPressed=this.onKeyPressed.bind(this),this.onChange=this.onChange.bind(this),this.state={value:e.value}}onSearchClick(e){let{preventEvents:t}=this.props;t&&e.preventDefault(),this.doFiltering(this.state.value)}onClearClick(e){let{preventEvents:t}=this.props;t&&e.preventDefault(),this.doFiltering(""),this.setState({value:""})}doFiltering(e){this.props.onSearch(e.trim())}onKeyPressed(e){13===(e.keyCode||e.which)&&this.doFiltering(this.state.value)}onChange(e){this.setState({value:e.target.value})}render(){let{value:e}=this.state;return t().createElement("div",{className:"row search-container"},t().createElement("div",{className:"col-md-12"},t().createElement("div",{className:"input-group"},t().createElement("input",{type:"text",value:e,className:"form-control",placeholder:this.props.placeholder,onKeyPress:this.onKeyPressed,onChange:this.onChange}),t().createElement("span",{className:"input-group-btn",style:{width:"5%"}},t().createElement("button",{onClick:this.onSearchClick,className:"btn btn-default",title:s().translate("general.search")},t().createElement("i",{className:"fa fa-search"})),t().createElement("button",{onClick:this.onClearClick,className:"btn btn-default",title:s().translate("general.clear")},t().createElement("i",{className:"fa fa-times"}))))))}}o.defaultProps={preventEvents:!1},o.propTypes={preventEvents:i().bool};const u=o})(),n})()));
|
|
1
|
+
!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={4026:(e,t,r)=>{var a=r(6689),n=r.n(a),s=r(580),l=r.n(s),i=r(418),o=r(1833),u=r(401),c=r(7027),d=r(2230),m=r(1995);const p=require("react-final-form"),h=["input","meta","question","className","isDisabled","isRequired"],b=["input","meta","question","isDisabled","isRequired"],f=["input","meta","question","isDisabled","isRequired"],y=["input","meta","question","isDisabled","isRequired","maxValues"];function v(){return v=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},v.apply(this,arguments)}function g(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r,a,n={},s=Object.keys(e);for(a=0;a<s.length;a++)r=s[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(a=0;a<s.length;a++)r=s[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}const _=e=>{let{input:t,meta:r,question:a,className:s,isDisabled:l,isRequired:i}=e,u=g(e,h);return n().createElement(o.default,v({},t,u,{containerClassName:s,name:a.name,ariaLabelledBy:`${a.name} label`,id:a.name,value:t.value,disabled:l,required:i,onChange:t.onChange,placeholder:a.placeholder}))},E=e=>{let{input:t,meta:r,question:a,isDisabled:s,isRequired:l}=e,i=g(e,b);return n().createElement(c.default,v({},t,i,{name:a.name,ariaLabelledBy:`${a.name} label`,id:a.name,overrideCSS:!0,value:t.value,disabled:s,required:l,onChange:t.onChange}))},O=e=>{let{input:t,meta:r,question:a,isDisabled:s,isRequired:l}=e,i=g(e,f);return n().createElement(u.default,v({},t,i,{name:a.name,ariaLabelledBy:`${a.name} label`,id:a.name,overrideCSS:!0,value:t.value,disabled:s,required:l,onChange:t.onChange}))},C=e=>{let{input:t,meta:r,question:a,isDisabled:s,isRequired:l,maxValues:i}=e,o=g(e,y);return n().createElement(d.default,v({},t,o,{id:a.name,name:a.name,ariaLabelledBy:`${a.name} label`,value:t.value,disabled:s,required:l,onChange:e=>{const r=e.target.value;return i>0&&r.length>i?null:t.onChange(e)}}))},w=e=>e?e=>e?void 0:"Required":()=>{},q=n().forwardRef((({extraQuestions:e,userAnswers:t,onAnswerChanges:r,className:s="questions-form",questionContainerClassName:l="question-container",questionLabelContainerClassName:o="question-label-container",questionControlContainerClassName:u="question-control-container",readOnly:c=!1,debug:d=!1,buttonText:h="Submit",RequiredErrorMessage:b="Required",ValidationErrorClassName:f="extra-question-error",allowExtraQuestionsEdit:y=!0,onError:v=(e=>console.log("form errors: ",e))},g)=>{let q=null;const N=(0,a.useRef)({}),[k,x]=(0,a.useState)({});(0,a.useEffect)((()=>{P()}),[e]);const P=()=>{const r=new m.default(e,t);x(r.formatAnswers())},j=({when:e,rule:t,children:r})=>n().createElement(p.Field,{name:e,subscription:{value:!0}},(({input:{value:e}})=>L(t,B(e,t),r))),S=({name:e})=>n().createElement(p.Field,{name:e,subscription:{error:!0,touched:!0}},(({meta:{error:e,touched:t}})=>e&&t?n().createElement("div",{className:f},e):null)),B=(e,t)=>{let r=t.answer_values;if(Array.isArray(e)){if(!e.length)return!1;let a="And"===t.answer_values_operator;return r.forEach((r=>{a="And"===t.answer_values_operator?a&&e.includes(parseInt(r)):a||e.includes(parseInt(r))})),a}return r.includes(e.toString())},L=(e,t,r)=>"Visible"===e.visibility?"Equal"===e.visibility_condition?t?r:(delete N.current[e.sub_question.id],null):t?(delete N.current[e.sub_question.id],null):r:"Equal"===e.visibility_condition?t?(delete N.current[e.sub_question.id],null):r:t?r:(delete N.current[e.sub_question.id],null),F=e=>{const t=String.fromCharCode(160),r=document.createElement("div");r.innerHTML=e.label;const a=r.textContent||r.innerText||"",n=e.mandatory?`${a}${t}<b>*</b>`:a;return`<label id="${e.name} label" htmlFor="${e.name}">\n ${n}\n </label>`},$=e=>{let t=e.values;const r=!y&&((e,t)=>{if(!t.hasOwnProperty(e.name))return!1;const r=t[e.name];return Array.isArray(r)||"string"==typeof r?r.length>0:"number"==typeof r?r>0:"boolean"==typeof r&&r})(e,k);var s,c,d;if("Text"===e.type)return n().createElement(a.Fragment,{key:e.name},n().createElement("div",{ref:t=>N.current[e.id]=t,className:l},n().createElement(i.default,{className:o},F(e)),n().createElement("div",{className:u},n().createElement(p.Field,{name:e.name,question:e,isDisabled:r,isRequired:e.mandatory,validate:w(e.mandatory),component:_}),n().createElement(S,{name:e.name}))),(null===(s=e.sub_question_rules)||void 0===s?void 0:s.length)>0&&e.sub_question_rules.map((t=>n().createElement(j,{key:t.id,when:e.name,rule:t},$(t.sub_question)))));if("TextArea"===e.type)return n().createElement(a.Fragment,{key:e.name},n().createElement("div",{ref:t=>N.current[e.id]=t,className:l},n().createElement(i.default,{className:o},F(e)),n().createElement("div",{className:u},n().createElement(p.Field,{validate:w(e.mandatory),name:e.name,id:e.name,disabled:r,required:e.mandatory,component:"textarea"}),n().createElement(S,{name:e.name}))),(null===(c=e.sub_question_rules)||void 0===c?void 0:c.length)>0&&e.sub_question_rules.map((t=>n().createElement(j,{key:t.id,when:e.name,rule:t},$(t.sub_question)))));if("CheckBox"===e.type)return n().createElement(a.Fragment,{key:e.name},n().createElement("div",{ref:t=>N.current[e.id]=t,style:{display:"flex"},className:l},n().createElement(i.default,{className:`eq-checkbox-label ${o}`},F(e)),n().createElement("div",{className:u},n().createElement("div",{className:"form-check abc-checkbox"},n().createElement(p.Field,{name:e.name,id:e.name,validate:w(e.mandatory),disabled:r,required:e.mandatory,type:"checkbox",className:"form-check-input",component:"input"}),n().createElement("label",{className:"form-check-label",htmlFor:e.name}),n().createElement(S,{name:e.name})))),(null===(d=e.sub_question_rules)||void 0===d?void 0:d.length)>0&&e.sub_question_rules.map((t=>n().createElement(j,{key:t.id,when:e.name,rule:t},$(t.sub_question)))));if("RadioButtonList"===e.type){var m;const s=t.map((e=>({label:e.label,value:e.id})));return n().createElement(a.Fragment,{key:e.name},n().createElement("div",{key:e.name,ref:t=>N.current[e.id]=t,className:l},n().createElement(i.default,{className:o},F(e)),n().createElement("div",{className:u},n().createElement(p.Field,{name:e.name,options:s,question:e,validate:w(e.mandatory),isDisabled:r,isRequired:e.mandatory,component:E}),n().createElement(S,{name:e.name}))),(null===(m=e.sub_question_rules)||void 0===m?void 0:m.length)>0&&e.sub_question_rules.map((t=>n().createElement(j,{key:t.id,when:e.name,rule:t},$(t.sub_question)))))}if("ComboBox"===e.type){var h;const s=t.map((e=>({label:e.label,value:e.id})));return n().createElement(a.Fragment,{key:e.name},n().createElement("div",{ref:t=>N.current[e.id]=t,className:l},n().createElement(i.default,{className:o},F(e)),n().createElement("div",{className:u},n().createElement(p.Field,{name:e.name,options:s,question:e,validate:w(e.mandatory),isDisabled:r,isRequired:e.mandatory,component:O}),n().createElement(S,{name:e.name}))),(null===(h=e.sub_question_rules)||void 0===h?void 0:h.length)>0&&e.sub_question_rules.map((t=>n().createElement(j,{key:t.id,when:e.name,rule:t},$(t.sub_question)))))}if("CheckBoxList"===e.type){var b;const s=t.map((e=>({label:e.label,value:e.id})));return n().createElement(a.Fragment,{key:e.name},n().createElement("div",{ref:t=>N.current[e.id]=t,className:l},n().createElement(i.default,{className:o},F(e)),n().createElement("div",{className:u},n().createElement(p.Field,{name:e.name,className:u,validate:w(e.mandatory),options:s,question:e,maxValues:e.max_selected_values,isDisabled:r,isRequired:e.mandatory,component:C}),n().createElement(S,{name:e.name}))),(null===(b=e.sub_question_rules)||void 0===b?void 0:b.length)>0&&e.sub_question_rules.map((t=>n().createElement(j,{key:t.id,when:e.name,rule:t},$(t.sub_question)))))}return null},R=(e,t,r)=>{var a;e.mandatory&&(e=>!!N.current[e.id])(e)&&(t.hasOwnProperty(e.name)&&""!==t[e.name]&&0!==t[e.name].length||(r[e.name]=b)),null===(a=e.sub_question_rules)||void 0===a||a.forEach((e=>{R(e.sub_question,t,r)}))};if(!Object.keys(k).length)return null;const A=(e,t,r)=>{var a;t.includes(e.name)&&r.push(e),null===(a=e.sub_question_rules)||void 0===a||a.forEach((e=>{A(e.sub_question,t,r)}))};return Object.keys(k).length?n().createElement("div",{className:s},n().createElement(p.Form,{validate:t=>{const r={};return e.forEach((e=>{R(e,t,r)})),Object.keys(r).length>0&&v(r),r},onSubmit:e=>{r(e)},initialValues:k},(({handleSubmit:t,form:r,submitting:a,pristine:s,values:l})=>(q=t,n().createElement("form",{onSubmit:a=>{const n=r.getRegisteredFields().filter((e=>r.getFieldState(e).invalid));n.length>0&&(t=>{const r=[];e.forEach((e=>{A(e,t,r)}));const a=r.sort(((e,t)=>e.order>t.order))[0];N.current[a.id].scrollIntoView({behavior:"smooth",block:"center"})})(n),t(a)},ref:g},c?n().createElement("fieldset",{disabled:"disabled"},e.map((e=>$(e)))):e.map((e=>$(e))),d&&n().createElement("pre",null,JSON.stringify(l,0,2)))))),!g&&n().createElement("button",{type:"submit",onClick:e=>{q(e)},style:{marginTop:10}},h)):null}));q.propTypes={extraQuestions:l().array.isRequired,userAnswers:l().array.isRequired,onAnswerChanges:l().func.isRequired,className:l().string,debug:l().bool,buttonText:l().string,questionContainerClassName:l().string,questionLabelContainerClassName:l().string,questionControlContainerClassName:l().string,RequiredErrorMessage:l().string,ValidationErrorClassName:l().string,allowExtraQuestionsEdit:l().bool}},2230:(e,t,r)=>{r.d(t,{default:()=>m});var a=r(580),n=r.n(a),s=r(6689),l=r.n(s),i=r(4656),o=r.n(i),u=r(418);const c=["onChange","value","className","options","id","children","error","disabled","name","ariaLabelledBy"];function d(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r,a,n={},s=Object.keys(e);for(a=0;a<s.length;a++)r=s[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(a=0;a<s.length;a++)r=s[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}class m extends l().Component{constructor(e){super(e);let t=!!e.value&&e.value.find((t=>!e.options.map((e=>e.value)).includes(t)));this.state={otherChecked:!!t},this.handleChange=this.handleChange.bind(this),this.handleOtherCBChange=this.handleOtherCBChange.bind(this)}handleChange(e){let t=this.props.options.map((e=>e.value)),r=this.props.value?[...this.props.value]:[];if("checkbox"===e.target.type)if(e.target.checked){const t=isNaN(e.target.value)?e.target.value:parseInt(e.target.value);r.push(t)}else r=r.filter((t=>t!=e.target.value));else r=r.filter((e=>t.includes(e))),r.push(e.target.value);let a={target:{id:this.props.id,value:r,type:"checkboxlist"}};this.props.onChange(a)}handleOtherCBChange(e){this.setState({otherChecked:e.target.checked})}render(){let e,t=this.props,{onChange:r,value:a,className:n,options:s,id:i,children:m,error:p,disabled:h,name:b,ariaLabelledBy:f}=t,{otherChecked:y}=(d(t,c),this.state),v=this.props.hasOwnProperty("inline"),g=this.props.hasOwnProperty("html"),_=this.props.hasOwnProperty("allowOther"),E=!!a&&a.find((e=>!s.map((e=>e.value)).includes(e))),O=this.props.hasOwnProperty("error")&&""!==p,C=this.props.hasOwnProperty("disabled")&&1==h;return e=v?{paddingLeft:"22px",marginLeft:"20px",float:"left"}:{paddingLeft:"22px",marginTop:"7px"},l().createElement("div",{id:`chl_wrapper_${i}`,"aria-labelledby":f},l().createElement("div",{className:"checkboxes-div"+(O?" error":"")},s.map((t=>{let r=!!a&&a.includes(t.value);return l().createElement("div",{className:"form-check abc-checkbox",key:"radio_key_"+t.value,style:e},l().createElement("input",{type:"checkbox",id:`cb_${i}_${t.value}`,name:b||i,checked:r,disabled:C,onChange:this.handleChange,className:"form-check-input",value:t.value}),l().createElement("label",{className:"form-check-label",htmlFor:`cb_${i}_${t.value}`},g&&l().createElement(u.default,null,t.label),!g&&t.label))})),_&&l().createElement("div",{className:"form-check abc-checkbox",style:e},l().createElement("input",{type:"checkbox",id:"cb_other"+i,checked:y,disabled:C,onChange:this.handleOtherCBChange,className:"form-check-input",value:"other"}),l().createElement("label",{className:"form-check-label",htmlFor:"cb_other"+i},o().translate("general.other"))),_&&y&&l().createElement("div",{style:{paddingLeft:"22px",width:"50%"}},l().createElement("input",{className:"form-control",disabled:C,onChange:this.handleChange,value:E}))),O&&l().createElement("p",{className:"error-label"},p))}}m.defaultProps={ariaLabelledBy:null},m.propTypes={id:n().string.isRequired}},401:(e,t,r)=>{r.d(t,{default:()=>p});var a=r(6689),n=r.n(a),s=r(1929),l=r.n(s);const i=["onChange","value","className","error","clearable","disabled","overrideCSS","ariaLabelledBy"];function o(){return o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},o.apply(this,arguments)}function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}function c(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?u(Object(r),!0).forEach((function(t){d(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function d(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function m(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r,a,n={},s=Object.keys(e);for(a=0;a<s.length;a++)r=s[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(a=0;a<s.length;a++)r=s[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}class p extends n().Component{constructor(e){super(e),this.handleChange=this.handleChange.bind(this)}handleChange(e){let t=null;t=this.props.isMulti?e?e.map((e=>e.value)):null:e?e.value:null;let r={target:{id:this.props.id,value:t,type:"dropdown"}};this.props.onChange(r)}render(){let e=this.props,{onChange:t,value:r,className:a,error:s,clearable:u,disabled:d,overrideCSS:p,ariaLabelledBy:h}=e,b=m(e,i),f=this.props.hasOwnProperty("error")&&""!=s,y=this.props.hasOwnProperty("clearable"),v=this.props.hasOwnProperty("disabled")&&1==d,g=null,_=a;this.props.hasOwnProperty("overrideCSS")&&0!=p||(_="dropdown "+a+" "+(f?"error":"")),g=this.props.isMulti?this.props.options.filter((e=>r.includes(e.value))):r instanceof Object||null==r?r:this.props.options.find((e=>e.value==r));const E={menu:e=>c(c({},e),{},{zIndex:999})};return n().createElement("div",null,n().createElement(l(),o({className:_,value:g,onChange:this.handleChange,isClearable:y,isDisabled:v,styles:E,"aria-labelledby":h},b)),f&&n().createElement("p",{className:"error-label"},s))}}p.defaultProps={ariaLabelledBy:null}},7027:(e,t,r)=>{r.d(t,{default:()=>c});var a=r(6689),n=r.n(a),s=r(418),l=r(580),i=r.n(l);const o=["onChange","value","className","error","ariaLabelledBy","disabled","options","id","name"];function u(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r,a,n={},s=Object.keys(e);for(a=0;a<s.length;a++)r=s[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(a=0;a<s.length;a++)r=s[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}class c extends n().Component{constructor(e){super(e),this.state={value:e.value},this.handleChange=this.handleChange.bind(this)}handleChange(e){let t={target:{id:this.props.id,value:e.target.value,type:"radio"}};this.props.onChange(t)}getLabel(e,t,r,a,l){return r?n().createElement("label",{className:"form-check-label",htmlFor:`radio_${t}_${e.value}`,style:{display:"inline-block"}},l&&n().createElement(s.default,null,e.label),!l&&e.label):a?n().createElement("label",{className:"form-check-label",htmlFor:`radio_${t}_${e.value}`},e.label):n().createElement("label",{className:"form-check-label",htmlFor:`radio_${t}_${e.value}`,style:{display:"inline-block"}},n().createElement("h4",{style:{marginTop:"0px"}},e.label),n().createElement(s.default,null,e.description))}render(){let e,t=this.props,{onChange:r,value:a,className:s,error:l,ariaLabelledBy:i,disabled:c,options:d,id:m,name:p}=t,h=(u(t,o),this.props.hasOwnProperty("error")&&""!=l),b=this.props.hasOwnProperty("inline"),f=this.props.hasOwnProperty("simple"),y=this.props.hasOwnProperty("html"),v=this.props.hasOwnProperty("disabled")&&1==c;return e=b?{paddingLeft:"22px",marginLeft:"20px",float:"left"}:{paddingLeft:"22px"},n().createElement("div",{id:`rl_wrapper_${m}`,"aria-labelledby":i},d.map((t=>{let r=t.value==a;return n().createElement("div",{className:"form-check abc-radio",key:`radio_key_${m}_${t.value}`,style:e},n().createElement("input",{className:"form-check-input",type:"radio",id:`radio_${m}_${t.value}`,value:t.value,checked:r,onChange:this.handleChange,disabled:v,name:p||`radio_${m}`}),this.getLabel(t,m,b,f,y))})),h&&n().createElement("p",{className:"error-label"},l))}}c.defaultProps={ariaLabelledBy:null},c.propTypes={id:i().string.isRequired}},1833:(e,t,r)=>{r.d(t,{default:()=>o});var a=r(6689),n=r.n(a);const s=["onChange","value","className","error","ariaLabelledBy","containerClassName"];function l(){return l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},l.apply(this,arguments)}function i(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r,a,n={},s=Object.keys(e);for(a=0;a<s.length;a++)r=s[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(a=0;a<s.length;a++)r=s[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}class o extends n().Component{constructor(e){super(e),this.handleChange=this.handleChange.bind(this)}componentDidUpdate(e,t,r){this.props.value!==e.value&&(this.input.value=this.props.value)}handleChange(e){this.props.onChange(e)}render(){let e=this.props,{onChange:t,value:r,className:a,error:o,ariaLabelledBy:u,containerClassName:c}=e,d=i(e,s),m=this.props.hasOwnProperty("error")&&""!==o,p=this.props.hasOwnProperty("className")?a:"form-control",h=this.props.hasOwnProperty("containerClassName")?c:"container-form-control";return n().createElement("div",{className:h},n().createElement("input",l({className:`${p} ${m?"error":""}`,ref:e=>{this.input=e},defaultValue:r,"aria-labelledby":u,onChange:this.handleChange},d)),m&&n().createElement("p",{className:"error-label"},o))}}o.defaultProps={ariaLabelledBy:null}},418:(e,t,r)=>{r.d(t,{default:()=>s});var a=r(6689),n=r.n(a);const s=({children:e,replaceNewLine:t=!1,className:r=""})=>n().createElement("span",{className:r,dangerouslySetInnerHTML:{__html:t?null==e?void 0:e.replace(/\n/g,"<br />"):e}})},1995:(e,t,r)=>{function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}function n(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?a(Object(r),!0).forEach((function(t){s(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}r.d(t,{default:()=>m});const l="ComboBox",i="CheckBoxList",o="RadioButtonList",u=[l,i,o],c="And",d="Equal";class m{constructor(e,t=[]){s(this,"_parseQuestion",(e=>{if(this.questionByName[e.name]=e,this.questionById[parseInt(e.id)]=e,e.hasOwnProperty("sub_question_rules"))for(let t of e.sub_question_rules)this.rules[parseInt(t.id)]=t,this._parseQuestion(t.sub_question)})),s(this,"_parseQuestions",(()=>{for(let e of this.questions)this._parseQuestion(e)})),s(this,"_allowsValues",(e=>u.includes(e.type))),s(this,"_allowsValue",((e,t)=>{let r=t.value.split(",").map((e=>parseInt(e)));for(let t of r)if(!e.values.map((e=>e.id)).includes(t))return!1;return!0})),s(this,"_getAnswerFor",(e=>{let t=Number.isInteger(e)?e:e.id,r=this.answers[t]||null;return r||null})),s(this,"_hasValue",(e=>""!==e.value)),s(this,"_answerContains",((e,t)=>e.value.split(",").includes(t))),s(this,"_isSubQuestionVisible",(e=>{let t=e.answer_values_operator===c;const r=this._getAnswerFor(e.parent_question_id);if(r)switch(e.visibility_condition){case d:for(let a of e.answer_values)t=e.answer_values_operator===c?t&&this._answerContains(r,a):t||this._answerContains(r,a);break;case"NotEqual":for(let a of e.answer_values)t=e.answer_values_operator===c?t&&!this._answerContains(r,a):t||!this._answerContains(r,a)}else t=e.visibility_condition!==d;return"Visible"===e.visibility?t:!t})),s(this,"_isAnswered",(e=>{const t=this._getAnswerFor(e);if("MainQuestion"===e.class)return!e.mandatory||!!t&&(!!this._hasValue(t)&&!(this._allowsValues(e)&&!this._allowsValue(e,t)));for(let r of e.parent_rules)if(this._isSubQuestionVisible(this.rules[r]))return!e.mandatory||!!t&&(!!this._hasValue(t)&&!(this._allowsValues(e)&&!this._allowsValue(e,t)));return!0})),s(this,"_checkQuestion",(e=>{let t=this._isAnswered(e);if(e.hasOwnProperty("sub_question_rules"))for(let r of e.sub_question_rules)t=t&&this._checkQuestion(r.sub_question);return t})),s(this,"_formatQuestionAnswer",(e=>{var t;let r={},a=null===(t=this.originalAnswers.find((t=>t.question_id===e.id)))||void 0===t?void 0:t.value;if(a&&("CheckBox"===e.type&&(a="false"!==a&&!!a),e.type!==o&&e.type!==l||(a=parseInt(a)),e.type===i&&(a=a.split(",").map((e=>parseInt(e)))||[])),r[e.name]=a||"",e.type===i&&""===r[e.name]&&(r[e.name]=[]),e.hasOwnProperty("sub_question_rules"))for(let t of e.sub_question_rules){let e=this._formatQuestionAnswer(t.sub_question);r=n(n({},r),e)}return r})),s(this,"formatAnswers",(()=>{let e={};return this.questions.forEach((t=>{let r=this._formatQuestionAnswer(t);e=n(n({},e),r)})),e})),s(this,"completed",(()=>{let e=!0;for(let t of this.questions)e=e&&this._checkQuestion(t);return e})),s(this,"getQuestionByName",(e=>this.questionByName[e]||null)),s(this,"getQuestionById",(e=>this.questionById[parseInt(e)]||null)),this.questions=e,this.originalAnswers=t,this.answers=[];for(let e of this.originalAnswers)this.answers[e.question_id]=e;this.questionByName={},this.questionById={},this.rules={},this._parseQuestions()}}},4656:e=>{e.exports=require("i18n-react/dist/i18n-react")},580:e=>{e.exports=require("prop-types")},6689:e=>{e.exports=require("react")},1929:e=>{e.exports=require("react-select")}},t={};function r(a){var n=t[a];if(void 0!==n)return n.exports;var s=t[a]={exports:{}};return e[a](s,s.exports,r),s.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 a in t)r.o(t,a)&&!r.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})}})(),(()=>{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 a={};return(()=>{r.r(a),r.d(a,{default:()=>u});var e=r(6689),t=r.n(e),n=r(4656),s=r.n(n),l=(r(4026),r(580)),i=r.n(l);class o extends t().Component{constructor(e){super(e),this.onSearchClick=this.onSearchClick.bind(this),this.onClearClick=this.onClearClick.bind(this),this.onKeyPressed=this.onKeyPressed.bind(this),this.onChange=this.onChange.bind(this),this.state={value:e.value}}onSearchClick(e){let{preventEvents:t}=this.props;t&&e.preventDefault(),this.doFiltering(this.state.value)}onClearClick(e){let{preventEvents:t}=this.props;t&&e.preventDefault(),this.doFiltering(""),this.setState({value:""})}doFiltering(e){this.props.onSearch(e.trim())}onKeyPressed(e){13===(e.keyCode||e.which)&&this.doFiltering(this.state.value)}onChange(e){this.setState({value:e.target.value})}render(){let{value:e}=this.state;return t().createElement("div",{className:"row search-container"},t().createElement("div",{className:"col-md-12"},t().createElement("div",{className:"input-group"},t().createElement("input",{type:"text",value:e,className:"form-control",placeholder:this.props.placeholder,onKeyPress:this.onKeyPressed,onChange:this.onChange}),t().createElement("span",{className:"input-group-btn",style:{width:"5%"}},t().createElement("button",{onClick:this.onSearchClick,className:"btn btn-default",title:s().translate("general.search")},t().createElement("i",{className:"fa fa-search"})),t().createElement("button",{onClick:this.onClearClick,className:"btn btn-default",title:s().translate("general.clear")},t().createElement("i",{className:"fa fa-times"}))))))}}o.defaultProps={preventEvents:!1},o.propTypes={preventEvents:i().bool};const u=o})(),a})()));
|