react-survey-builder 1.0.41 â 1.0.43
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/dist/225.index.js +1 -0
- package/dist/997.index.js +1 -0
- package/dist/index.js +1 -1
- package/lib/dynamic-option-list.js +6 -15
- package/lib/fieldset/index.js +124 -6
- package/lib/form-fields.js +10 -35
- package/lib/form.js +10 -35
- package/lib/index.js +3 -20
- package/lib/multi-column/MultiColumnRow.js +2 -2
- package/lib/multi-column/dustbin.js +3 -3
- package/lib/multi-column/grip.js +2 -2
- package/lib/preview.js +13 -14
- package/lib/sortable-form-elements.js +33 -33
- package/lib/survey-elements/component-drag-handle.js +7 -10
- package/lib/survey-elements/component-drag-layer.js +7 -10
- package/lib/survey-elements/component-drag-preview.js +1 -1
- package/lib/survey-elements/component-error-message.js +0 -1
- package/lib/survey-elements/index.js +34 -26
- package/lib/survey-elements-edit.js +39 -147
- package/lib/survey-place-holder.js +3 -7
- package/lib/survey-validator.js +2 -7
- package/lib/toolbar-draggable-item.js +3 -5
- package/lib/toolbar-group-item.js +12 -19
- package/lib/toolbar.js +95 -246
- package/package.json +5 -6
- package/dist/320.index.js +0 -1
- package/dist/57.index.js +0 -1
- package/lib/fieldset/FieldSet.js +0 -129
- package/lib/language-provider/IntlMessages.js +0 -15
- package/lib/language-provider/entries/en-us.js +0 -16
- package/lib/language-provider/index.js +0 -18
- package/lib/language-provider/locales/en-us.json +0 -103
- package/lib/utils/custom-date-picker.js +0 -93
package/dist/320.index.js
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
"use strict";(self.webpackChunkReactSurveyBuilder=self.webpackChunkReactSurveyBuilder||[]).push([[320],{2106:(e,t,n)=>{n.d(t,{Z:()=>c});var r=n(7582),o=n(359),a=n(4806),l=n(680);function i(e){var t=function(){var e=o.useContext(a._y);return(0,l.lq)(e),e}(),n=t.formatMessage,r=t.textComponent,i=void 0===r?o.Fragment:r,u=e.id,c=e.description,d=e.defaultMessage,s=e.values,m=e.children,f=e.tagName,v=void 0===f?i:f,p=n({id:u,description:c,defaultMessage:d},s,{ignoreTag:e.ignoreTag});return"function"==typeof m?m(Array.isArray(p)?p:[p]):v?o.createElement(v,null,o.Children.toArray(p)):o.createElement(o.Fragment,null,p)}i.displayName="FormattedMessage";var u=o.memo(i,(function(e,t){var n=e.values,o=(0,r._T)(e,["values"]),a=t.values,i=(0,r._T)(t,["values"]);return(0,l.wU)(a,n)&&(0,l.wU)(o,i)}));u.displayName="MemoizedFormattedMessage";const c=u},8514:(e,t,n)=>{n.d(t,{Z:()=>b});var r=n(7462),o=n(3366),a=n(359);const l=a.useLayoutEffect;var i=function(e,t){"function"!=typeof e?e.current=t:e(t)};var u={"min-height":"0","max-height":"none",height:"0",visibility:"hidden",overflow:"hidden",position:"absolute","z-index":"-1000",top:"0",right:"0"},c=function(e){Object.keys(u).forEach((function(t){e.style.setProperty(t,u[t],"important")}))},d=null,s=function(e,t){var n=e.scrollHeight;return"border-box"===t.sizingStyle.boxSizing?n+t.borderSize:n-t.paddingSize},m=function(){},f=["borderBottomWidth","borderLeftWidth","borderRightWidth","borderTopWidth","boxSizing","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","paddingBottom","paddingLeft","paddingRight","paddingTop","tabSize","textIndent","textRendering","textTransform","width","wordBreak"],v=!!document.documentElement.currentStyle;function p(e,t,n){var r,o,i=(r=n,o=a.useRef(r),l((function(){o.current=r})),o);a.useLayoutEffect((function(){var n=function(e){return i.current(e)};if(e)return e.addEventListener(t,n),function(){return e.removeEventListener(t,n)}}),[])}var h=["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"],g=function(e,t){var n,l=e.cacheMeasurements,u=e.maxRows,g=e.minRows,b=e.onChange,y=void 0===b?m:b,E=e.onHeightChange,w=void 0===E?m:E,x=(0,o.Z)(e,h),S=void 0!==x.value,z=a.useRef(null),C=function(e,t){var n=(0,a.useRef)();return(0,a.useCallback)((function(r){e.current=r,n.current&&i(n.current,null),n.current=t,t&&i(t,r)}),[t])}(z,t),M=a.useRef(0),N=a.useRef(),R=function(){var e=z.current,t=l&&N.current?N.current:function(e){var t=window.getComputedStyle(e);if(null===t)return null;var n,r=(n=t,f.reduce((function(e,t){return e[t]=n[t],e}),{})),o=r.boxSizing;return""===o?null:(v&&"border-box"===o&&(r.width=parseFloat(r.width)+parseFloat(r.borderRightWidth)+parseFloat(r.borderLeftWidth)+parseFloat(r.paddingRight)+parseFloat(r.paddingLeft)+"px"),{sizingStyle:r,paddingSize:parseFloat(r.paddingBottom)+parseFloat(r.paddingTop),borderSize:parseFloat(r.borderBottomWidth)+parseFloat(r.borderTopWidth)})}(e);if(t){N.current=t;var n=function(e,t,n,r){void 0===n&&(n=1),void 0===r&&(r=1/0),d||((d=document.createElement("textarea")).setAttribute("tabindex","-1"),d.setAttribute("aria-hidden","true"),c(d)),null===d.parentNode&&document.body.appendChild(d);var o=e.paddingSize,a=e.borderSize,l=e.sizingStyle,i=l.boxSizing;Object.keys(l).forEach((function(e){var t=e;d.style[t]=l[t]})),c(d),d.value=t;var u=s(d,e);d.value=t,u=s(d,e),d.value="x";var m=d.scrollHeight-o,f=m*n;"border-box"===i&&(f=f+o+a),u=Math.max(f,u);var v=m*r;return"border-box"===i&&(v=v+o+a),[u=Math.min(v,u),m]}(t,e.value||e.placeholder||"x",g,u),r=n[0],o=n[1];M.current!==r&&(M.current=r,e.style.setProperty("height",r+"px","important"),w(r,{rowHeight:o}))}};return a.useLayoutEffect(R),p(window,"resize",R),n=R,p(document.fonts,"loadingdone",n),a.createElement("textarea",(0,r.Z)({},x,{onChange:function(e){S||R(),y(e)},ref:C}))},b=a.forwardRef(g)},2983:(e,t,n)=>{n.d(t,{ZP:()=>T});var r=n(359),o=function(){return o=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},o.apply(this,arguments)};function a(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}function l(){if(document.selection)return document.selection.createRange().parentElement();var e=window.getSelection();return e&&e.rangeCount>0&&e.getRangeAt(0).startContainer.parentNode||void 0}function i(e){return e?e.replace(/ |\u202F|\u00A0/g," "):""}"function"==typeof SuppressedError&&SuppressedError;var u=r.memo(r.forwardRef((function(e,t){var n=e.className,l=e.disabled,u=e.tagName,c=e.value,d=void 0===c?"":c,s=a(e,["className","disabled","tagName","value"]),m=r.useRef(),f=r.useRef(d),v=r.useRef(s);return r.useEffect((function(){v.current=s;var e=m.current;e&&i(f.current)!==i(d)&&(f.current=d,e.innerHTML=d,function(e){var t=document.createTextNode("");e.appendChild(t);var n=document.activeElement===e;if(null!==t&&null!==t.nodeValue&&n){var r=window.getSelection();if(null!==r){var o=document.createRange();o.setStart(t,t.nodeValue.length),o.collapse(!0),r.removeAllRanges(),r.addRange(o)}e instanceof HTMLElement&&e.focus()}}(e))})),r.useMemo((function(){function e(e){var t,n,r=m.current;if(r){var a=r.innerHTML;a!==f.current&&(null===(n=(t=v.current).onChange)||void 0===n||n.call(t,o(o({},e),{target:{value:a,name:s.name}}))),f.current=a}}return r.createElement(u||"div",o(o({},s),{className:n,contentEditable:!l,dangerouslySetInnerHTML:{__html:d},onBlur:function(t){return(v.current.onBlur||e)(t)},onInput:e,onKeyDown:function(t){return(v.current.onKeyDown||e)(t)},onKeyUp:function(t){return(v.current.onKeyUp||e)(t)},ref:function(e){m.current=e,"function"==typeof t?t(e):"object"==typeof t&&t&&(t.current=e)}}))}),[n,l,u])}))),c=r.createContext(void 0);function d(e){var t=e.children,n=r.useState({htmlMode:!1,update:function(e){l((function(t){return o(o(o({},t),e),{date:Date.now()})}))}}),a=n[0],l=n[1];return r.createElement(c.Provider,{value:a},t)}function s(){var e=r.useContext(c);if(!e)throw new Error("You should wrap your component by EditorProvider");return e}function m(e){var t=a(e,[]);return r.createElement("textarea",o({},t))}var f=[],v=[];function p(e){var t=e.children,n=e.containerProps,i=e.onSelect,c=a(e,["children","containerProps","onSelect"]),d=s();function f(e){var t;e.target!==d.$el&&((null===(t=d.$el)||void 0===t?void 0:t.contains(e.target))||d.update({$selection:void 0}))}return r.useEffect((function(){return document.addEventListener("click",f),function(){return document.removeEventListener("click",f)}})),d.htmlMode?r.createElement("div",o({className:"rsw-editor"},n),t,r.createElement(m,o({},c,{className:"rsw-ce rsw-html"}))):r.createElement("div",o({className:"rsw-editor"},n),t,r.createElement(u,o({},c,{ref:function(e){d.update({$el:e})},onSelect:function(e){null==i||i(e),d.update({$selection:l()})},className:"rsw-ce"})))}!function(e,t){if(e&&"undefined"!=typeof document){var n,r=!0===t.prepend?"prepend":"append",o=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(o){var l=f.indexOf(a);-1===l&&(l=f.push(a)-1,v[l]={}),n=v[l]&&v[l][r]?v[l][r]:v[l][r]=i()}else n=i();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function i(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),o=0;o<n.length;o++)e.setAttribute(n[o],t.attributes[n[o]]);var l="prepend"===r?"afterbegin":"beforeend";return a.insertAdjacentElement(l,e),e}}(".rsw-editor{border:1px solid #ddd;border-radius:.375rem;display:flex;flex-direction:column;min-height:100px;overflow:hidden}.rsw-ce{flex:1 0 auto;outline:none;padding:.5rem}.rsw-ce[contentEditable=true]:empty:not(:focus):before{color:grey;content:attr(placeholder)}.rsw-html{background:transparent;border:none;font-family:monospace,Courier New}.rsw-separator{align-self:stretch;border-right:1px solid #ddd;display:flex;margin:0 3px}.rsw-dd{box-sizing:border-box;outline:none}.rsw-btn{background:transparent;border:0;color:#222;cursor:pointer;font-size:1em;height:2em;outline:none;padding:0;width:2em}.rsw-btn:hover{background:#eaeaea}.rsw-btn[data-active=true]{background:#e0e0e0}.rsw-toolbar{align-items:center;background-color:#f5f5f5;border-bottom:1px solid #ddd;display:flex}",{});var h=M("Bold","ð","bold"),g=M("Bullet list",r.createElement((function(){return r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24",style:{verticalAlign:"text-top"}},r.createElement("path",{fill:"currentColor",d:"M7 5h14v2H7V5zm0 8v-2h14v2H7zM4 4.50001c.83 0 1.5.66992 1.5 1.5 0 .83007-.67 1.5-1.5 1.5s-1.5-.66993-1.5-1.5c0-.83008.67-1.5 1.5-1.5zM4 10.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5-1.5-.67-1.5-1.5.67-1.5 1.5-1.5zM7 19v-2h14v2H7zm-3-2.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5-1.5-.67-1.5-1.5.67-1.5 1.5-1.5z"}))}),null),"insertUnorderedList"),b=M("Clear formatting","TĖēâ","removeFormat"),y=M("Italic","ð°","italic"),E=M("Strike through",r.createElement("s",null,"ab"),"strikeThrough"),w=M("Link","ð",(function(e){var t=e.$selection;"A"===(null==t?void 0:t.nodeName)?document.execCommand("unlink"):document.execCommand("createLink",!1,prompt("URL","")||void 0)})),x=M("Numbered list",r.createElement((function(){return r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24",style:{verticalAlign:"text-top"}},r.createElement("path",{fill:"currentColor",d:"M6.99938 12.998v-2H20.9994v2H6.99938zm0 6.0001v-2H20.9994v2H6.99938zm0-12.00001v-2H20.9994v2H6.99938zm-4 1v-3h-1v-1h2v4h-1zm-1 9.00001v-1h3v4h-3v-1h2v-.5h-1v-1h1v-.5h-2zM4.25 10c.41421 0 .75.3358.75.75 0 .2024-.08017.3861-.2105.521L3.11983 13H5v1H2v-.9218L4 11H2v-1h2.25z"}))}),null),"insertOrderedList"),S=M("Redo","â·","redo"),z=M("Underline",r.createElement("span",{style:{textDecoration:"underline"}},"ð"),"underline"),C=M("Undo","âķ","undo");function M(e,t,n){return a.displayName=e.replace(/\s/g,""),a;function a(a){var l=s(),i=l.$el,u=l.$selection,c=!1;return"string"==typeof n&&(c=!!u&&document.queryCommandState(n)),l.htmlMode?null:r.createElement("button",o({type:"button",title:e},a,{className:"rsw-btn",onMouseDown:function(e){e.preventDefault(),document.activeElement!==i&&(null==i||i.focus()),"function"==typeof n?n(l):document.execCommand(n)},"data-active":c}),t)}}var N=function(e,t){return n.displayName=e,n;function n(n){var a=s(),l=a.$el,i=a.$selection;if(a.htmlMode)return null;var u=t.findIndex((function(e){return"formatBlock"===e[1]&&(null==i?void 0:i.nodeName)===e[2]}));return r.createElement(R,o({},n,{onChange:function(e){var n=e.target,r=n.value,o=parseInt(r,10),i=t[o],u=i[1],c=i[2];e.preventDefault(),document.activeElement!==l&&(null==l||l.focus()),"function"==typeof u?u(a):document.execCommand(u,!1,c),setTimeout((function(){return n.value=r}),10)},title:e,items:t,selected:u}))}}("Styles",[["Normal","formatBlock","DIV"],["ððēðŪðąðēðŋ ð","formatBlock","H1"],["Header 2","formatBlock","H2"],["ðēððð","formatBlock","PRE"]]);function R(e){var t=e.items,n=e.selected,l=a(e,["items","selected"]);return r.createElement("select",o({},l,{value:n,className:"rsw-dd"}),r.createElement("option",{hidden:!0},l.title),t.map((function(e,t){return r.createElement("option",{key:e[2],value:t},e[0])})))}function k(e){var t=a(e,[]),n=s();return r.createElement("button",o({type:"button",title:"HTML mode",className:"rsw-btn",onClick:function(){n.update({htmlMode:!n.htmlMode})},"data-active":n.htmlMode},t),"</>")}function H(){return s().htmlMode?null:r.createElement("div",{className:"rsw-separator"})}function L(e){return r.createElement("div",o({},e,{className:"rsw-toolbar"}))}function T(e){return r.createElement(d,null,r.createElement(p,o({},e),r.createElement(L,null,r.createElement(C,null),r.createElement(S,null),r.createElement(H,null),r.createElement(h,null),r.createElement(y,null),r.createElement(z,null),r.createElement(E,null),r.createElement(H,null),r.createElement(x,null),r.createElement(g,null),r.createElement(H,null),r.createElement(w,null),r.createElement(b,null),r.createElement(k,null),r.createElement(H,null),r.createElement(N,null))))}}}]);
|
package/dist/57.index.js
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
"use strict";(self.webpackChunkReactSurveyBuilder=self.webpackChunkReactSurveyBuilder||[]).push([[57],{57:(e,t,n)=>{n.r(t),n.d(t,{default:()=>B});var l=n(5671),a=n(3144),r=n(136),o=n(2963),i=n(1120),s=n(7462),m=n(5987),p=n(359),c=n.n(p),h=n(8514),d=n(7163),u=n(9265),b=n.n(u),E=n(9333),f=n.n(E),y=n(2106);const v=(0,n(4806).ZP)((function(e){return c().createElement(y.Z,e)}),{withRef:!1});var g=n(2091),Z=n(4051),w=n(1555),C=n(7833),k=n(5005);var P=function(e){(0,r.Z)(m,e);var t,n,s=(t=m,n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,l=(0,i.Z)(t);if(n){var a=(0,i.Z)(this).constructor;e=Reflect.construct(l,arguments,a)}else e=l.apply(this,arguments);return(0,o.Z)(this,e)});function m(e){var t;return(0,l.Z)(this,m),(t=s.call(this,e)).state={element:t.props.element,item:t.props.item,dirty:!1},t}return(0,a.Z)(m,[{key:"_setValue",value:function(e){return e.replace(/[^A-Z0-9]+/gi,"_").toLowerCase()}},{key:"editOption",value:function(e,t){var n=this.state.element,l=n.options[e].value!==this._setValue(n.options[e].text)?n.options[e].value:this._setValue(t.target.value);n.options[e].text=t.target.value,n.options[e].value=l,this.setState({element:n,dirty:!0})}},{key:"editValue",value:function(e,t){var n=this.state.element,l=""===t.target.value?this._setValue(n.options[e].text):t.target.value;n.options[e].value=l,this.setState({element:n,dirty:!0})}},{key:"editOptionCorrect",value:function(e,t){var n=this.state.element;n.options[e].hasOwnProperty("correct")?delete n.options[e].correct:n.options[e].correct=!0,this.setState({element:n}),this.props.updateElement.call(this.props.preview,n)}},{key:"updateOption",value:function(){var e=this.state.element;this.state.dirty&&(this.props.updateElement.call(this.props.preview,e),this.setState({dirty:!1}))}},{key:"addOption",value:function(e){var t=this.state.element;t.options.splice(e+1,0,{value:"",text:"",key:f().uuid()}),this.props.updateElement.call(this.props.preview,t)}},{key:"removeOption",value:function(e){var t=this.state.element;t.options.splice(e,1),this.props.updateElement.call(this.props.preview,t)}},{key:"render",value:function(){var e=this;return this.state.dirty&&(this.state.element.dirty=!0),c().createElement("div",{className:"dynamic-option-list"},c().createElement("ul",null,c().createElement("li",null,c().createElement(Z.Z,null,c().createElement(w.Z,{sm:6},c().createElement("b",null,c().createElement(v,{id:"options"}))),this.props.canHaveOptionValue&&c().createElement(w.Z,{sm:2},c().createElement("b",null,c().createElement(v,{id:"value"}))),this.props.canHaveOptionValue&&this.props.canHaveOptionCorrect&&c().createElement(w.Z,{sm:4},c().createElement("b",null,c().createElement(v,{id:"correct"}))))),this.props.element.options.map((function(t,n){var l="edit_".concat(t.key),a=t.value!==e._setValue(t.text)?t.value:"";return c().createElement("li",{className:"clearfix",key:l},c().createElement(Z.Z,null,c().createElement(w.Z,{sm:6},c().createElement(C.Z.Control,{tabIndex:n+1,style:{width:"100%"},type:"text",name:"text_".concat(n),placeholder:"Option text",value:t.text,onBlur:e.updateOption.bind(e),onChange:e.editOption.bind(e,n)})),e.props.canHaveOptionValue&&c().createElement(w.Z,{sm:2},c().createElement(C.Z.Control,{type:"text",name:"value_".concat(n),value:a,onChange:e.editValue.bind(e,n)})),e.props.canHaveOptionValue&&e.props.canHaveOptionCorrect&&c().createElement(w.Z,{sm:1},c().createElement(C.Z.Check,{type:"checkbox",value:"1",onChange:e.editOptionCorrect.bind(e,n),checked:t.hasOwnProperty("correct")})),c().createElement(w.Z,{sm:3},c().createElement("div",{className:"dynamic-options-actions-buttons"},c().createElement(k.Z,{variant:"success",onClick:e.addOption.bind(e,n)},c().createElement(g.EIY,null)),n>0&&c().createElement(k.Z,{variant:"danger",onClick:e.removeOption.bind(e,n)},c().createElement(g.wbB,null))))))}))))}}]),m}(c().Component),x=n(2083),N=n(2983),O=["onChange","onBlur","value","name"];var L=c().forwardRef((function(e,t){var n=e.onChange,l=e.onBlur,a=e.value,r=e.name,o=(0,m.Z)(e,O);return c().createElement(N.ZP,(0,s.Z)({},o,{onBlur:l,value:a,name:r,onChange:n,containerProps:{style:{height:"500px",width:"100%",resize:"both"}}}))})),B=function(e){(0,r.Z)(m,e);var t,n,s=(t=m,n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,l=(0,i.Z)(t);if(n){var a=(0,i.Z)(this).constructor;e=Reflect.construct(l,arguments,a)}else e=l.apply(this,arguments);return(0,o.Z)(this,e)});function m(e){var t;return(0,l.Z)(this,m),(t=s.call(this,e)).state={element:t.props.element,item:t.props.item,dirty:!1},t}return(0,a.Z)(m,[{key:"toggleRequired",value:function(){}},{key:"editElementProp",value:function(e,t,n){var l=this,a=this.state.element;a[e]=n.target[t],this.setState({element:a,dirty:!0},(function(){"checked"===t&&l.updateElement()}))}},{key:"onEditorStateChange",value:function(e,t,n){var l=b()((0,d.convertToRaw)(n.getCurrentContent())).replace(/ /g," ").replace(/(?:\r\n|\r|\n)/g,""),a=this.state.element;a[t]=l,this.setState({element:a,dirty:!0})}},{key:"updateElement",value:function(){var e=this.state.element;this.state.dirty&&(this.props.updateElement.call(this.props.preview,e),this.setState({dirty:!1}))}},{key:"convertFromHTML",value:function(e){var t=(0,d.convertFromHTML)(e);if(!t.contentBlocks||!t.contentBlocks.length)return d.EditorState.createEmpty();var n=d.ContentState.createFromBlockArray(t);return d.EditorState.createWithContent(n)}},{key:"addOptions",value:function(){var e=this,t=document.getElementById("optionsApiUrl").value;t&&(0,x.U)(t).then((function(t){e.props.element.options=[];var n=e.props.element.options;t.forEach((function(e){e.key=f().uuid(),n.push(e)}));var l=e.state.element;e.setState({element:l,dirty:!0})}))}},{key:"render",value:function(){this.state.dirty&&(this.props.element.dirty=!0);var e=!!this.props.element.hasOwnProperty("required")&&this.props.element.required,t=!!this.props.element.hasOwnProperty("defaultChecked")&&this.props.element.defaultChecked,n=!!this.props.element.hasOwnProperty("readOnly")&&this.props.element.readOnly,l=!!this.props.element.hasOwnProperty("defaultToday")&&this.props.element.defaultToday,a=!!this.props.element.hasOwnProperty("inline")&&this.props.element.inline,r=!!this.props.element.hasOwnProperty("bold")&&this.props.element.bold,o=!!this.props.element.hasOwnProperty("italic")&&this.props.element.italic,i=!!this.props.element.hasOwnProperty("center")&&this.props.element.center,s=!!this.props.element.hasOwnProperty("pageBreakBefore")&&this.props.element.pageBreakBefore,m=!!this.props.element.hasOwnProperty("alternateForm")&&this.props.element.alternateForm,p=!!this.props.element.hasOwnProperty("hideLabel")&&this.props.element.hideLabel,d=-1!==["NumberInput","EmailInput","TextInput","PhoneNumber","TextArea","DatePicker","Dropdown","Tags","Checkboxes","Checkbox","RadioButtons","Rating","Range"].indexOf(this.state.element.element),u=-1!==["Dropdown","Tags","Checkboxes","RadioButtons"].indexOf(this.state.element.element),b=d&&u,E=this.props.files.length?this.props.files:[];return(E.length<1||E.length>0&&""!==E[0].id)&&E.unshift({id:"",file_name:""}),this.props.element.hasOwnProperty("content")&&this.convertFromHTML(this.props.element.content),this.props.element.hasOwnProperty("label")&&this.convertFromHTML(this.props.element.label),this.props.element.hasOwnProperty("boxLabel")&&this.convertFromHTML(this.props.element.boxLabel),c().createElement("div",null,c().createElement("div",{className:"clearfix"},c().createElement("h4",{className:"float-start"},this.props.element.text),c().createElement(g.aHS,{className:"float-end dismiss-edit",onClick:this.props.manualEditModeOff})),this.props.element.hasOwnProperty("content")&&("Header"===this.state.element.element||"Label"===this.state.element.element||"Paragraph"===this.state.element.element||"ContentBody"===this.state.element.element)&&c().createElement(C.Z.Group,{className:"form-group mb-5"},c().createElement(C.Z.Label,{className:"fw-bold"},c().createElement(v,{id:"text-to-display"}),":"),c().createElement(C.Z.Control,{type:"text",id:"content",name:"content",as:L,value:this.props.element.content,defaultValue:this.props.element.content,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"content","value")})),this.props.element.hasOwnProperty("filePath")&&c().createElement(C.Z.Group,{className:"form-group mb-5"},c().createElement(C.Z.Label,{className:"fw-bold",htmlFor:"fileSelect"},c().createElement(v,{id:"choose-file"}),":"),c().createElement(C.Z.Select,{id:"fileSelect",defaultValue:this.props.element.filePath,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"filePath","value")},E.map((function(e){var t="file_".concat(e.id);return c().createElement("option",{value:e.id,key:t},e.file_name)})))),this.props.element.hasOwnProperty("href")&&c().createElement(C.Z.Group,{className:"form-group mb-5"},c().createElement(C.Z.Label,{className:"fw-bold",htmlFor:"href"},c().createElement(v,{id:"link-to"}),":"),c().createElement(C.Z.Control,{id:"href",type:"text",defaultValue:this.props.element.href,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"href","value")})),this.props.element.hasOwnProperty("label")&&c().createElement(C.Z.Group,{className:"form-group mb-5"},c().createElement(C.Z.Label,{className:"fw-bold"},c().createElement(v,{id:"display-label"}),":"),c().createElement(C.Z.Control,{type:"text",id:"label",name:"label",as:L,value:this.props.element.label,defaultValue:this.props.element.label,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"label","value")})),(this.props.element.hasOwnProperty("required")||this.props.element.hasOwnProperty("readOnly")||this.props.element.hasOwnProperty("defaultToday")||-1!==["Checkboxes","Checkbox"].indexOf(this.state.element.element)||("RadioButtons"===this.state.element.element||"Checkboxes"===this.state.element.element)&&this.props.element.hasOwnProperty("inline"))&&c().createElement(C.Z.Group,{className:"form-group mb-5"},c().createElement(C.Z.Label,{className:"fw-bold"},"Field Properties:"),this.props.element.hasOwnProperty("required")&&c().createElement(C.Z.Check,{id:"is-required",label:c().createElement(v,{id:"required"}),type:"checkbox",checked:e,value:!0,onChange:this.editElementProp.bind(this,"required","checked")}),this.props.element.hasOwnProperty("readOnly")&&c().createElement(C.Z.Check,{id:"is-read-only",label:c().createElement(v,{id:"read-only"}),type:"checkbox",checked:n,value:!0,onChange:this.editElementProp.bind(this,"readOnly","checked")}),this.props.element.hasOwnProperty("defaultToday")&&c().createElement(C.Z.Check,{id:"is-default-to-today",label:c().createElement(v,{id:"default-to-today"}),type:"checkbox",checked:l,value:!0,onChange:this.editElementProp.bind(this,"defaultToday","checked")}),-1!==["Checkboxes","Checkbox"].indexOf(this.state.element.element)&&c().createElement(C.Z.Check,{id:"default-checked",label:c().createElement(v,{id:"default-checked"}),type:"checkbox",checked:t,value:!0,onChange:this.editElementProp.bind(this,"defaultChecked","checked")}),("RadioButtons"===this.state.element.element||"Checkboxes"===this.state.element.element)&&this.props.element.hasOwnProperty("inline")&&c().createElement(C.Z.Check,{id:"display-horizontal",label:c().createElement(v,{id:"display-horizontal"}),type:"checkbox",checked:a,value:!0,onChange:this.editElementProp.bind(this,"inline","checked")})),"Checkbox"===this.state.element.element&&c().createElement(C.Z.Group,{className:"form-group mb-5"},c().createElement(C.Z.Label,{className:"fw-bold"},c().createElement(v,{id:"checkbox-label-text"}),":"),c().createElement(C.Z.Control,{type:"text",id:"boxLabel",name:"boxLabel",as:L,value:this.props.element.boxLabel,defaultValue:this.props.element.boxLabel,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"boxLabel","value"),containerProps:{style:{height:"500px",width:"100%",resize:"both"}}})),this.props.element.hasOwnProperty("src")&&c().createElement(C.Z.Group,{className:"form-group mb-5"},c().createElement(C.Z.Label,{className:"fw-bold",htmlFor:"srcInput"},c().createElement(v,{id:"link-to"}),":"),c().createElement(C.Z.Control,{id:"srcInput",type:"text",defaultValue:this.props.element.src,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"src","value")})),("Image"===this.state.element.element||"Camera"===this.state.element.element)&&c().createElement(C.Z.Group,{className:"form-group mb-5"},c().createElement(Z.Z,null,c().createElement(w.Z,{sm:3},c().createElement(C.Z.Label,{className:"fw-bold",htmlFor:"do-center"},"Alignment:"),c().createElement(C.Z.Check,{id:"do-center",label:c().createElement(v,{id:"center"}),type:"checkbox",checked:i,value:!0,onChange:this.editElementProp.bind(this,"center","checked")})),c().createElement(w.Z,{sm:3},c().createElement(C.Z.Label,{className:"fw-bold",htmlFor:"elementWidth"},c().createElement(v,{id:"width"}),":"),c().createElement(C.Z.Control,{id:"elementWidth",type:"number",defaultValue:this.props.element.width,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"width","value")})),c().createElement(w.Z,{sm:3},c().createElement(C.Z.Label,{className:"fw-bold",htmlFor:"elementHeight"},c().createElement(v,{id:"height"}),":"),c().createElement(C.Z.Control,{id:"elementHeight",type:"number",defaultValue:this.props.element.height,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"height","value")})))),"FileUpload"===this.state.element.element&&c().createElement(C.Z.Group,{className:"form-group mb-5"},c().createElement(C.Z.Label,{className:"fw-bold",htmlFor:"fileType"},c().createElement(v,{id:"choose-file-type"}),":"),c().createElement(C.Z.Select,{id:"fileType",onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"fileType","value")},[{type:"image, application/pdf, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document, application/vnd.ms-excel, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-powerpoint, application/vnd.openxmlformats-officedocument.presentationml.presentation, video/mp4,video/x-m4v,video/*",typeName:"All File Type"},{type:"image",typeName:"Image"},{type:"application/pdf",typeName:"PDF"},{type:"application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document",typeName:"Word"},{type:"application/vnd.ms-excel, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",typeName:"Excel"},{type:"application/vnd.ms-powerpoint, application/vnd.openxmlformats-officedocument.presentationml.presentation",typeName:"Powerpoint"},{type:"video/mp4,video/x-m4v,video/*",typeName:"Videos"}].map((function(e,t){return c().createElement("option",{value:e.type,key:t},e.typeName)})))),this.props.element.hasOwnProperty("pageBreakBefore")&&c().createElement(C.Z.Group,{className:"form-group mb-5"},c().createElement(C.Z.Label,{className:"fw-bold"},c().createElement(v,{id:"print-options"}),":"),c().createElement(C.Z.Check,{id:"page-break-before-element",label:c().createElement(v,{id:"page-break-before-element"}),type:"checkbox",checked:s,value:!0,onChange:this.editElementProp.bind(this,"pageBreakBefore","checked")})),this.props.element.hasOwnProperty("alternateForm")&&c().createElement(C.Z.Group,{className:"form-group mb-5"},c().createElement(C.Z.Label,{className:"fw-bold"},c().createElement(v,{id:"alternate-signature-page"}),":"),c().createElement(C.Z.Check,{id:"display-on-alternate",label:c().createElement(v,{id:"display-on-alternate-signature-page"}),type:"checkbox",checked:m,value:!0,onChange:this.editElementProp.bind(this,"alternateForm","checked")})),this.props.element.hasOwnProperty("step")&&c().createElement(C.Z.Group,{className:"form-group mb-5"},c().createElement("div",{className:"form-group-range"},c().createElement(C.Z.Label,{className:"fw-bold",htmlFor:"rangeStep"},c().createElement(v,{id:"step"}),":"),c().createElement(C.Z.Control,{id:"rangeStep",type:"number",defaultValue:this.props.element.step,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"step","value")}))),this.props.element.hasOwnProperty("minValue")&&c().createElement(C.Z.Group,{className:"form-group mb-5"},c().createElement("div",{className:"form-group-range"},c().createElement(C.Z.Label,{className:"fw-bold",htmlFor:"rangeMin"},c().createElement(v,{id:"min"}),":"),c().createElement(C.Z.Control,{id:"rangeMin",type:"number",defaultValue:this.props.element.minValue,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"minValue","value")}))),this.props.element.hasOwnProperty("minLabel")&&c().createElement(C.Z.Group,{className:"form-group mb-5"},c().createElement("div",{className:"form-group-range"},c().createElement(C.Z.Label,{className:"fw-bold",htmlFor:"rangeMin"},c().createElement(v,{id:"min-label"}),":"),c().createElement(C.Z.Control,{type:"text",defaultValue:this.props.element.minLabel,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"minLabel","value")}))),this.props.element.hasOwnProperty("maxValue")&&c().createElement(C.Z.Group,{className:"form-group mb-5"},c().createElement("div",{className:"form-group-range"},c().createElement(C.Z.Label,{className:"fw-bold",htmlFor:"rangeMax"},c().createElement(v,{id:"max"}),":"),c().createElement(C.Z.Control,{id:"rangeMax",type:"number",defaultValue:this.props.element.maxValue,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"maxValue","value")}))),this.props.element.hasOwnProperty("maxLabel")&&c().createElement(C.Z.Group,{className:"form-group mb-5"},c().createElement("div",{className:"form-group-range"},c().createElement(C.Z.Label,{className:"fw-bold",htmlFor:"rangeMax"},c().createElement(v,{id:"max-label"}),":"),c().createElement(C.Z.Control,{type:"text",defaultValue:this.props.element.maxLabel,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"maxLabel","value")}))),this.props.element.hasOwnProperty("defaultValue")&&c().createElement(C.Z.Group,{className:"form-group mb-5"},c().createElement("div",{className:"form-group-range"},c().createElement(C.Z.Label,{className:"fw-bold",htmlFor:"defaultSelected"},c().createElement(v,{id:"default-selected"}),":"),c().createElement(C.Z.Control,{id:"defaultSelected",type:"number",defaultValue:this.props.element.defaultValue,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"defaultValue","value")}))),this.props.element.hasOwnProperty("static")&&this.props.element.static&&this.props.element.hasOwnProperty("bold")&&this.props.element.hasOwnProperty("italic")&&c().createElement(C.Z.Group,{className:"form-group mb-5"},c().createElement(C.Z.Label,{className:"fw-bold"},c().createElement(v,{id:"text-style"}),":"),c().createElement(C.Z.Check,{id:"do-bold",inline:!0,label:c().createElement(v,{id:"bold"}),type:"checkbox",checked:r,value:!0,onChange:this.editElementProp.bind(this,"bold","checked")}),c().createElement(C.Z.Check,{id:"do-italic",inline:!0,label:c().createElement(v,{id:"italic"}),type:"checkbox",checked:o,value:!0,onChange:this.editElementProp.bind(this,"italic","checked")})),this.props.element.hasOwnProperty("placeholder")&&c().createElement(C.Z.Group,{className:"form-group mb-5"},c().createElement(C.Z.Label,{className:"fw-bold",htmlFor:"placeholder"},c().createElement(v,{id:"place-holder-text-label"}),":"),c().createElement(C.Z.Control,{type:"text",id:"placeholder",defaultValue:this.props.element.placeholder,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"placeholder","value")})),this.props.element.hasOwnProperty("customName")&&c().createElement(C.Z.Group,{className:"form-group mb-5"},c().createElement(C.Z.Label,{className:"fw-bold",htmlFor:"customName"},c().createElement(v,{id:"custom-name-label"}),":"),c().createElement(C.Z.Control,{type:"text",id:"customName",defaultValue:this.props.element.customName,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"customName","value")})),this.props.element.hasOwnProperty("labelLocation")&&c().createElement(C.Z.Group,{className:"form-group mb-5"},c().createElement(C.Z.Label,{className:"fw-bold",htmlFor:"labelLocation"},c().createElement(v,{id:"choose-label-location"}),":"),c().createElement(C.Z.Select,{id:"labelLocation",defaultValue:this.props.element.labelLocation,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"labelLocation","value")},c().createElement("option",{value:"ABOVE"},"Above Form Field"),c().createElement("option",{value:"FLOATING"},"Floating Inside Form Field"))),this.props.element.hasOwnProperty("hideLabel")&&c().createElement(C.Z.Group,{className:"form-group mb-5"},c().createElement(C.Z.Label,{className:"fw-bold"},"Hide Label:"),c().createElement(C.Z.Check,{id:"hide-label",label:"Hide Label",type:"checkbox",checked:p,value:!0,onChange:this.editElementProp.bind(this,"hideLabel","checked")})),this.props.element.hasOwnProperty("help")&&c().createElement(C.Z.Group,{className:"form-group mb-5"},c().createElement(C.Z.Label,{className:"fw-bold",htmlFor:"help"},c().createElement(v,{id:"help-label"}),":"),c().createElement(h.Z,{type:"text",className:"form-control",id:"help",defaultValue:this.props.element.help,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"help","value")})),(this.props.showDescription&&!this.props.element.static||this.props.element.hasOwnProperty("description"))&&c().createElement(C.Z.Group,{className:"form-group mb-5"},c().createElement(C.Z.Label,{className:"fw-bold",htmlFor:"description"},c().createElement(v,{id:"description"}),":"),c().createElement(h.Z,{type:"text",className:"form-control",id:"description",defaultValue:this.props.element.description,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"description","value")})),this.props.showCorrectColumn&&d&&!this.props.element.hasOwnProperty("options")&&c().createElement(C.Z.Group,{className:"form-group mb-5"},c().createElement(C.Z.Label,{className:"fw-bold",htmlFor:"correct"},c().createElement(v,{id:"correct-answer"}),":"),c().createElement(C.Z.Control,{id:"correct",type:"text",defaultValue:this.props.element.correct,onBlur:this.updateElement.bind(this),onChange:this.editElementProp.bind(this,"correct","value")})),this.props.element.canPopulateFromApi&&this.props.element.hasOwnProperty("options")&&c().createElement(C.Z.Group,{className:"form-group mb-5"},c().createElement(C.Z.Label,{className:"fw-bold",htmlFor:"optionsApiUrl"},c().createElement(v,{id:"populate-options-from-api"}),":"),c().createElement(Z.Z,null,c().createElement(w.Z,{sm:6},c().createElement(C.Z.Control,{style:{width:"100%"},type:"text",id:"optionsApiUrl",placeholder:"http://localhost:8080/api/optionsdata"})),c().createElement(w.Z,{sm:6},c().createElement(k.Z,{variant:"success",onClick:this.addOptions.bind(this)},c().createElement(v,{id:"populate"}))))),this.props.element.hasOwnProperty("options")&&c().createElement(P,{showCorrectColumn:this.props.showCorrectColumn,canHaveOptionCorrect:b,canHaveOptionValue:u,item:this.props.preview.state.item,updateElement:this.props.updateElement,preview:this.props.preview,element:this.props.element,key:this.props.element.options.length}))}}]),m}(c().Component);B.defaultProps={className:"edit-element-fields"}}}]);
|
package/lib/fieldset/FieldSet.js
DELETED
@@ -1,129 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
5
|
-
value: true
|
6
|
-
});
|
7
|
-
exports["default"] = FieldSetBase;
|
8
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
9
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
10
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
11
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
12
|
-
var _react = _interopRequireDefault(require("react"));
|
13
|
-
var _componentHeader = _interopRequireDefault(require("../survey-elements/component-header"));
|
14
|
-
var _dustbin = _interopRequireDefault(require("../multi-column/dustbin"));
|
15
|
-
var _ItemTypes = _interopRequireDefault(require("../ItemTypes"));
|
16
|
-
var _reactBootstrap = require("react-bootstrap");
|
17
|
-
var _myxss = _interopRequireDefault(require("../survey-elements/myxss"));
|
18
|
-
var _excluded = ["item", "className"];
|
19
|
-
/* eslint-disable camelcase */
|
20
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
21
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
22
|
-
var accepts = [_ItemTypes["default"].BOX, _ItemTypes["default"].CARD];
|
23
|
-
var ComponentLegend = function ComponentLegend(_ref) {
|
24
|
-
var item = _ref.item;
|
25
|
-
var labelText = _myxss["default"].process(item.label);
|
26
|
-
if (!labelText || !labelText.trim()) {
|
27
|
-
return null;
|
28
|
-
}
|
29
|
-
return /*#__PURE__*/_react["default"].createElement("legend", {
|
30
|
-
dangerouslySetInnerHTML: {
|
31
|
-
__html: labelText
|
32
|
-
}
|
33
|
-
});
|
34
|
-
};
|
35
|
-
function FieldSetBase(props) {
|
36
|
-
var _React$useState = _react["default"].useState({}),
|
37
|
-
_React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
|
38
|
-
childData = _React$useState2[0],
|
39
|
-
setChildData = _React$useState2[1];
|
40
|
-
var _React$useState3 = _react["default"].useState(null),
|
41
|
-
_React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
|
42
|
-
childItems = _React$useState4[0],
|
43
|
-
setChildItems = _React$useState4[1];
|
44
|
-
_react["default"].useEffect(function () {
|
45
|
-
var item = props.item,
|
46
|
-
className = props.className,
|
47
|
-
rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
|
48
|
-
setChildData(item);
|
49
|
-
var count = 1;
|
50
|
-
createChild(count, item);
|
51
|
-
}, [props]);
|
52
|
-
var addNewChild = function addNewChild() {
|
53
|
-
var $dataItem = props.item;
|
54
|
-
var colCount = $dataItem.childItems.length + 1;
|
55
|
-
var oldChilds = $dataItem.childItems;
|
56
|
-
$dataItem.childItems = Array.from({
|
57
|
-
length: colCount
|
58
|
-
}, function (v, i) {
|
59
|
-
return oldChilds[i] ? oldChilds[i] : null;
|
60
|
-
});
|
61
|
-
setChildItems($dataItem.childItems);
|
62
|
-
};
|
63
|
-
var _onDropSuccess = function onDropSuccess(droppedIndex) {
|
64
|
-
var totalChild = childItems ? childItems.length : 0;
|
65
|
-
var isLastChild = totalChild === droppedIndex + 1;
|
66
|
-
if (isLastChild) {
|
67
|
-
addNewChild();
|
68
|
-
}
|
69
|
-
};
|
70
|
-
var createChild = function createChild(count, $dataItem) {
|
71
|
-
var colCount = count;
|
72
|
-
if (!$dataItem.childItems) {
|
73
|
-
// eslint-disable-next-line no-param-reassign
|
74
|
-
$dataItem.childItems = Array.from({
|
75
|
-
length: colCount
|
76
|
-
}, function (v, i) {
|
77
|
-
return null;
|
78
|
-
});
|
79
|
-
$dataItem.isContainer = true;
|
80
|
-
}
|
81
|
-
setChildItems($dataItem.childItems);
|
82
|
-
};
|
83
|
-
var controls = props.controls,
|
84
|
-
editModeOn = props.editModeOn,
|
85
|
-
getDataById = props.getDataById,
|
86
|
-
setAsChild = props.setAsChild,
|
87
|
-
removeChild = props.removeChild,
|
88
|
-
seq = props.seq,
|
89
|
-
index = props.index;
|
90
|
-
var pageBreakBefore = childData.pageBreakBefore;
|
91
|
-
var baseClasses = "SortableItem rfb-item";
|
92
|
-
if (pageBreakBefore) {
|
93
|
-
baseClasses += " alwaysbreak";
|
94
|
-
}
|
95
|
-
return /*#__PURE__*/_react["default"].createElement("div", {
|
96
|
-
style: _objectSpread({}, props.style),
|
97
|
-
className: baseClasses
|
98
|
-
}, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], (0, _extends2["default"])({}, props, {
|
99
|
-
isFieldSet: true
|
100
|
-
})), /*#__PURE__*/_react["default"].createElement("fieldset", null, /*#__PURE__*/_react["default"].createElement(ComponentLegend, props), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Container, {
|
101
|
-
fluid: true
|
102
|
-
}, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Row, null, childItems === null || childItems === void 0 ? void 0 : childItems.map(function (x, i) {
|
103
|
-
return /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Col, {
|
104
|
-
key: "".concat(i, "_").concat(x || "_"),
|
105
|
-
md: 12
|
106
|
-
}, controls ? controls[i] : /*#__PURE__*/_react["default"].createElement(_dustbin["default"], {
|
107
|
-
style: {
|
108
|
-
width: "100%"
|
109
|
-
},
|
110
|
-
item: childData,
|
111
|
-
accepts: accepts,
|
112
|
-
items: childItems,
|
113
|
-
key: i,
|
114
|
-
col: i,
|
115
|
-
onDropSuccess: function onDropSuccess() {
|
116
|
-
return _onDropSuccess(i);
|
117
|
-
},
|
118
|
-
parentIndex: index,
|
119
|
-
editModeOn: editModeOn,
|
120
|
-
_onDestroy: function _onDestroy() {
|
121
|
-
return removeChild(childData, i);
|
122
|
-
},
|
123
|
-
getDataById: getDataById,
|
124
|
-
setAsChild: setAsChild,
|
125
|
-
seq: seq,
|
126
|
-
rowNo: i
|
127
|
-
}));
|
128
|
-
})))));
|
129
|
-
}
|
@@ -1,15 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
5
|
-
value: true
|
6
|
-
});
|
7
|
-
exports["default"] = void 0;
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
9
|
-
var _reactIntl = require("react-intl");
|
10
|
-
var InjectMessage = function InjectMessage(props) {
|
11
|
-
return /*#__PURE__*/_react["default"].createElement(_reactIntl.FormattedMessage, props);
|
12
|
-
};
|
13
|
-
var _default = exports["default"] = (0, _reactIntl.injectIntl)(InjectMessage, {
|
14
|
-
withRef: false
|
15
|
-
});
|
@@ -1,16 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
5
|
-
value: true
|
6
|
-
});
|
7
|
-
exports["default"] = void 0;
|
8
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
9
|
-
var _enUs = _interopRequireDefault(require("../locales/en-us.json"));
|
10
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
11
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
12
|
-
var EnLang = {
|
13
|
-
messages: _objectSpread({}, _enUs["default"]),
|
14
|
-
locale: 'en-US'
|
15
|
-
};
|
16
|
-
var _default = exports["default"] = EnLang;
|
@@ -1,18 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
5
|
-
value: true
|
6
|
-
});
|
7
|
-
exports["default"] = exports.AppLanguages = void 0;
|
8
|
-
var _enUs = _interopRequireDefault(require("./entries/en-us"));
|
9
|
-
var AppLanguages = exports.AppLanguages = [{
|
10
|
-
languageId: 'english',
|
11
|
-
locale: 'en',
|
12
|
-
name: 'English',
|
13
|
-
icon: 'us'
|
14
|
-
}];
|
15
|
-
var AppLocale = {
|
16
|
-
en: _enUs["default"]
|
17
|
-
};
|
18
|
-
var _default = exports["default"] = AppLocale;
|
@@ -1,103 +0,0 @@
|
|
1
|
-
{
|
2
|
-
"display-label": "Display Label",
|
3
|
-
"choose-file": "Choose file",
|
4
|
-
"choose-file-type": "Choose file type",
|
5
|
-
"choose-label-location": "Choose Label Location",
|
6
|
-
"select-file-type": "Select file type",
|
7
|
-
"text-to-display": "Text to display",
|
8
|
-
"link-to": "Link to",
|
9
|
-
"center": "Center",
|
10
|
-
"width": "Width",
|
11
|
-
"height": "Height",
|
12
|
-
"required": "Required",
|
13
|
-
"read-only": "Read only",
|
14
|
-
"default-to-today": "Default to Today",
|
15
|
-
"show-time-select": "Show Time Select",
|
16
|
-
"show-time-select-only": "Show Time Select Only",
|
17
|
-
"show-time-input": "Show Time Input",
|
18
|
-
"display-horizontal": "Display horizontal",
|
19
|
-
"variable-key": "Variable Key",
|
20
|
-
"variable-key-desc": "This will give the element a key that can be used to replace the content with a runtime value",
|
21
|
-
"print-options": "Print options",
|
22
|
-
"page-break-before-element": "Page Break Before Element",
|
23
|
-
"alternate-signature-page": "Alternate/Signature Page",
|
24
|
-
"display-on-alternate-signature-page": "Display on alternate/signature Page",
|
25
|
-
"step": "Step",
|
26
|
-
"min": "Min",
|
27
|
-
"max": "Max",
|
28
|
-
"min-label": "Minimum Value Label",
|
29
|
-
"max-label": "Maximum Value Label",
|
30
|
-
"default-selected": "Default Selected",
|
31
|
-
"text-style": "Text Style",
|
32
|
-
"bold": "Bold",
|
33
|
-
"italic": "Italic",
|
34
|
-
"description": "Description",
|
35
|
-
"help-label": "Help instructions/details that will show up beneath the input field",
|
36
|
-
"correct-answer": "Correct Answer",
|
37
|
-
"populate-options-from-api": "Populate Options from API",
|
38
|
-
"populate": "Populate",
|
39
|
-
"pdf": "PDF",
|
40
|
-
"word": "Word",
|
41
|
-
"excel": "Excel",
|
42
|
-
"ppt": "PPT",
|
43
|
-
"options": "Options",
|
44
|
-
"value": "Value",
|
45
|
-
"correct": "Correct",
|
46
|
-
"dismiss": "Dismiss",
|
47
|
-
"place-holder-option-1": "Place holder option 1",
|
48
|
-
"place-holder-option-2": "Place holder option 2",
|
49
|
-
"place-holder-option-3": "Place holder option 3",
|
50
|
-
"place-holder-tag-1": "Place holder option 1",
|
51
|
-
"place-holder-tag-2": "Place holder option 2",
|
52
|
-
"place-holder-tag-3": "Place holder option 3",
|
53
|
-
"toolbox": "Survey Blocks Toolbox",
|
54
|
-
"header-text": "Header Text",
|
55
|
-
"label": "Label",
|
56
|
-
"paragraph": "Paragraph",
|
57
|
-
"content-body": "Static Content",
|
58
|
-
"line-break": "Line Break",
|
59
|
-
"dropdown": "Dropdown",
|
60
|
-
"tags": "Tags",
|
61
|
-
"checkboxes": "Checkboxes",
|
62
|
-
"checkbox": "Checkbox",
|
63
|
-
"default-checked": "Default Checked",
|
64
|
-
"checkbox-label-text": "Checkbox Label Text",
|
65
|
-
"multiple-choice": "Multiple Choice",
|
66
|
-
"text-input": "Text Input",
|
67
|
-
"email-input": "Email",
|
68
|
-
"phone-input": "Phone Number",
|
69
|
-
"number-input": "Number Input",
|
70
|
-
"multi-line-input": "Multi-line Input",
|
71
|
-
"fieldset": "Fieldset",
|
72
|
-
"two-columns-row": "Two Column Row",
|
73
|
-
"three-columns-row": "Three Columns Row",
|
74
|
-
"four-columns-row": "Four Columns Row",
|
75
|
-
"five-columns-row": "Five Columns Row",
|
76
|
-
"six-columns-row": "Six Columns Row",
|
77
|
-
"image": "Image",
|
78
|
-
"rating": "Rating",
|
79
|
-
"date": "Date",
|
80
|
-
"signature": "Signature",
|
81
|
-
"website": "Website",
|
82
|
-
"file-attachment": "File Attachment",
|
83
|
-
"range": "Range",
|
84
|
-
"camera": "Camera",
|
85
|
-
"file-upload": "File Upload",
|
86
|
-
"place-holder-text": "Text...",
|
87
|
-
"place-holder-label": "Label",
|
88
|
-
"place-holder-text-label": "Placeholder",
|
89
|
-
"place-holder-website-link": "Website Link...",
|
90
|
-
"place-holder-file-name": "File name...",
|
91
|
-
"place-holder-email": "Email Address",
|
92
|
-
"place-holder-phone-number": "Phone Number",
|
93
|
-
"easy": "Easy",
|
94
|
-
"difficult": "Difficult",
|
95
|
-
"drop-zone": "Dropzone",
|
96
|
-
"custom-name-label": "A Name To Give This Input That Will Show Up In Data Retrieval",
|
97
|
-
"message.is-required": "is required",
|
98
|
-
"message.was-answered-incorrectly": "was answered incorrectly",
|
99
|
-
"message.was-not-registered": "was not registered",
|
100
|
-
"message.invalid-email": "field requires valid email address",
|
101
|
-
"message.invalid-phone-number": "field requires a valid phone number",
|
102
|
-
"message.invalid-date": "field requires a valid date in the format MM/DD/YYYY"
|
103
|
-
}
|
@@ -1,93 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
5
|
-
value: true
|
6
|
-
});
|
7
|
-
exports["default"] = void 0;
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
9
|
-
var _reactDatepicker = _interopRequireDefault(require("react-datepicker"));
|
10
|
-
var _lodash = require("lodash");
|
11
|
-
function DatePickerComponent(props) {
|
12
|
-
var showTimeInput = props.showTimeInput,
|
13
|
-
dateFormat = props.dateFormat,
|
14
|
-
selected = props.selected,
|
15
|
-
_onChange = props.onChange,
|
16
|
-
isClearable = props.isClearable,
|
17
|
-
portalId = props.portalId;
|
18
|
-
var ButtonDatePicker = function ButtonDatePicker(_ref) {
|
19
|
-
var value = _ref.value,
|
20
|
-
onClick = _ref.onClick;
|
21
|
-
return /*#__PURE__*/_react["default"].createElement("button", {
|
22
|
-
type: "button",
|
23
|
-
className: "form-control",
|
24
|
-
style: {
|
25
|
-
minWidth: 140,
|
26
|
-
textAlign: 'left'
|
27
|
-
},
|
28
|
-
onClick: onClick
|
29
|
-
}, value || 'mm/dd/yyyy');
|
30
|
-
};
|
31
|
-
var years = (0, _lodash.range)(2010, new Date().getFullYear() + 10, 1);
|
32
|
-
var months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
|
33
|
-
return /*#__PURE__*/_react["default"].createElement(_reactDatepicker["default"], {
|
34
|
-
name: props.name,
|
35
|
-
ref: props.ref,
|
36
|
-
selected: selected,
|
37
|
-
onChange: function onChange(date) {
|
38
|
-
return _onChange(date);
|
39
|
-
},
|
40
|
-
todayButton: 'Today',
|
41
|
-
className: "form-control",
|
42
|
-
showTimeSelect: props.showTimeSelect,
|
43
|
-
showTimeSelectOnly: props.showTimeSelectOnly,
|
44
|
-
showTimeInput: showTimeInput,
|
45
|
-
autoComplete: "off",
|
46
|
-
placeholderText: props.placeholderText,
|
47
|
-
portalId: portalId,
|
48
|
-
dateFormat: dateFormat,
|
49
|
-
isClearable: isClearable,
|
50
|
-
customInput: /*#__PURE__*/_react["default"].createElement(ButtonDatePicker, null),
|
51
|
-
renderCustomHeader: function renderCustomHeader(_ref2) {
|
52
|
-
var date = _ref2.date,
|
53
|
-
changeYear = _ref2.changeYear,
|
54
|
-
changeMonth = _ref2.changeMonth,
|
55
|
-
decreaseMonth = _ref2.decreaseMonth,
|
56
|
-
increaseMonth = _ref2.increaseMonth,
|
57
|
-
prevMonthButtonDisabled = _ref2.prevMonthButtonDisabled,
|
58
|
-
nextMonthButtonDisabled = _ref2.nextMonthButtonDisabled;
|
59
|
-
return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("button", {
|
60
|
-
onClick: decreaseMonth,
|
61
|
-
disabled: prevMonthButtonDisabled,
|
62
|
-
type: "button"
|
63
|
-
}, '<'), /*#__PURE__*/_react["default"].createElement("select", {
|
64
|
-
value: date.getFullYear(),
|
65
|
-
onChange: function onChange(_ref3) {
|
66
|
-
var value = _ref3.target.value;
|
67
|
-
return changeYear(value);
|
68
|
-
}
|
69
|
-
}, years.map(function (option) {
|
70
|
-
return /*#__PURE__*/_react["default"].createElement("option", {
|
71
|
-
key: option,
|
72
|
-
value: option
|
73
|
-
}, option);
|
74
|
-
})), /*#__PURE__*/_react["default"].createElement("select", {
|
75
|
-
value: months[date.getMonth()],
|
76
|
-
onChange: function onChange(_ref4) {
|
77
|
-
var value = _ref4.target.value;
|
78
|
-
return changeMonth(months.indexOf(value));
|
79
|
-
}
|
80
|
-
}, months.map(function (option) {
|
81
|
-
return /*#__PURE__*/_react["default"].createElement("option", {
|
82
|
-
key: option,
|
83
|
-
value: option
|
84
|
-
}, option);
|
85
|
-
})), /*#__PURE__*/_react["default"].createElement("button", {
|
86
|
-
onClick: increaseMonth,
|
87
|
-
disabled: nextMonthButtonDisabled,
|
88
|
-
type: "button"
|
89
|
-
}, '>'));
|
90
|
-
}
|
91
|
-
});
|
92
|
-
}
|
93
|
-
var _default = exports["default"] = DatePickerComponent;
|