@inseefr/lunatic 0.2.1-prisme → 0.2.2-prisme
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/index.js +2 -2
- package/lib/index.js.map +1 -1
- package/lib/stories/paste-questionnaire/source.json +6290 -0
- package/lib/stories/paste-questionnaire/test.stories.js +87 -0
- package/lib/stories/questionnaires-test/V2_DeclarationsSimples.json +848 -0
- package/lib/stories/questionnaires-test/V2_MinMaxSum_Boucles.json +509 -0
- package/lib/stories/questionnaires-test/V2_QuestSimple_Boucles.json +4091 -0
- package/lib/stories/questionnaires-test/V2_TCMRallyeGames.json +2892 -0
- package/lib/stories/questionnaires-test/controls/V2_ControlesNonNum_horsBoucle_PasPageFin.json +452 -0
- package/lib/stories/questionnaires-test/controls/V2_ControlesNum_horsBoucle_PasPageFin.json +1689 -0
- package/lib/stories/questionnaires-test/controls/V2_Controles_BouclesLiees2_PasPageFin.json +709 -0
- package/lib/stories/questionnaires-test/controls/V2_Controles_BouclesLiees_PasPageFin.json +368 -0
- package/lib/stories/questionnaires-test/controls/controls.stories.js +95 -0
- package/lib/stories/questionnaires-test/test-dylan.json +430 -0
- package/lib/stories/questionnaires-test/test.stories.js +45 -32
- package/package.json +1 -1
- package/src/components/declarations/wrappers/input-declarations-wrapper.js +4 -2
package/lib/index.js
CHANGED
|
@@ -754,9 +754,9 @@ React.useEffect(function(){!C&&ee&&0===ee.length?// no component for initialPage
|
|
|
754
754
|
F(getPage({components:P.components,bindings:O,currentPage:U,features:N,flow:FLOW_NEXT,management:u})):!C&&ee&&0<ee.length&&// initialPage is correct, end of initPage
|
|
755
755
|
T(!0)},[C,ee,P.components,O,U,N,u]);var ve=React.useCallback(function(e){H(function(n){return _objectSpread2(_objectSpread2({},n),e)})},[]),ke=React.useCallback(function(e){Q(function(n){return _objectSpread2(_objectSpread2({},n),e)})},[]);React.useEffect(function(){L(mergeQuestionnaireAndData(e)(n))},[e]),React.useEffect(function(){if(0!==Object.keys(j).length){var e=updateQuestionnaire(i)(P)(d,y)(j);z(getBindings(e)),L(e),H({})}},[j,d,y,P,i,s,u]),React.useEffect(function(){if(0!==Object.keys(Y).length){var e=updateExternals(P)(y,d)(Y);z(getBindings(e)),L(e),Q({})}},[Y,y,P,d]);var Ee=f&&X?[{componentType:"Modal",controls:X.controls,validateModal:function(){F(X.page),G(null)},cancelModal:function(){G(null)}}].concat(_toConsumableArray(ee)):ee;return{questionnaire:P,handleChange:ve,handleExternals:ke,components:Ee,bindings:O,pagination:{page:U,maxPage:ye,goNext:function(e,n){if(!xe){he!==FLOW_NEXT&&be(FLOW_NEXT);var t=getPage({components:P.components,bindings:n||O,currentPage:U,featuresWithoutMD:N,flow:FLOW_NEXT,management:u});if(m){var a=getControls({page:U,features:N,components:ee,bindings:O,preferences:d});0<a.length?G({page:t,controls:a}):F(t)}else F(t)}},goPrevious:function(){if(!we){he!==FLOW_PREVIOUS&&be(FLOW_PREVIOUS);var e=getPage({components:P.components,bindings:O,currentPage:U,featuresWithoutMD:N,flow:FLOW_PREVIOUS,management:u});if(m){var n=getControls({page:U,features:N,components:ee,bindings:O,preferences:d});0<n.length?G({page:e,controls:n}):F(e)}else F(e)}},isFirstPage:we,isLastPage:xe,setPage:F}}},defaultData={},defaultPreferences=[COLLECTED],defaultFeatures=["VTL"],useLunaticSplit=function(e){function n(e){var n=getState(e);return mergeStateData(U,n)}var t=1<arguments.length&&arguments[1]!==void 0?arguments[1]:defaultData,a=2<arguments.length?arguments[2]:void 0,i=a.savingType,o=void 0===i?COLLECTED:i,d=a.preferences,r=void 0===d?defaultPreferences:d,s=a.features,l=void 0===s?defaultFeatures:s,u=a.management,c=void 0!==u&&u,f=a.pagination,p=void 0!==f&&f,m=a.modalForControls,g=void 0!==m&&m,h=a.initialPage,b=void 0===h?null:h,y=a.logFunction,w=void 0===y?null:y,x=a.autoSuggesterLoading,v=void 0!==x&&x,k=a.suggesterFetcher,E=a.suggesters,S=React.useMemo(function(){return mergeQuestionnaireAndData(e)(t)},[e,t]),C=React.useMemo(function(){return getSplitQuestionnaireSource(e)},[e]),T=React.useMemo(function(){return getState(S)},[S]),N=React.useState(function(){return getBindings(S)}),R=_slicedToArray(N,2),_=R[0],P=R[1],L=React.useMemo(function(){return getRootPageInSources(C)},[C]),D=React.useState(0),I=_slicedToArray(D,2),O=I[0],z=I[1],A=React.useState(T),M=_slicedToArray(A,2),U=M[0],F=M[1],W=React.useState(!1),B=_slicedToArray(W,2),j=B[0],H=B[1],V=l.filter(function(e){return"MD"!==e}),q=React.useState(function(){return mergeQuestionnaireAndData(C[O])(U)}),Y=_slicedToArray(q,2),Q=Y[0],K=Y[1],$=React.useState(function(){return getBindings(Q)}),X=_slicedToArray($,2),G=X[0],Z=X[1],J=React.useState(null),ee=_slicedToArray(J,2),ne=ee[0],te=ee[1];React.useEffect(function(){H(!1);var e=mergeQuestionnaireAndData(C[O])(U);K(e);var n=getBindings(e);Z(n),P(_objectSpread2(_objectSpread2({},_),n))},[C,O]);var ae=function(e){var t=n(e);return t[COLLECTED]},ie=React.useState(Q.firstPage),oe=_slicedToArray(ie,2),de=oe[0],re=oe[1],se=React.useState({}),le=_slicedToArray(se,2),ue=le[0],ce=le[1],fe=React.useState({}),pe=_slicedToArray(fe,2),me=pe[0],ge=pe[1],he=React.useState(null),be=_slicedToArray(he,2),ye=be[0],we=be[1],xe=React.useState({}),ve=_slicedToArray(xe,2),ke=ve[0],Ee=ve[1],Se=useFilterComponents({questionnaire:Q,management:c,bindings:G,features:V,page:de,pagination:p,todo:_objectSpread2(_objectSpread2({},ue),me),cache:ke,setCache:Ee}),Ce=e.suggesters;React.useEffect(function(){var e=/*#__PURE__*/function(){var e=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function e(){var n;return _regeneratorRuntime().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:v&&"object"===_typeof(E)&&0<Object.values(E).length&&(n=Ce.reduce(function(e,n){var t=n.name;return E[t]?_objectSpread2(_objectSpread2({},e),{},_defineProperty({},t,_objectSpread2(_objectSpread2({},n),{},{url:E[t].url,stopWords:E[t].stopWords}))):e},{}),loadSuggesters(k)(n));case 1:case"end":return e.stop();}},e)}));return function(){return e.apply(this,arguments)}}();e()},[v,k,E,Ce]);var Te=React.useState(null),Ne=_slicedToArray(Te,2),Re=Ne[0],_e=Ne[1],Pe=Q.firstPage,Le=Q.maxPage,De=de===Pe,Ie=de===Le,Oe=0===O,ze=O===C.length-1,Ae=function(){if(!ze){var e=getState(Q);F(mergeStateData(U,e)),z(O+1)}},Me=function(){if(!Oe){var e=getState(Q);F(mergeStateData(U,e)),z(O-1)}},Ue=React.useCallback(function(e){var n=null===e||void 0===e?void 0:e.split(".")[0],t=L.findIndex(function(e){return e.includes(n)});if(t===O)re(e),te(null);else{te(e);var a=getState(Q);F(mergeStateData(U,a)),z(t)}},[U,Q,L,O]);// TODO: dynamic because of filters (kind of last accessible page)
|
|
756
756
|
React.useEffect(function(){if(!j){if(ne)re(ne),te(null);else{var e=function(){if(Re===FLOW_NEXT){var e=0<O-1?C[O-1].maxPage:C[0].maxPage;return getPage({components:Q.components,bindings:G,currentPage:e,featuresWithoutMD:V,flow:FLOW_NEXT,management:c})}if(Re===FLOW_PREVIOUS){var n=O+1<C.length-1?C[O+1].firstPage:C[C.length-1].firstPage;return getPage({components:Q.components,bindings:G,currentPage:n,featuresWithoutMD:V,flow:Re,management:c})}return null};if(!Re)Ue(b||C[0].firstPage);else{var n=e();n?re(n):Re===FLOW_NEXT?z(O+1):z(O-1)}}H(!0)}},[j,Oe,Se,Q.components,G,de,V,c,O,C,Re,ne,Ue,b]);var Fe=React.useCallback(function(e){ce(function(n){return _objectSpread2(_objectSpread2({},n),e)})},[]),We=React.useCallback(function(e){ge(function(n){return _objectSpread2(_objectSpread2({},n),e)})},[]);React.useEffect(function(){if(0!==Object.keys(ue).length){var e=updateQuestionnaire(o)(Q)(r,w)(ue),n=getBindings(e);Z(n),P(_objectSpread2(_objectSpread2({},_),n)),K(e),ce({})}// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
757
|
-
},[ue,r,w,Q,o,l,c]),React.useEffect(function(){if(0!==Object.keys(me).length){var e=updateExternals(Q)(w,r)(me);Z(getBindings(e)),K(e),ge({})}},[me,w,Q,r]);var Be=p&&ye?[{componentType:"Modal",controls:ye.controls,validateModal:function(){var e=ye.confirm;e&&e(),we(null)},cancelModal:function(){we(null)}}].concat(_toConsumableArray(Se)):Se;return{questionnaire:Q,handleChange:Fe,handleExternals:We,components:Be,bindings:G,allBindings:_,state:{getState:n,getCollectedState:ae,getCollectedStateByValueType:function(e){return function(n,t){return getCollectedStateByValueType(null,ae(e))(n,t)}},getBindings:function(e){var n=getBindings(e);return _objectSpread2(_objectSpread2({},_),n)}},pagination:{page:de,maxPage:C[C.length-1].maxPage,goNext:function(e,n){if(!(Ie&&ze)){Re!==FLOW_NEXT&&_e(FLOW_NEXT);var t=getPage({components:Q.components,bindings:n||G,currentPage:de,featuresWithoutMD:V,flow:FLOW_NEXT,management:c}),a=t?function(){return re(t)}:Ae;if(g){var i=getControls({page:de,features:V,components:Se,bindings:G,preferences:r});0<i.length?we({confirm:a,controls:i}):a()}else a()}},goPrevious:function(){if(!(De&&Oe)){Re!==FLOW_PREVIOUS&&_e(FLOW_PREVIOUS);var e=getPage({components:Q.components,bindings:G,currentPage:de,featuresWithoutMD:V,flow:FLOW_PREVIOUS,management:c}),n=e?function(){return re(e)}:Me;if(g){var t=getControls({page:de,features:V,components:Se,bindings:G,preferences:r});0<t.length?we({confirm:n,controls:t}):n()}else n()}},isFirstPage:De&&Oe,isLastPage:Ie&&ze,setPage:Ue}}},css_248z$k="@charset \"UTF-8\";\n.lunatic-component .declarations-lunatic {\n margin-bottom: 0.4rem;\n}\n.lunatic-component .declaration-instruction {\n font-style: italic;\n font-size: 80%;\n}\n.lunatic-component .declaration-comment {\n font-size: 80%;\n}\n.lunatic-component .declaration-statement {\n font-style: italic;\n font-size: 80%;\n color: blue;\n}\n.lunatic-component .declaration-help {\n font-style: italic;\n font-size: 80%;\n color: green;\n}\n.lunatic-component .declaration-warning {\n font-style: bold;\n font-size: 80%;\n color: red;\n}\n.lunatic-component .declaration-message_filter {\n font-size: 100%;\n color: rgb(73, 66, 66);\n}\n.lunatic-component .declaration-message_filter:before {\n content: \"\u2192 \";\n}";styleInject(css_248z$k);var Declarations=function(e){var n=e.id,t=e.type,a=e.declarations,i=e.features,o=e.bindings,d=e.logFunction,r=a.filter(function(e){var n=e.position;return n===t});return 0===r.length?null:/*#__PURE__*/React__default["default"].createElement("div",{id:"declarations-".concat(n,"-").concat(t),className:"declarations-lunatic"},r.map(function(e){var n=e.id,t=e.label,a=e.declarationType;return/*#__PURE__*/React__default["default"].createElement("div",{key:"".concat(n),className:"declaration-lunatic declaration-".concat(a.toLowerCase())},interpret(i,d)(o)(t))}))};Declarations.defaultProps={type:"AFTER_QUESTION_TEXT",declarations:[],features:[],bindings:{}},Declarations.propTypes={id:PropTypes__default["default"].string.isRequired,type:PropTypes__default["default"].string,declarations:declarations,features:PropTypes__default["default"].arrayOf(PropTypes__default["default"].string),bindings:PropTypes__default["default"].object};var RadioChecked=function(){return/*#__PURE__*/React__default["default"].createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"rgb(74,118,168)"},/*#__PURE__*/React__default["default"].createElement("path",{d:"M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}),/*#__PURE__*/React__default["default"].createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))},RadioUnchecked=function(){return/*#__PURE__*/React__default["default"].createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"rgb(74,118,168)"},/*#__PURE__*/React__default["default"].createElement("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}),/*#__PURE__*/React__default["default"].createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))},CheckboxChecked=function(){return/*#__PURE__*/React__default["default"].createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"rgb(74,118,168)"},/*#__PURE__*/React__default["default"].createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),/*#__PURE__*/React__default["default"].createElement("path",{d:"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"}))},CheckboxUnchecked=function(){return/*#__PURE__*/React__default["default"].createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"rgb(74,118,168)"},/*#__PURE__*/React__default["default"].createElement("path",{d:"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"}),/*#__PURE__*/React__default["default"].createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))},css_248z$j=".lunatic-component .list-icon-wrapper:focus-within svg {\n fill: var(--color-primary-dark);\n}\n.lunatic-component .list-icon {\n position: absolute;\n margin-top: -0.1rem;\n}\n.lunatic-component .list-icon.list-icon-disabled svg {\n background-color: var(--color-disabled);\n}";styleInject(css_248z$j);var Content=function(e){var n=e.type,t=e.checked;return"radio"===n?t?/*#__PURE__*/React__default["default"].createElement(RadioChecked,null):/*#__PURE__*/React__default["default"].createElement(RadioUnchecked,null):"checkbox"===n?t?/*#__PURE__*/React__default["default"].createElement(CheckboxChecked,null):/*#__PURE__*/React__default["default"].createElement(CheckboxUnchecked,null):null},Icon$1=function(e){var n=e.type,t=e.checked,a=e.disabled,i=e.children;return/*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment,null,/*#__PURE__*/React__default["default"].createElement("span",{className:"list-icon-wrapper"},/*#__PURE__*/React__default["default"].createElement("span",{className:"list-icon ".concat(a?"list-icon-disabled":"")},/*#__PURE__*/React__default["default"].createElement(Content,{type:n,checked:t})),i))},img$2=new Image;img$2.src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAMAAAGEMEXHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABjUExURf///8Xn9XrH6Va44zKp3Eiy4GW+5b7j9Kja8Bme2CSj2p7W7vH5/UGv34XM69vw+czq9iCh2ZbT7bfg82W94+33/Njt92zB5k+14XPE6On2+4vN6sLl9Mno9i+n3Cum2wAAAIfAWccAAAAhdFJOU///////////////////////////////////////////AJ/B0CEAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAEVSURBVChTVVIBcsMgDFODm2JKIFnTbvv/Ryfb0F11Z4ptWYBSYL8wFBk34A7kLwDCUIbBfkcIHppsM2tIVy61exRoQ0LFaa2NhLSiP7l/MA7no6rsdd+UI5SINQSvZKVsBXSB7N4plnFRyihxxrFdtxeep5qwYRFZx1ZK6735IMrmJSQOZR9sXKWZSKeaVdQVfftOirdG8kHjhXlFxZ0ZWezpwrclo4Q69ZUWZj28BPyobmbCQPYxR6HdE53leLyBpGIGEELHP7GGtB/DIyds+mathZ/BEBefyNSRMJxDwRggcXbMlSlGsPM9uWHpgKnRgPB/zBCd/yStLB3z1hK6wO+8zn7o+7sx47v/s9oOdgdoLAD8AWlNC8M57XWRAAAAAElFTkSuQmCC";var img$1=new Image;img$1.src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAZCAMAAAFiGY6DAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABUUExURf///6zc8Uiy4PH5/d/x+b7j9Bme2DKp3CSj2la442W+5YnN61O34nrH6Z7W7tDr9yCh2bfg8+33/HPE6EGv35bT7U+14czq9nDD56XZ7+n2+wAAAJWny4EAAAAcdFJOU////////////////////////////////////wAXsuLXAAAACXBIWXMAAA7EAAAOxAGVKw4bAAABKElEQVQoU2VSC3bDIAwzJRM0hCb0ldfd/6STDFm7TgnEX2GbGHExQ4PZoc0scT0MgC/6xkqZ+tC0x6y4E4zlU5VAs8I2Wrv0/PL/xzih4gKsCJVB1RZKsvXYrJntG7gXrM/ddgZ3JPDtBRHFSQYG1Ylgy9cUhStwdaGKO6tAdX0wCQi5tUyzK6oYYNHB+aDDBXhHcjtu09uHKgfTYGTUXMRDtCOU7HUU8ShH1CdWdj1FoS/3k+4vyB3Se6KV8tv6Bamm2Z3d+GWvuNmel4WC7A9+OUcV9AKr5PHEJHIxavjui4mOisf0/B7uiqwTrp9/gisa0wuycLTs3zlI2yl7QpTvDR8FlXy3jWq3hqBYjYpXPy/A7Lmu33GIMR1r3z6OPnFngYFXbfYDTw4LkdQNpj4AAAAASUVORK5CYII=";var img=/*#__PURE__*/Object.freeze({__proto__:null,editedImg:img$2,forcedImg:img$1}),css_248z$i="* {\n box-sizing: border-box;\n --color-primary-dark: #2a5885;\n --color-primary-light: #5181b8;\n --color-primary-main: #4a73a4;\n --color-primary-contrast-text: #ffffff;\n --color-secondary-dark: #14202d;\n --color-secondary-light: #f7f8fa;\n --color-secondary-main: #1a293b;\n --color-secondary-contrast-text: #ffffff;\n --color-very-light: #dbe4ef;\n --color-very-very-light: #e6eaee;\n --color-current-item: #0d823e;\n --color-error: #f50c0c;\n --color-disabled: rgb(235, 235, 228);\n --color-prefix: cornflowerblue;\n --color-dropdown-active: rgba(0, 0, 0, 0.04);\n --color-dropdown-selected: rgba(0, 0, 0, 0.08);\n --dropdown-transition-time: 0.5s;\n}\n\n.lunatic-component {\n /* refactor proposition */\n /******/\n}\n.lunatic-component .mandatory:after {\n content: \" *\";\n color: red;\n}\n.lunatic-component .horizontal-options {\n display: inline-block;\n margin-right: 2em;\n}\n.lunatic-component label,\n.lunatic-component legend,\n.lunatic-component .subsequence-lunatic,\n.lunatic-component .lunatic-dropdown-label,\n.lunatic-component .lunatic-dropdown-label focused {\n color: var(--color-primary-dark);\n background-color: var(--color-primary-contrast-text);\n border: 0;\n padding: 0;\n font-size: 0.75rem;\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n line-height: 0.75rem;\n font-weight: bold;\n margin-bottom: 0.375rem;\n}\n.lunatic-component .lunatic-component-container {\n display: flex;\n}\n.lunatic-component .lunatic-component-container.label-left-ex {\n flex-direction: row;\n align-items: baseline;\n}\n.lunatic-component .lunatic-component-container.label-left-ex .lunatic-label {\n margin-right: 1em;\n}\n.lunatic-component .lunatic-component-container.label-right-ex {\n flex-direction: row-reverse;\n align-items: baseline;\n}\n.lunatic-component .lunatic-component-container.label-right-ex .lunatic-label {\n margin-left: 1em;\n}\n.lunatic-component .lunatic-component-container.label-top-ex {\n flex-direction: column;\n}\n.lunatic-component .lunatic-component-container.label-bottom-ex {\n flex-direction: column-reverse;\n}\n.lunatic-component .label-top {\n display: flex;\n flex-direction: column;\n}\n.lunatic-component .label-bottom {\n display: flex;\n flex-direction: column-reverse;\n}\n.lunatic-component .label-right {\n justify-content: flex-end;\n display: flex;\n flex-direction: row-reverse;\n align-items: baseline;\n}\n.lunatic-component .label-right :first-child {\n margin-right: 1rem;\n}\n.lunatic-component .label-left {\n display: flex;\n flex-direction: row;\n align-items: baseline;\n}\n.lunatic-component .label-left :first-child {\n margin-right: 1rem;\n}\n.lunatic-component .field-container {\n display: flex;\n}\n.lunatic-component .modality-label p {\n display: inline;\n}\n.lunatic-component .tooltip {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.lunatic-component .field-with-tooltip {\n width: calc(100% - 25px);\n position: relative;\n}\n.lunatic-component .field {\n width: 100%;\n position: relative;\n}\n.lunatic-component .field,\n.lunatic-component .field-with-tooltip {\n display: flex;\n}\n.lunatic-component .field .unit,\n.lunatic-component .field-with-tooltip .unit {\n margin: auto 0;\n color: var(--color-primary-dark);\n font-weight: bold;\n}\n.lunatic-component .link-md .field-md {\n border-bottom: dashed 0.1em var(--color-primary-dark);\n}\n.lunatic-component .link-md .field-md:hover {\n cursor: help;\n color: var(--color-primary-contrast-text);\n background-color: var(--color-primary-dark);\n}\n.lunatic-component .link-md .tooltip-content {\n min-width: 15em;\n max-width: 25em;\n background: var(--color-primary-dark);\n color: var(--color-primary-contrast-text);\n padding: 0.5em;\n border-radius: 6px;\n font-size: 1em;\n}\n.lunatic-component .link-md .tooltip-content.place-bottom::before {\n border-bottom: 10px solid var(--color-primary-dark);\n}\n.lunatic-component .link-md .tooltip-content.place-bottom::after {\n content: none;\n}\n\n.lunatic-component {\n /* Tooltip container */\n /* Tooltip text */\n}\n.lunatic-component .tooltip-lunatic {\n position: relative;\n display: inline-block;\n align-items: center;\n}\n.lunatic-component .tooltip-lunatic .tooltip-text {\n min-width: 10em;\n max-width: 20em;\n background-color: var(--color-primary-dark);\n color: #fff;\n padding: 0.5em;\n border-radius: 6px;\n font-size: 1em;\n}\n.lunatic-component .tooltip-lunatic .tooltip-text.place-left::before {\n border-left: 10px solid var(--color-primary-dark);\n}\n.lunatic-component .tooltip-lunatic .tooltip-text.place-left::after {\n content: none;\n}";styleInject(css_248z$i);var TooltipResponse=function(e){var n=e.id,t=e.response,a=React.useState(function(){return buildTooltip(t)}),i=_slicedToArray(a,2),o=i[0],d=i[1];React.useEffect(function(){d(buildTooltip(t))},[t]);var r=o.content,s=o.imgName;if(!r)return null;var l=r.map(function(e){var n=e.key,t=e.value;return"".concat(n," : ").concat(t,"<br />")}).join("");return/*#__PURE__*/React__default["default"].createElement("div",{className:"tooltip-lunatic"},/*#__PURE__*/React__default["default"].createElement("span",{"data-for":"".concat(n,"-management-tooltip"),"data-tip":l,"data-multiline":!0},/*#__PURE__*/React__default["default"].createElement("img",{id:n,alt:"img-tooltip",src:img[s].src||img[s]})),/*#__PURE__*/React__default["default"].createElement(ReactTooltip__default["default"],{id:"".concat(n,"-management-tooltip"),className:"tooltip-text",place:"left"}))};TooltipResponse.defaultProps={response:{}},TooltipResponse.propTypes={id:PropTypes__default["default"].string,response:response};var css_248z$h=".lunatic-component .checkbox-group,\n.lunatic-component .checkbox-group-list {\n border: 0;\n outline: 0;\n padding: 0;\n}\n.lunatic-component .checkbox-lunatic,\n.lunatic-component .checkbox-boolean-lunatic {\n position: absolute;\n opacity: 0;\n margin-bottom: 0;\n margin-top: 0.15rem;\n margin-left: 0.2rem;\n height: 18px;\n width: 18px;\n}\n.lunatic-component .checkbox-lunatic + label,\n.lunatic-component .checkbox-boolean-lunatic + label {\n margin-left: 2rem;\n}\n.lunatic-component .checkbox-lunatic:focus + label,\n.lunatic-component .checkbox-boolean-lunatic:focus + label {\n background-color: rgba(0, 0, 0, 0.05);\n}\n.lunatic-component .checkbox-boolean-lunatic + label::before {\n margin-right: -0.3rem;\n}\n.lunatic-component .checkbox-modality,\n.lunatic-component .checkbox-boolean-modality {\n margin-bottom: 0.6rem;\n}\n.lunatic-component .field .checkbox-group-list .checkbox-modality,\n.lunatic-component .field-with-tooltip .checkbox-group-list .checkbox-modality {\n height: 1.375em;\n}\n.lunatic-component .checkbox-group .modality_NR,\n.lunatic-component .checkbox-group-list .modality_NR {\n margin-top: 1.5em;\n}\n.lunatic-component .checkbox-group .horizontal-options.modality_NR,\n.lunatic-component .checkbox-group-list .horizontal-options.modality_NR {\n margin-top: 0;\n}\n.lunatic-component .checkbox-group .checkbox-modality label,\n.lunatic-component .checkbox-group-list .checkbox-modality label {\n display: flex;\n}\n.lunatic-component .checkbox-group .checkbox-modality.checkbox-modality-block label,\n.lunatic-component .checkbox-group-list .checkbox-modality.checkbox-modality-block label {\n padding-top: 0.325em;\n}\n.lunatic-component .checkbox-group .checkbox-modality.checkbox-modality-block.horizontal-options label,\n.lunatic-component .checkbox-group-list .checkbox-modality.checkbox-modality-block.horizontal-options label {\n padding-top: 0;\n}\n.lunatic-component .checkbox-lunatic + label {\n margin-top: 0.325em;\n}\n.lunatic-component .checkbox-alone {\n margin-left: 0;\n margin-top: 0.5em;\n}";styleInject(".lunatic-component .checkbox-group,\n.lunatic-component .checkbox-group-list {\n border: 0;\n outline: 0;\n padding: 0;\n}\n.lunatic-component .checkbox-lunatic,\n.lunatic-component .checkbox-boolean-lunatic {\n position: absolute;\n opacity: 0;\n margin-bottom: 0;\n margin-top: 0.15rem;\n margin-left: 0.2rem;\n height: 18px;\n width: 18px;\n}\n.lunatic-component .checkbox-lunatic + label,\n.lunatic-component .checkbox-boolean-lunatic + label {\n margin-left: 2rem;\n}\n.lunatic-component .checkbox-lunatic:focus + label,\n.lunatic-component .checkbox-boolean-lunatic:focus + label {\n background-color: rgba(0, 0, 0, 0.05);\n}\n.lunatic-component .checkbox-boolean-lunatic + label::before {\n margin-right: -0.3rem;\n}\n.lunatic-component .checkbox-modality,\n.lunatic-component .checkbox-boolean-modality {\n margin-bottom: 0.6rem;\n}\n.lunatic-component .field .checkbox-group-list .checkbox-modality,\n.lunatic-component .field-with-tooltip .checkbox-group-list .checkbox-modality {\n height: 1.375em;\n}\n.lunatic-component .checkbox-group .modality_NR,\n.lunatic-component .checkbox-group-list .modality_NR {\n margin-top: 1.5em;\n}\n.lunatic-component .checkbox-group .horizontal-options.modality_NR,\n.lunatic-component .checkbox-group-list .horizontal-options.modality_NR {\n margin-top: 0;\n}\n.lunatic-component .checkbox-group .checkbox-modality label,\n.lunatic-component .checkbox-group-list .checkbox-modality label {\n display: flex;\n}\n.lunatic-component .checkbox-group .checkbox-modality.checkbox-modality-block label,\n.lunatic-component .checkbox-group-list .checkbox-modality.checkbox-modality-block label {\n padding-top: 0.325em;\n}\n.lunatic-component .checkbox-group .checkbox-modality.checkbox-modality-block.horizontal-options label,\n.lunatic-component .checkbox-group-list .checkbox-modality.checkbox-modality-block.horizontal-options label {\n padding-top: 0;\n}\n.lunatic-component .checkbox-lunatic + label {\n margin-top: 0.325em;\n}\n.lunatic-component .checkbox-alone {\n margin-left: 0;\n margin-top: 0.5em;\n}");var CheckboxGroup=function(e){var n=e.id,t=e.label,a=e.preferences,o=e.responses,d=e.handleChange,r=e.disabled,s=e.focused,l=e.shortcut,u=e.positioning,c=e.declarations,f=e.features,p=e.bindings,m=e.management,g=e.style,h=e.logFunction,b=g.fieldsetStyle,y=g.modalityStyle,w=React.useRef(),x=React.useState(function(){return o.map(function(e){var n=e.response;return getResponseByPreference(a)(n)})}),v=_slicedToArray(x,2),k=v[0],E=v[1],S=debounce__default["default"](function(e){return d(e)},50),C=function(n){var e=_slicedToArray(Object.entries(n)[0],2),t=e[0],i=e[1];!1===i&&responsesToClean(o)(a)(t)?S(_defineProperty({},t,null)):S(n)};React.useEffect(function(){var e=o.map(function(e){var n=e.response;return getResponseByPreference(a)(n)});e.join("|")!==k.join("|")&&E(e)},[o,a]),React.useEffect(function(){s&&w.current.focus()},[s]);var T=[];return/*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment,null,/*#__PURE__*/React__default["default"].createElement(Declarations,{id:n,type:BEFORE_QUESTION_TEXT,declarations:c,features:f,bindings:p}),/*#__PURE__*/React__default["default"].createElement("fieldset",{key:"checkbox-".concat(n),className:"checkbox-group-list",style:buildStyleObject(b)},/*#__PURE__*/React__default["default"].createElement("legend",null,interpret(f,h)(p)(t)),/*#__PURE__*/React__default["default"].createElement(Declarations,{id:n,type:AFTER_QUESTION_TEXT,declarations:c,features:f,bindings:p}),o.map(function(e,t){var a=e.id,i=e.label,d=e.response,s=k[t];s&&T.push(a);var c=0===t||T[0]&&T[0]===a,g=interpret(f)(p)(i),b=10>o.length?"".concat(t+1):getAlphabet()[t];return/*#__PURE__*/React__default["default"].createElement("div",{className:"".concat(getItemsPositioningClass(u)),key:"checkbox-".concat(n,"-").concat(a)},/*#__PURE__*/React__default["default"].createElement("div",{className:"field-container"},/*#__PURE__*/React__default["default"].createElement("div",{className:"".concat(m?"field-with-tooltip":"field")},/*#__PURE__*/React__default["default"].createElement("div",{className:"checkbox-modality ".concat(s?"content-checked":"")},/*#__PURE__*/React__default["default"].createElement(Icon$1,{type:"checkbox",checked:s,disabled:r},/*#__PURE__*/React__default["default"].createElement("input",{type:"checkbox",id:"checkbox-".concat(n,"-").concat(a),ref:c?w:null,key:"checkbox-".concat(n,"-").concat(a),"aria-labelledby":"input-label-".concat(n,"-").concat(a),className:"checkbox-lunatic",checked:s||!1,disabled:r,onChange:function(e){var i=e.target.checked;E(k.map(function(e,n){return t===n?i:e})),C(_defineProperty({},getResponseName(d),i)),isFunction(h)&&h(createObjectEvent("checkbox-".concat(n,"-").concat(a),INPUT_CATEGORY,EVENT_SELECTION,getResponseName(d),i))}}),/*#__PURE__*/React__default["default"].createElement("label",{htmlFor:"checkbox-".concat(n,"-").concat(a),id:"input-label-".concat(n,"-").concat(a),style:s?buildStyleObject(y):{},className:"modality-label"},l&&/*#__PURE__*/React__default["default"].createElement("span",{className:"code-modality"},b.toUpperCase()),g)))),m&&/*#__PURE__*/React__default["default"].createElement("div",{className:"tooltip"},/*#__PURE__*/React__default["default"].createElement(TooltipResponse,{id:n,response:buildBooleanTooltipResponse(d)}))),l&&/*#__PURE__*/React__default["default"].createElement(KeyboardEventHandler__default["default"],{handleKeys:[b.toLowerCase()],onKeyEvent:function(i,o){o.preventDefault(),E(k.map(function(e,n){return t===n?!s:e})),C(_defineProperty({},getResponseName(d),!s)),isFunction(h)&&h(createObjectEvent("checkbox-".concat(n,"-").concat(a),INPUT_CATEGORY,EVENT_SELECTION,getResponseName(d),!s))},handleFocusableElements:!0}))})),/*#__PURE__*/React__default["default"].createElement(Declarations,{id:n,type:DETACHABLE,declarations:c,features:f,bindings:p}))};CheckboxGroup.defaultProps={label:"",preferences:["COLLECTED"],responses:[],disabled:!1,focused:!1,positioning:"DEFAULT",declarations:[],features:[],bindings:{},management:!1,style:{fieldsetStyle:{},modalityStyle:{}}},CheckboxGroup.propTypes={id:PropTypes__default["default"].string.isRequired,label:PropTypes__default["default"].string,preferences:PropTypes__default["default"].arrayOf(valueType),response:response,handleChange:PropTypes__default["default"].func.isRequired,disabled:PropTypes__default["default"].bool,focused:PropTypes__default["default"].bool,positioning:PropTypes__default["default"].oneOf(["DEFAULT","HORIZONTAL","VERTICAL"]),declarations:declarations,features:PropTypes__default["default"].arrayOf(PropTypes__default["default"].string),bindings:PropTypes__default["default"].object,management:PropTypes__default["default"].bool,style:PropTypes__default["default"].object};var group=componentWrapper(/*#__PURE__*/React__default["default"].memo(CheckboxGroup,areEqual)),CheckboxBoolean=function(e){var n=e.id,t=e.label,a=e.preferences,i=e.response,o=e.handleChange,d=e.disabled,r=e.positioning,s=e.focused,l=e.declarations,u=e.features,c=e.bindings,f=e.management,p=e.style,m=e.logFunction,g=React.useRef(),h=React.useState(function(){return getResponseByPreference(a)(i)}),b=_slicedToArray(h,2),y=b[0],w=b[1],x=debounce__default["default"](function(e){return o(e)},50),v=function(n){var e=_slicedToArray(Object.entries(n)[0],2),t=e[0],o=e[1];!1===o&&responseToClean(i)(a)?x(_defineProperty({},t,null)):x(n)};React.useEffect(function(){getResponseByPreference(a)(i)!==y&&w(getResponseByPreference(a)(i))},[i,a]),React.useEffect(function(){s&&g.current.focus()},[s]);var k=interpret(u,m)(c)(t),E="HORIZONTAL"===r,S=/*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment,null,/*#__PURE__*/React__default["default"].createElement(Icon$1,{type:"checkbox",checked:y,disabled:d},/*#__PURE__*/React__default["default"].createElement("input",{type:"checkbox",id:"checkbox-boolean-".concat(n),ref:g,title:k?k:"empty-label",className:"checkbox-boolean-lunatic",style:buildStyleObject(p),checked:y||!1,disabled:d,onChange:function(e){var t=e.target.checked;w(t),v(_defineProperty({},getResponseName(i),t)),isFunction(m)&&m(createObjectEvent("checkbox-boolean-".concat(n),INPUT_CATEGORY,EVENT_SELECTION,getResponseName(i),t))}}),k&&/*#__PURE__*/React__default["default"].createElement("label",{htmlFor:"checkbox-boolean-".concat(n)},E?k:"")));return/*#__PURE__*/React__default["default"].createElement("div",{key:"checkbox-boolean-".concat(n),className:"checkbox-boolean-modality"},/*#__PURE__*/React__default["default"].createElement(Declarations,{id:n,type:BEFORE_QUESTION_TEXT,declarations:l,features:u,bindings:c}),t&&!E&&/*#__PURE__*/React__default["default"].createElement("label",{htmlFor:"checkbox-boolean-".concat(n)},interpret(u,m)(c)(t)),/*#__PURE__*/React__default["default"].createElement(Declarations,{id:n,type:AFTER_QUESTION_TEXT,declarations:l,features:u,bindings:c}),/*#__PURE__*/React__default["default"].createElement("div",{className:"field-container"},/*#__PURE__*/React__default["default"].createElement("div",{className:"".concat(f?"field-with-tooltip":"field")},"VERTICAL"===r?/*#__PURE__*/React__default["default"].createElement("div",null,S):S),f&&/*#__PURE__*/React__default["default"].createElement("div",{className:"tooltip"},/*#__PURE__*/React__default["default"].createElement(TooltipResponse,{id:n,response:buildBooleanTooltipResponse(i)}))),/*#__PURE__*/React__default["default"].createElement(Declarations,{id:n,type:DETACHABLE,declarations:l,features:u,bindings:c}))};CheckboxBoolean.defaultProps={label:"",preferences:["COLLECTED"],response:{},disabled:!1,positioning:"DEFAULT",focused:!1,declarations:[],features:[],bindings:{},management:!1,style:{}},CheckboxBoolean.propTypes={id:PropTypes__default["default"].string.isRequired,label:PropTypes__default["default"].string,preferences:PropTypes__default["default"].arrayOf(valueType),response:response,handleChange:PropTypes__default["default"].func.isRequired,disabled:PropTypes__default["default"].bool,positioning:PropTypes__default["default"].oneOf(["DEFAULT","HORIZONTAL","VERTICAL"]),focused:PropTypes__default["default"].bool,declarations:declarations,features:PropTypes__default["default"].arrayOf(PropTypes__default["default"].string),bindings:PropTypes__default["default"].object,management:PropTypes__default["default"].bool,style:PropTypes__default["default"].object};var boolean=componentWrapper(/*#__PURE__*/React__default["default"].memo(CheckboxBoolean,areEqual)),InputDeclarationsWrapper=function(e){var n=Math.pow,t=e.id,a=e.label,i=e.preferences,o=e.response,d=e.placeholder,r=e.handleChange,s=e.maxLength,l=e.readOnly,u=e.disabled,c=e.autoComplete,f=e.labelPosition,p=e.mandatory,m=e.declarations,g=e.features,h=e.bindings,b=e.focused,y=e.management,w=e.style,x=e.type,k=e.roleType,E=e.min,S=e.max,C=e.decimals,T=e.unit,N=e.unitPosition,R=e.validators,_=e.isInputNumber,P=e.numberAsTextfield,L=e.logFunction,D=e.componentType,I=e.inputMode,O=React.useRef(),z=function(){var e=!(0<arguments.length&&void 0!==arguments[0])||arguments[0];return createObjectEvent("".concat(k,"-").concat(t),INPUT_CATEGORY,e?EVENT_FOCUS_IN:EVENT_FOCUS_OUT,getResponseName(o),U)},A=React.useState(function(){return getResponseByPreference(i)(o)}),M=_slicedToArray(A,2),U=M[0],F=M[1],W=React.useState(R.map(function(e){return e({min:E,max:S,value:U,preferences:i,componentType:D,id:t})}).filter(function(e){return e})),B=_slicedToArray(W,2),j=B[0],H=B[1];React.useEffect(function(){b&&O.current.focus()},[b]),React.useEffect(function(){getResponseByPreference(i)(o)!==U&&F(getResponseByPreference(i)(o))},[o,i]);var V=function(){H(R.map(function(e){return e({min:E,max:S,value:e,preferences:i,componentType:D,id:t})}).filter(function(e){return e}))};React.useEffect(function(){["InputNumber","Datepicker"].includes(D)&&H(R.map(function(e){return e({min:E,max:S,value:U,preferences:i,componentType:D,id:t})}).filter(function(e){return e}))},[U,E,S,R,_,t,i,D]);var q="textarea"===k?"textarea":"input";return/*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment,null,/*#__PURE__*/React__default["default"].createElement(Declarations,{id:t,type:BEFORE_QUESTION_TEXT,declarations:m,features:g,bindings:h}),/*#__PURE__*/React__default["default"].createElement("div",{className:getLabelPositionClass(f)},a&&/*#__PURE__*/React__default["default"].createElement("label",{htmlFor:"".concat(k,"-").concat(t),id:"".concat(k,"-label-").concat(t),className:"".concat(p?"mandatory":"")},interpret(g,L)(h)(a),_&&T&&["DEFAULT","BEFORE"].includes(N)&&/*#__PURE__*/React__default["default"].createElement("span",{className:"unit"}," (".concat(T,")"))),/*#__PURE__*/React__default["default"].createElement(Declarations,{id:t,type:AFTER_QUESTION_TEXT,declarations:m,features:g,bindings:h}),/*#__PURE__*/React__default["default"].createElement("div",{className:"field-container"},/*#__PURE__*/React__default["default"].createElement("div",{className:"".concat(y?"field-with-tooltip":"field")},/*#__PURE__*/React__default["default"].createElement(q,{type:x,id:"".concat(k,"-").concat(t),ref:O,value:U||"",min:E,max:S,step:C?"".concat(n(10,-C)):"0",placeholder:d,autoComplete:c?"on":"off",className:"".concat(k,"-lunatic ").concat((_||"datepicker"===k)&&0<j.length?"warning":""),style:buildStyleObject(w),readOnly:l,disabled:u,maxLength:s||524288,required:p,"aria-required":p,inputMode:P?I:"text",onChange:function(t){var e=Number.parseFloat,a=t.target.value,i=""===a?null:a,d=e(a).toFixed(C);if(C&&""!==a&&!new RegExp("^[0-9]+(.[0-9]{1,".concat(C,"})?$")).test(d))t.preventDefault();else if(([null,""].includes(a)&&0<U.length||[null,""].includes(U)&&0<a.length)&&"Datepicker"!==D)F(i),r(_defineProperty({},getResponseName(o),i));else if(// Chrome
|
|
757
|
+
},[ue,r,w,Q,o,l,c]),React.useEffect(function(){if(0!==Object.keys(me).length){var e=updateExternals(Q)(w,r)(me);Z(getBindings(e)),K(e),ge({})}},[me,w,Q,r]);var Be=p&&ye?[{componentType:"Modal",controls:ye.controls,validateModal:function(){var e=ye.confirm;e&&e(),we(null)},cancelModal:function(){we(null)}}].concat(_toConsumableArray(Se)):Se;return{questionnaire:Q,handleChange:Fe,handleExternals:We,components:Be,bindings:G,allBindings:_,state:{getState:n,getCollectedState:ae,getCollectedStateByValueType:function(e){return function(n,t){return getCollectedStateByValueType(null,ae(e))(n,t)}},getBindings:function(e){var n=getBindings(e);return _objectSpread2(_objectSpread2({},_),n)}},pagination:{page:de,maxPage:C[C.length-1].maxPage,goNext:function(e,n){if(!(Ie&&ze)){Re!==FLOW_NEXT&&_e(FLOW_NEXT);var t=getPage({components:Q.components,bindings:n||G,currentPage:de,featuresWithoutMD:V,flow:FLOW_NEXT,management:c}),a=t?function(){return re(t)}:Ae;if(g){var i=getControls({page:de,features:V,components:Se,bindings:G,preferences:r});0<i.length?we({confirm:a,controls:i}):a()}else a()}},goPrevious:function(){if(!(De&&Oe)){Re!==FLOW_PREVIOUS&&_e(FLOW_PREVIOUS);var e=getPage({components:Q.components,bindings:G,currentPage:de,featuresWithoutMD:V,flow:FLOW_PREVIOUS,management:c}),n=e?function(){return re(e)}:Me;if(g){var t=getControls({page:de,features:V,components:Se,bindings:G,preferences:r});0<t.length?we({confirm:n,controls:t}):n()}else n()}},isFirstPage:De&&Oe,isLastPage:Ie&&ze,setPage:Ue}}},css_248z$k="@charset \"UTF-8\";\n.lunatic-component .declarations-lunatic {\n margin-bottom: 0.4rem;\n}\n.lunatic-component .declaration-instruction {\n font-style: italic;\n font-size: 80%;\n}\n.lunatic-component .declaration-comment {\n font-size: 80%;\n}\n.lunatic-component .declaration-statement {\n font-style: italic;\n font-size: 80%;\n color: blue;\n}\n.lunatic-component .declaration-help {\n font-style: italic;\n font-size: 80%;\n color: green;\n}\n.lunatic-component .declaration-warning {\n font-style: bold;\n font-size: 80%;\n color: red;\n}\n.lunatic-component .declaration-message_filter {\n font-size: 100%;\n color: rgb(73, 66, 66);\n}\n.lunatic-component .declaration-message_filter:before {\n content: \"\u2192 \";\n}";styleInject(css_248z$k);var Declarations=function(e){var n=e.id,t=e.type,a=e.declarations,i=e.features,o=e.bindings,d=e.logFunction,r=a.filter(function(e){var n=e.position;return n===t});return 0===r.length?null:/*#__PURE__*/React__default["default"].createElement("div",{id:"declarations-".concat(n,"-").concat(t),className:"declarations-lunatic"},r.map(function(e){var n=e.id,t=e.label,a=e.declarationType;return/*#__PURE__*/React__default["default"].createElement("div",{key:"".concat(n),className:"declaration-lunatic declaration-".concat(a.toLowerCase())},interpret(i,d)(o)(t))}))};Declarations.defaultProps={type:"AFTER_QUESTION_TEXT",declarations:[],features:[],bindings:{}},Declarations.propTypes={id:PropTypes__default["default"].string.isRequired,type:PropTypes__default["default"].string,declarations:declarations,features:PropTypes__default["default"].arrayOf(PropTypes__default["default"].string),bindings:PropTypes__default["default"].object};var RadioChecked=function(){return/*#__PURE__*/React__default["default"].createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"rgb(74,118,168)"},/*#__PURE__*/React__default["default"].createElement("path",{d:"M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}),/*#__PURE__*/React__default["default"].createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))},RadioUnchecked=function(){return/*#__PURE__*/React__default["default"].createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"rgb(74,118,168)"},/*#__PURE__*/React__default["default"].createElement("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}),/*#__PURE__*/React__default["default"].createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))},CheckboxChecked=function(){return/*#__PURE__*/React__default["default"].createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"rgb(74,118,168)"},/*#__PURE__*/React__default["default"].createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),/*#__PURE__*/React__default["default"].createElement("path",{d:"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"}))},CheckboxUnchecked=function(){return/*#__PURE__*/React__default["default"].createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"rgb(74,118,168)"},/*#__PURE__*/React__default["default"].createElement("path",{d:"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"}),/*#__PURE__*/React__default["default"].createElement("path",{d:"M0 0h24v24H0z",fill:"none"}))},css_248z$j=".lunatic-component .list-icon-wrapper:focus-within svg {\n fill: var(--color-primary-dark);\n}\n.lunatic-component .list-icon {\n position: absolute;\n margin-top: -0.1rem;\n}\n.lunatic-component .list-icon.list-icon-disabled svg {\n background-color: var(--color-disabled);\n}";styleInject(css_248z$j);var Content=function(e){var n=e.type,t=e.checked;return"radio"===n?t?/*#__PURE__*/React__default["default"].createElement(RadioChecked,null):/*#__PURE__*/React__default["default"].createElement(RadioUnchecked,null):"checkbox"===n?t?/*#__PURE__*/React__default["default"].createElement(CheckboxChecked,null):/*#__PURE__*/React__default["default"].createElement(CheckboxUnchecked,null):null},Icon$1=function(e){var n=e.type,t=e.checked,a=e.disabled,i=e.children;return/*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment,null,/*#__PURE__*/React__default["default"].createElement("span",{className:"list-icon-wrapper"},/*#__PURE__*/React__default["default"].createElement("span",{className:"list-icon ".concat(a?"list-icon-disabled":"")},/*#__PURE__*/React__default["default"].createElement(Content,{type:n,checked:t})),i))},img$2=new Image;img$2.src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAMAAAGEMEXHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABjUExURf///8Xn9XrH6Va44zKp3Eiy4GW+5b7j9Kja8Bme2CSj2p7W7vH5/UGv34XM69vw+czq9iCh2ZbT7bfg82W94+33/Njt92zB5k+14XPE6On2+4vN6sLl9Mno9i+n3Cum2wAAAIfAWccAAAAhdFJOU///////////////////////////////////////////AJ/B0CEAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAEVSURBVChTVVIBcsMgDFODm2JKIFnTbvv/Ryfb0F11Z4ptWYBSYL8wFBk34A7kLwDCUIbBfkcIHppsM2tIVy61exRoQ0LFaa2NhLSiP7l/MA7no6rsdd+UI5SINQSvZKVsBXSB7N4plnFRyihxxrFdtxeep5qwYRFZx1ZK6735IMrmJSQOZR9sXKWZSKeaVdQVfftOirdG8kHjhXlFxZ0ZWezpwrclo4Q69ZUWZj28BPyobmbCQPYxR6HdE53leLyBpGIGEELHP7GGtB/DIyds+mathZ/BEBefyNSRMJxDwRggcXbMlSlGsPM9uWHpgKnRgPB/zBCd/yStLB3z1hK6wO+8zn7o+7sx47v/s9oOdgdoLAD8AWlNC8M57XWRAAAAAElFTkSuQmCC";var img$1=new Image;img$1.src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAZCAMAAAFiGY6DAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABUUExURf///6zc8Uiy4PH5/d/x+b7j9Bme2DKp3CSj2la442W+5YnN61O34nrH6Z7W7tDr9yCh2bfg8+33/HPE6EGv35bT7U+14czq9nDD56XZ7+n2+wAAAJWny4EAAAAcdFJOU////////////////////////////////////wAXsuLXAAAACXBIWXMAAA7EAAAOxAGVKw4bAAABKElEQVQoU2VSC3bDIAwzJRM0hCb0ldfd/6STDFm7TgnEX2GbGHExQ4PZoc0scT0MgC/6xkqZ+tC0x6y4E4zlU5VAs8I2Wrv0/PL/xzih4gKsCJVB1RZKsvXYrJntG7gXrM/ddgZ3JPDtBRHFSQYG1Ylgy9cUhStwdaGKO6tAdX0wCQi5tUyzK6oYYNHB+aDDBXhHcjtu09uHKgfTYGTUXMRDtCOU7HUU8ShH1CdWdj1FoS/3k+4vyB3Se6KV8tv6Bamm2Z3d+GWvuNmel4WC7A9+OUcV9AKr5PHEJHIxavjui4mOisf0/B7uiqwTrp9/gisa0wuycLTs3zlI2yl7QpTvDR8FlXy3jWq3hqBYjYpXPy/A7Lmu33GIMR1r3z6OPnFngYFXbfYDTw4LkdQNpj4AAAAASUVORK5CYII=";var img=/*#__PURE__*/Object.freeze({__proto__:null,editedImg:img$2,forcedImg:img$1}),css_248z$i="* {\n box-sizing: border-box;\n --color-primary-dark: #2a5885;\n --color-primary-light: #5181b8;\n --color-primary-main: #4a73a4;\n --color-primary-contrast-text: #ffffff;\n --color-secondary-dark: #14202d;\n --color-secondary-light: #f7f8fa;\n --color-secondary-main: #1a293b;\n --color-secondary-contrast-text: #ffffff;\n --color-very-light: #dbe4ef;\n --color-very-very-light: #e6eaee;\n --color-current-item: #0d823e;\n --color-error: #f50c0c;\n --color-disabled: rgb(235, 235, 228);\n --color-prefix: cornflowerblue;\n --color-dropdown-active: rgba(0, 0, 0, 0.04);\n --color-dropdown-selected: rgba(0, 0, 0, 0.08);\n --dropdown-transition-time: 0.5s;\n}\n\n.lunatic-component {\n /* refactor proposition */\n /******/\n}\n.lunatic-component .mandatory:after {\n content: \" *\";\n color: red;\n}\n.lunatic-component .horizontal-options {\n display: inline-block;\n margin-right: 2em;\n}\n.lunatic-component label,\n.lunatic-component legend,\n.lunatic-component .subsequence-lunatic,\n.lunatic-component .lunatic-dropdown-label,\n.lunatic-component .lunatic-dropdown-label focused {\n color: var(--color-primary-dark);\n background-color: var(--color-primary-contrast-text);\n border: 0;\n padding: 0;\n font-size: 0.75rem;\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n line-height: 0.75rem;\n font-weight: bold;\n margin-bottom: 0.375rem;\n}\n.lunatic-component .lunatic-component-container {\n display: flex;\n}\n.lunatic-component .lunatic-component-container.label-left-ex {\n flex-direction: row;\n align-items: baseline;\n}\n.lunatic-component .lunatic-component-container.label-left-ex .lunatic-label {\n margin-right: 1em;\n}\n.lunatic-component .lunatic-component-container.label-right-ex {\n flex-direction: row-reverse;\n align-items: baseline;\n}\n.lunatic-component .lunatic-component-container.label-right-ex .lunatic-label {\n margin-left: 1em;\n}\n.lunatic-component .lunatic-component-container.label-top-ex {\n flex-direction: column;\n}\n.lunatic-component .lunatic-component-container.label-bottom-ex {\n flex-direction: column-reverse;\n}\n.lunatic-component .label-top {\n display: flex;\n flex-direction: column;\n}\n.lunatic-component .label-bottom {\n display: flex;\n flex-direction: column-reverse;\n}\n.lunatic-component .label-right {\n justify-content: flex-end;\n display: flex;\n flex-direction: row-reverse;\n align-items: baseline;\n}\n.lunatic-component .label-right :first-child {\n margin-right: 1rem;\n}\n.lunatic-component .label-left {\n display: flex;\n flex-direction: row;\n align-items: baseline;\n}\n.lunatic-component .label-left :first-child {\n margin-right: 1rem;\n}\n.lunatic-component .field-container {\n display: flex;\n}\n.lunatic-component .modality-label p {\n display: inline;\n}\n.lunatic-component .tooltip {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.lunatic-component .field-with-tooltip {\n width: calc(100% - 25px);\n position: relative;\n}\n.lunatic-component .field {\n width: 100%;\n position: relative;\n}\n.lunatic-component .field,\n.lunatic-component .field-with-tooltip {\n display: flex;\n}\n.lunatic-component .field .unit,\n.lunatic-component .field-with-tooltip .unit {\n margin: auto 0;\n color: var(--color-primary-dark);\n font-weight: bold;\n}\n.lunatic-component .link-md .field-md {\n border-bottom: dashed 0.1em var(--color-primary-dark);\n}\n.lunatic-component .link-md .field-md:hover {\n cursor: help;\n color: var(--color-primary-contrast-text);\n background-color: var(--color-primary-dark);\n}\n.lunatic-component .link-md .tooltip-content {\n min-width: 15em;\n max-width: 25em;\n background: var(--color-primary-dark);\n color: var(--color-primary-contrast-text);\n padding: 0.5em;\n border-radius: 6px;\n font-size: 1em;\n}\n.lunatic-component .link-md .tooltip-content.place-bottom::before {\n border-bottom: 10px solid var(--color-primary-dark);\n}\n.lunatic-component .link-md .tooltip-content.place-bottom::after {\n content: none;\n}\n\n.lunatic-component {\n /* Tooltip container */\n /* Tooltip text */\n}\n.lunatic-component .tooltip-lunatic {\n position: relative;\n display: inline-block;\n align-items: center;\n}\n.lunatic-component .tooltip-lunatic .tooltip-text {\n min-width: 10em;\n max-width: 20em;\n background-color: var(--color-primary-dark);\n color: #fff;\n padding: 0.5em;\n border-radius: 6px;\n font-size: 1em;\n}\n.lunatic-component .tooltip-lunatic .tooltip-text.place-left::before {\n border-left: 10px solid var(--color-primary-dark);\n}\n.lunatic-component .tooltip-lunatic .tooltip-text.place-left::after {\n content: none;\n}";styleInject(css_248z$i);var TooltipResponse=function(e){var n=e.id,t=e.response,a=React.useState(function(){return buildTooltip(t)}),i=_slicedToArray(a,2),o=i[0],d=i[1];React.useEffect(function(){d(buildTooltip(t))},[t]);var r=o.content,s=o.imgName;if(!r)return null;var l=r.map(function(e){var n=e.key,t=e.value;return"".concat(n," : ").concat(t,"<br />")}).join("");return/*#__PURE__*/React__default["default"].createElement("div",{className:"tooltip-lunatic"},/*#__PURE__*/React__default["default"].createElement("span",{"data-for":"".concat(n,"-management-tooltip"),"data-tip":l,"data-multiline":!0},/*#__PURE__*/React__default["default"].createElement("img",{id:n,alt:"img-tooltip",src:img[s].src||img[s]})),/*#__PURE__*/React__default["default"].createElement(ReactTooltip__default["default"],{id:"".concat(n,"-management-tooltip"),className:"tooltip-text",place:"left"}))};TooltipResponse.defaultProps={response:{}},TooltipResponse.propTypes={id:PropTypes__default["default"].string,response:response};var css_248z$h=".lunatic-component .checkbox-group,\n.lunatic-component .checkbox-group-list {\n border: 0;\n outline: 0;\n padding: 0;\n}\n.lunatic-component .checkbox-lunatic,\n.lunatic-component .checkbox-boolean-lunatic {\n position: absolute;\n opacity: 0;\n margin-bottom: 0;\n margin-top: 0.15rem;\n margin-left: 0.2rem;\n height: 18px;\n width: 18px;\n}\n.lunatic-component .checkbox-lunatic + label,\n.lunatic-component .checkbox-boolean-lunatic + label {\n margin-left: 2rem;\n}\n.lunatic-component .checkbox-lunatic:focus + label,\n.lunatic-component .checkbox-boolean-lunatic:focus + label {\n background-color: rgba(0, 0, 0, 0.05);\n}\n.lunatic-component .checkbox-boolean-lunatic + label::before {\n margin-right: -0.3rem;\n}\n.lunatic-component .checkbox-modality,\n.lunatic-component .checkbox-boolean-modality {\n margin-bottom: 0.6rem;\n}\n.lunatic-component .field .checkbox-group-list .checkbox-modality,\n.lunatic-component .field-with-tooltip .checkbox-group-list .checkbox-modality {\n height: 1.375em;\n}\n.lunatic-component .checkbox-group .modality_NR,\n.lunatic-component .checkbox-group-list .modality_NR {\n margin-top: 1.5em;\n}\n.lunatic-component .checkbox-group .horizontal-options.modality_NR,\n.lunatic-component .checkbox-group-list .horizontal-options.modality_NR {\n margin-top: 0;\n}\n.lunatic-component .checkbox-group .checkbox-modality label,\n.lunatic-component .checkbox-group-list .checkbox-modality label {\n display: flex;\n}\n.lunatic-component .checkbox-group .checkbox-modality.checkbox-modality-block label,\n.lunatic-component .checkbox-group-list .checkbox-modality.checkbox-modality-block label {\n padding-top: 0.325em;\n}\n.lunatic-component .checkbox-group .checkbox-modality.checkbox-modality-block.horizontal-options label,\n.lunatic-component .checkbox-group-list .checkbox-modality.checkbox-modality-block.horizontal-options label {\n padding-top: 0;\n}\n.lunatic-component .checkbox-lunatic + label {\n margin-top: 0.325em;\n}\n.lunatic-component .checkbox-alone {\n margin-left: 0;\n margin-top: 0.5em;\n}";styleInject(".lunatic-component .checkbox-group,\n.lunatic-component .checkbox-group-list {\n border: 0;\n outline: 0;\n padding: 0;\n}\n.lunatic-component .checkbox-lunatic,\n.lunatic-component .checkbox-boolean-lunatic {\n position: absolute;\n opacity: 0;\n margin-bottom: 0;\n margin-top: 0.15rem;\n margin-left: 0.2rem;\n height: 18px;\n width: 18px;\n}\n.lunatic-component .checkbox-lunatic + label,\n.lunatic-component .checkbox-boolean-lunatic + label {\n margin-left: 2rem;\n}\n.lunatic-component .checkbox-lunatic:focus + label,\n.lunatic-component .checkbox-boolean-lunatic:focus + label {\n background-color: rgba(0, 0, 0, 0.05);\n}\n.lunatic-component .checkbox-boolean-lunatic + label::before {\n margin-right: -0.3rem;\n}\n.lunatic-component .checkbox-modality,\n.lunatic-component .checkbox-boolean-modality {\n margin-bottom: 0.6rem;\n}\n.lunatic-component .field .checkbox-group-list .checkbox-modality,\n.lunatic-component .field-with-tooltip .checkbox-group-list .checkbox-modality {\n height: 1.375em;\n}\n.lunatic-component .checkbox-group .modality_NR,\n.lunatic-component .checkbox-group-list .modality_NR {\n margin-top: 1.5em;\n}\n.lunatic-component .checkbox-group .horizontal-options.modality_NR,\n.lunatic-component .checkbox-group-list .horizontal-options.modality_NR {\n margin-top: 0;\n}\n.lunatic-component .checkbox-group .checkbox-modality label,\n.lunatic-component .checkbox-group-list .checkbox-modality label {\n display: flex;\n}\n.lunatic-component .checkbox-group .checkbox-modality.checkbox-modality-block label,\n.lunatic-component .checkbox-group-list .checkbox-modality.checkbox-modality-block label {\n padding-top: 0.325em;\n}\n.lunatic-component .checkbox-group .checkbox-modality.checkbox-modality-block.horizontal-options label,\n.lunatic-component .checkbox-group-list .checkbox-modality.checkbox-modality-block.horizontal-options label {\n padding-top: 0;\n}\n.lunatic-component .checkbox-lunatic + label {\n margin-top: 0.325em;\n}\n.lunatic-component .checkbox-alone {\n margin-left: 0;\n margin-top: 0.5em;\n}");var CheckboxGroup=function(e){var n=e.id,t=e.label,a=e.preferences,o=e.responses,d=e.handleChange,r=e.disabled,s=e.focused,l=e.shortcut,u=e.positioning,c=e.declarations,f=e.features,p=e.bindings,m=e.management,g=e.style,h=e.logFunction,b=g.fieldsetStyle,y=g.modalityStyle,w=React.useRef(),x=React.useState(function(){return o.map(function(e){var n=e.response;return getResponseByPreference(a)(n)})}),v=_slicedToArray(x,2),k=v[0],E=v[1],S=debounce__default["default"](function(e){return d(e)},50),C=function(n){var e=_slicedToArray(Object.entries(n)[0],2),t=e[0],i=e[1];!1===i&&responsesToClean(o)(a)(t)?S(_defineProperty({},t,null)):S(n)};React.useEffect(function(){var e=o.map(function(e){var n=e.response;return getResponseByPreference(a)(n)});e.join("|")!==k.join("|")&&E(e)},[o,a]),React.useEffect(function(){s&&w.current.focus()},[s]);var T=[];return/*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment,null,/*#__PURE__*/React__default["default"].createElement(Declarations,{id:n,type:BEFORE_QUESTION_TEXT,declarations:c,features:f,bindings:p}),/*#__PURE__*/React__default["default"].createElement("fieldset",{key:"checkbox-".concat(n),className:"checkbox-group-list",style:buildStyleObject(b)},/*#__PURE__*/React__default["default"].createElement("legend",null,interpret(f,h)(p)(t)),/*#__PURE__*/React__default["default"].createElement(Declarations,{id:n,type:AFTER_QUESTION_TEXT,declarations:c,features:f,bindings:p}),o.map(function(e,t){var a=e.id,i=e.label,d=e.response,s=k[t];s&&T.push(a);var c=0===t||T[0]&&T[0]===a,g=interpret(f)(p)(i),b=10>o.length?"".concat(t+1):getAlphabet()[t];return/*#__PURE__*/React__default["default"].createElement("div",{className:"".concat(getItemsPositioningClass(u)),key:"checkbox-".concat(n,"-").concat(a)},/*#__PURE__*/React__default["default"].createElement("div",{className:"field-container"},/*#__PURE__*/React__default["default"].createElement("div",{className:"".concat(m?"field-with-tooltip":"field")},/*#__PURE__*/React__default["default"].createElement("div",{className:"checkbox-modality ".concat(s?"content-checked":"")},/*#__PURE__*/React__default["default"].createElement(Icon$1,{type:"checkbox",checked:s,disabled:r},/*#__PURE__*/React__default["default"].createElement("input",{type:"checkbox",id:"checkbox-".concat(n,"-").concat(a),ref:c?w:null,key:"checkbox-".concat(n,"-").concat(a),"aria-labelledby":"input-label-".concat(n,"-").concat(a),className:"checkbox-lunatic",checked:s||!1,disabled:r,onChange:function(e){var i=e.target.checked;E(k.map(function(e,n){return t===n?i:e})),C(_defineProperty({},getResponseName(d),i)),isFunction(h)&&h(createObjectEvent("checkbox-".concat(n,"-").concat(a),INPUT_CATEGORY,EVENT_SELECTION,getResponseName(d),i))}}),/*#__PURE__*/React__default["default"].createElement("label",{htmlFor:"checkbox-".concat(n,"-").concat(a),id:"input-label-".concat(n,"-").concat(a),style:s?buildStyleObject(y):{},className:"modality-label"},l&&/*#__PURE__*/React__default["default"].createElement("span",{className:"code-modality"},b.toUpperCase()),g)))),m&&/*#__PURE__*/React__default["default"].createElement("div",{className:"tooltip"},/*#__PURE__*/React__default["default"].createElement(TooltipResponse,{id:n,response:buildBooleanTooltipResponse(d)}))),l&&/*#__PURE__*/React__default["default"].createElement(KeyboardEventHandler__default["default"],{handleKeys:[b.toLowerCase()],onKeyEvent:function(i,o){o.preventDefault(),E(k.map(function(e,n){return t===n?!s:e})),C(_defineProperty({},getResponseName(d),!s)),isFunction(h)&&h(createObjectEvent("checkbox-".concat(n,"-").concat(a),INPUT_CATEGORY,EVENT_SELECTION,getResponseName(d),!s))},handleFocusableElements:!0}))})),/*#__PURE__*/React__default["default"].createElement(Declarations,{id:n,type:DETACHABLE,declarations:c,features:f,bindings:p}))};CheckboxGroup.defaultProps={label:"",preferences:["COLLECTED"],responses:[],disabled:!1,focused:!1,positioning:"DEFAULT",declarations:[],features:[],bindings:{},management:!1,style:{fieldsetStyle:{},modalityStyle:{}}},CheckboxGroup.propTypes={id:PropTypes__default["default"].string.isRequired,label:PropTypes__default["default"].string,preferences:PropTypes__default["default"].arrayOf(valueType),response:response,handleChange:PropTypes__default["default"].func.isRequired,disabled:PropTypes__default["default"].bool,focused:PropTypes__default["default"].bool,positioning:PropTypes__default["default"].oneOf(["DEFAULT","HORIZONTAL","VERTICAL"]),declarations:declarations,features:PropTypes__default["default"].arrayOf(PropTypes__default["default"].string),bindings:PropTypes__default["default"].object,management:PropTypes__default["default"].bool,style:PropTypes__default["default"].object};var group=componentWrapper(/*#__PURE__*/React__default["default"].memo(CheckboxGroup,areEqual)),CheckboxBoolean=function(e){var n=e.id,t=e.label,a=e.preferences,i=e.response,o=e.handleChange,d=e.disabled,r=e.positioning,s=e.focused,l=e.declarations,u=e.features,c=e.bindings,f=e.management,p=e.style,m=e.logFunction,g=React.useRef(),h=React.useState(function(){return getResponseByPreference(a)(i)}),b=_slicedToArray(h,2),y=b[0],w=b[1],x=debounce__default["default"](function(e){return o(e)},50),v=function(n){var e=_slicedToArray(Object.entries(n)[0],2),t=e[0],o=e[1];!1===o&&responseToClean(i)(a)?x(_defineProperty({},t,null)):x(n)};React.useEffect(function(){getResponseByPreference(a)(i)!==y&&w(getResponseByPreference(a)(i))},[i,a]),React.useEffect(function(){s&&g.current.focus()},[s]);var k=interpret(u,m)(c)(t),E="HORIZONTAL"===r,S=/*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment,null,/*#__PURE__*/React__default["default"].createElement(Icon$1,{type:"checkbox",checked:y,disabled:d},/*#__PURE__*/React__default["default"].createElement("input",{type:"checkbox",id:"checkbox-boolean-".concat(n),ref:g,title:k?k:"empty-label",className:"checkbox-boolean-lunatic",style:buildStyleObject(p),checked:y||!1,disabled:d,onChange:function(e){var t=e.target.checked;w(t),v(_defineProperty({},getResponseName(i),t)),isFunction(m)&&m(createObjectEvent("checkbox-boolean-".concat(n),INPUT_CATEGORY,EVENT_SELECTION,getResponseName(i),t))}}),k&&/*#__PURE__*/React__default["default"].createElement("label",{htmlFor:"checkbox-boolean-".concat(n)},E?k:"")));return/*#__PURE__*/React__default["default"].createElement("div",{key:"checkbox-boolean-".concat(n),className:"checkbox-boolean-modality"},/*#__PURE__*/React__default["default"].createElement(Declarations,{id:n,type:BEFORE_QUESTION_TEXT,declarations:l,features:u,bindings:c}),t&&!E&&/*#__PURE__*/React__default["default"].createElement("label",{htmlFor:"checkbox-boolean-".concat(n)},interpret(u,m)(c)(t)),/*#__PURE__*/React__default["default"].createElement(Declarations,{id:n,type:AFTER_QUESTION_TEXT,declarations:l,features:u,bindings:c}),/*#__PURE__*/React__default["default"].createElement("div",{className:"field-container"},/*#__PURE__*/React__default["default"].createElement("div",{className:"".concat(f?"field-with-tooltip":"field")},"VERTICAL"===r?/*#__PURE__*/React__default["default"].createElement("div",null,S):S),f&&/*#__PURE__*/React__default["default"].createElement("div",{className:"tooltip"},/*#__PURE__*/React__default["default"].createElement(TooltipResponse,{id:n,response:buildBooleanTooltipResponse(i)}))),/*#__PURE__*/React__default["default"].createElement(Declarations,{id:n,type:DETACHABLE,declarations:l,features:u,bindings:c}))};CheckboxBoolean.defaultProps={label:"",preferences:["COLLECTED"],response:{},disabled:!1,positioning:"DEFAULT",focused:!1,declarations:[],features:[],bindings:{},management:!1,style:{}},CheckboxBoolean.propTypes={id:PropTypes__default["default"].string.isRequired,label:PropTypes__default["default"].string,preferences:PropTypes__default["default"].arrayOf(valueType),response:response,handleChange:PropTypes__default["default"].func.isRequired,disabled:PropTypes__default["default"].bool,positioning:PropTypes__default["default"].oneOf(["DEFAULT","HORIZONTAL","VERTICAL"]),focused:PropTypes__default["default"].bool,declarations:declarations,features:PropTypes__default["default"].arrayOf(PropTypes__default["default"].string),bindings:PropTypes__default["default"].object,management:PropTypes__default["default"].bool,style:PropTypes__default["default"].object};var boolean=componentWrapper(/*#__PURE__*/React__default["default"].memo(CheckboxBoolean,areEqual)),InputDeclarationsWrapper=function(e){var n=Math.pow,t=e.id,a=e.label,i=e.preferences,o=e.response,d=e.placeholder,r=e.handleChange,s=e.maxLength,l=e.readOnly,u=e.disabled,c=e.autoComplete,f=e.labelPosition,p=e.mandatory,m=e.declarations,g=e.features,h=e.bindings,b=e.focused,y=e.management,w=e.style,x=e.type,k=e.roleType,E=e.min,S=e.max,C=e.decimals,T=e.unit,N=e.unitPosition,R=e.validators,_=e.isInputNumber,P=e.numberAsTextfield,L=e.logFunction,D=e.componentType,I=e.inputMode,O=React.useRef(),z=function(){var e=!(0<arguments.length&&void 0!==arguments[0])||arguments[0];return createObjectEvent("".concat(k,"-").concat(t),INPUT_CATEGORY,e?EVENT_FOCUS_IN:EVENT_FOCUS_OUT,getResponseName(o),U)},A=React.useState(function(){return getResponseByPreference(i)(o)}),M=_slicedToArray(A,2),U=M[0],F=M[1],W=React.useState(R.map(function(e){return e({min:E,max:S,value:U,preferences:i,componentType:D,id:t})}).filter(function(e){return e})),B=_slicedToArray(W,2),j=B[0],H=B[1];React.useEffect(function(){b&&O.current.focus()},[b]),React.useEffect(function(){getResponseByPreference(i)(o)!==U&&F(getResponseByPreference(i)(o))},[o,i]);var V=function(){H(R.map(function(e){return e({min:E,max:S,value:e,preferences:i,componentType:D,id:t})}).filter(function(e){return e}))};React.useEffect(function(){["InputNumber","Datepicker"].includes(D)&&H(R.map(function(e){return e({min:E,max:S,value:U,preferences:i,componentType:D,id:t})}).filter(function(e){return e}))},[U,E,S,R,_,t,i,D]);var q="textarea"===k?"textarea":"input";return/*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment,null,/*#__PURE__*/React__default["default"].createElement(Declarations,{id:t,type:BEFORE_QUESTION_TEXT,declarations:m,features:g,bindings:h}),/*#__PURE__*/React__default["default"].createElement("div",{className:getLabelPositionClass(f)},a&&/*#__PURE__*/React__default["default"].createElement("label",{htmlFor:"".concat(k,"-").concat(t),id:"".concat(k,"-label-").concat(t),className:"".concat(p?"mandatory":"")},interpret(g,L)(h)(a),_&&T&&["DEFAULT","BEFORE"].includes(N)&&/*#__PURE__*/React__default["default"].createElement("span",{className:"unit"}," (".concat(T,")"))),/*#__PURE__*/React__default["default"].createElement(Declarations,{id:t,type:AFTER_QUESTION_TEXT,declarations:m,features:g,bindings:h}),/*#__PURE__*/React__default["default"].createElement("div",{className:"field-container"},/*#__PURE__*/React__default["default"].createElement("div",{className:"".concat(y?"field-with-tooltip":"field")},/*#__PURE__*/React__default["default"].createElement(q,{type:x,id:"".concat(k,"-").concat(t),ref:O,value:U||"",min:E,max:S,step:C?"".concat(n(10,-C)):"0",placeholder:d,autoComplete:c?"on":"off",className:"".concat(k,"-lunatic ").concat((_||"datepicker"===k)&&0<j.length?"warning":""),style:buildStyleObject(w),readOnly:l,disabled:u,maxLength:s||524288,required:p,"aria-required":p,inputMode:P?I:"text",onChange:function(t){var e=Number.parseFloat,a=t.target.value,i=_&&C?a.replace(",","."):a,d=""===a?null:i,s=e(i).toFixed(C);if(C&&""!==a&&!new RegExp("^[0-9]+(.[0-9]{1,".concat(C,"})?$")).test(s))t.preventDefault();else if(([null,""].includes(a)&&0<U.length||[null,""].includes(U)&&0<a.length)&&"Datepicker"!==D)F(d),r(_defineProperty({},getResponseName(o),d));else if(// Chrome
|
|
758
758
|
"Event"===Object.getPrototypeOf(t.nativeEvent).constructor.name&&"datepicker"!==k||// FF hack: impossible to handle arrow events
|
|
759
|
-
Math.abs(a-U).toFixed(C)!==e("".concat(n(10,-C))).toFixed(C)&&isNaN(Number.parseInt(a,10))&&_)F(
|
|
759
|
+
Math.abs(a-U).toFixed(C)!==e("".concat(n(10,-C))).toFixed(C)&&isNaN(Number.parseInt(a,10))&&_)F(s),r(_defineProperty({},getResponseName(o),s));else{if(_){if(P&&""!==a&&!isNumberValid(a,C))return t.preventDefault(),t.stopPropagation(),null;V()}y?F(d):F(d)}},onBlur:function(){var e=getResponseByPreference(i)(o);if(U!==e){var n=U&&U.endsWith(".")?U.replace(".",""):U;r(_defineProperty({},getResponseName(o),n)),isFunction(L)&&L(z(!1)),U!==n&&F(n)}},onFocus:function(){isFunction(L)&&L(z())},onKeyPress:function(e){0!==C||/[0-9]/.test(e.key)||e.preventDefault()}}),_&&T&&"AFTER"===N&&/*#__PURE__*/React__default["default"].createElement("span",{className:"unit"},T)),y&&/*#__PURE__*/React__default["default"].createElement("div",{className:"tooltip"},/*#__PURE__*/React__default["default"].createElement(TooltipResponse,{id:t,response:buildLocalResponse(o,U)}))),0<j.length&&/*#__PURE__*/React__default["default"].createElement("div",{className:"lunatic-controls"},j.map(function(e){var n=e.id,t=e.errorMessage;return/*#__PURE__*/React__default["default"].createElement("div",{key:"control-".concat(n),className:"lunatic-control"},t)}))),/*#__PURE__*/React__default["default"].createElement(Declarations,{id:t,type:DETACHABLE,declarations:m,features:g,bindings:h}))};InputDeclarationsWrapper.defaultProps={label:"",preferences:["COLLECTED"],response:{},placeholder:"",readOnly:!1,disabled:!1,autoComplete:!1,labelPosition:"DEFAULT",mandatory:!1,focused:!1,declarations:[],features:[],bindings:{},management:!1,style:{},validators:[],isInputNumber:!1,inputMode:"text"},InputDeclarationsWrapper.propTypes={id:PropTypes__default["default"].string.isRequired,label:PropTypes__default["default"].string,preferences:PropTypes__default["default"].arrayOf(valueType),response:response,min:PropTypes__default["default"].oneOfType([PropTypes__default["default"].number,PropTypes__default["default"].string]),max:PropTypes__default["default"].oneOfType([PropTypes__default["default"].number,PropTypes__default["default"].string]),decimals:PropTypes__default["default"].oneOfType([PropTypes__default["default"].number,PropTypes__default["default"].string]),placeholder:PropTypes__default["default"].string,handleChange:PropTypes__default["default"].func.isRequired,readOnly:PropTypes__default["default"].bool,disabled:PropTypes__default["default"].bool,maxLength:PropTypes__default["default"].oneOfType([PropTypes__default["default"].number,PropTypes__default["default"].string]),autoComplete:PropTypes__default["default"].bool,labelPosition:PropTypes__default["default"].oneOf(["DEFAULT","TOP","BOTTOM","LEFT","RIGHT"]),unitPosition:PropTypes__default["default"].oneOf(["DEFAULT","BEFORE","AFTER"]),mandatory:PropTypes__default["default"].bool,focused:PropTypes__default["default"].bool,declarations:declarations,features:PropTypes__default["default"].arrayOf(PropTypes__default["default"].string),bindings:PropTypes__default["default"].object,management:PropTypes__default["default"].bool,style:PropTypes__default["default"].object,type:PropTypes__default["default"].oneOf(["text","date","number",null]),roleType:PropTypes__default["default"].oneOf(["input","datepicker","input-number","textarea"]),validators:PropTypes__default["default"].arrayOf(PropTypes__default["default"].func),isInputNumber:PropTypes__default["default"].bool,inputMode:PropTypes__default["default"].oneOf(["none","text","decimal","numeric"])};var ListDeclarationsWrapper=function(e){var n=e.id,t=e.label,a=e.preferences,i=e.response,o=e.options,d=e.handleChange,r=e.disabled,s=e.focused,l=e.shortcut,u=e.declarations,c=e.features,f=e.bindings,p=e.management,m=e.style,g=e.positioning,h=e.type,b=e.hasSpecificHandler,y=e.logFunction,w=React.useRef(),x=React.useState(function(){return getResponseByPreference(a)(i)}),v=_slicedToArray(x,2),k=v[0],E=v[1],S=p&&"checkbox"===h?[].concat(_toConsumableArray(o),[{label:"NR",value:"_N_R_"}]):o,C=function(n){var e=i.values,t=_slicedToArray(Object.entries(n)[0],2),o=t[0],d=t[1],r=e[a[a.length-1]]===d?null:d;T(_defineProperty({},o,r)),p?E(getResponseByPreference(a)(buildLocalResponse(i,r))):E(r)},T=debounce__default["default"](function(e){return d(e)},50),N=function(e){var t=_defineProperty({},getResponseName(i),e);b?C(t):(E(e),T(t)),isFunction(y)&&y(createObjectEvent("".concat(h,"-").concat(n,"-").concat(e),INPUT_CATEGORY,EVENT_SELECTION,getResponseName(i),e))};React.useEffect(function(){getResponseByPreference(a)(i)!==k&&E(getResponseByPreference(a)(i))},[i,a]),React.useEffect(function(){s&&w.current.focus()},[s]);var R=m.fieldsetStyle,_=m.modalityStyle;return/*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment,null,/*#__PURE__*/React__default["default"].createElement(Declarations,{id:n,type:BEFORE_QUESTION_TEXT,declarations:u,features:c,bindings:f}),/*#__PURE__*/React__default["default"].createElement("div",{className:"field-container"},/*#__PURE__*/React__default["default"].createElement("div",{className:"".concat(p?"field-with-tooltip":"field")},/*#__PURE__*/React__default["default"].createElement("fieldset",{key:"".concat(h,"-").concat(n),className:"".concat(h,"-group-list"),style:buildStyleObject(R)},/*#__PURE__*/React__default["default"].createElement("legend",null,interpret(c,y)(f)(t)),/*#__PURE__*/React__default["default"].createElement(Declarations,{id:n,type:AFTER_QUESTION_TEXT,declarations:u,features:c,bindings:f}),S.map(function(e,t){var a=e.label,i=e.value,d=k===i,s=interpret(c,y)(f)(a),u=10>o.length?"".concat(t+1):getAlphabet()[t];return/*#__PURE__*/React__default["default"].createElement("div",{key:"".concat(h,"-").concat(n,"-").concat(i),className:"".concat(h,"-modality ").concat(h,"-modality-block ").concat(getItemsPositioningClass(g)," ").concat(d?"content-checked":""," ").concat("_N_R_"===i?"modality_NR":"")},/*#__PURE__*/React__default["default"].createElement(Icon$1,{type:h,checked:d,disabled:r},/*#__PURE__*/React__default["default"].createElement("input",{type:h,name:"".concat(h,"-").concat(n),ref:0===t||d?w:null,id:"".concat(h,"-").concat(n,"-").concat(i),"aria-labelledby":"input-label-".concat(n,"-").concat(i),className:"".concat(h,"-lunatic"),style:buildStyleObject(m),checked:d,disabled:r,onChange:function(){return N(i)}}),/*#__PURE__*/React__default["default"].createElement("label",{htmlFor:"".concat(h,"-").concat(n,"-").concat(i),id:"input-label-".concat(n,"-").concat(i),style:d?buildStyleObject(_):{},className:"modality-label"},l&&/*#__PURE__*/React__default["default"].createElement("span",{className:"code-modality"},u.toUpperCase()),s)),l&&/*#__PURE__*/React__default["default"].createElement(KeyboardEventHandler__default["default"],{handleKeys:[u.toLowerCase()],onKeyEvent:function(n,t){t.preventDefault(),N(i)},handleFocusableElements:!0}))}))),p&&/*#__PURE__*/React__default["default"].createElement("div",{className:"tooltip"},/*#__PURE__*/React__default["default"].createElement(TooltipResponse,{id:n,response:buildMultiTooltipResponse(S)(i)}))),/*#__PURE__*/React__default["default"].createElement(Declarations,{id:n,type:DETACHABLE,declarations:u,features:c,bindings:f}))};ListDeclarationsWrapper.defaultProps={label:"",preferences:["COLLECTED"],response:{},options:[],disabled:!1,focused:!1,positioning:"DEFAULT",declarations:[],features:[],bindings:{},management:!1,style:{fieldsetStyle:{},modalityStyle:{}}},ListDeclarationsWrapper.propTypes={id:PropTypes__default["default"].string.isRequired,label:PropTypes__default["default"].string,preferences:PropTypes__default["default"].arrayOf(valueType),response:response,options:options,handleChange:PropTypes__default["default"].func.isRequired,disabled:PropTypes__default["default"].bool,focused:PropTypes__default["default"].bool,positioning:PropTypes__default["default"].oneOf(["DEFAULT","HORIZONTAL","VERTICAL"]),declarations:declarations,features:PropTypes__default["default"].arrayOf(PropTypes__default["default"].string),bindings:PropTypes__default["default"].object,management:PropTypes__default["default"].bool,style:PropTypes__default["default"].object,type:PropTypes__default["default"].oneOf(["radio","checkbox"])};var SimpleDeclarationsWrapper=function(e){var n=e.id,t=e.declarations,a=e.features,i=e.bindings,o=e.children;return/*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment,null,/*#__PURE__*/React__default["default"].createElement(Declarations,{id:n,type:BEFORE_QUESTION_TEXT,declarations:t,features:a,bindings:i}),o,/*#__PURE__*/React__default["default"].createElement(Declarations,{id:n,type:AFTER_QUESTION_TEXT,declarations:t,features:a,bindings:i}),/*#__PURE__*/React__default["default"].createElement(Declarations,{id:n,type:DETACHABLE,declarations:t,features:a,bindings:i}))};SimpleDeclarationsWrapper.defaultProps={declarations:[],features:[],bindings:{}},SimpleDeclarationsWrapper.propTypes={id:PropTypes__default["default"].string.isRequired,declarations:declarations,features:PropTypes__default["default"].arrayOf(PropTypes__default["default"].string),bindings:PropTypes__default["default"].object,children:PropTypes__default["default"].element.isRequired};var CheckboxOne=function(e){return/*#__PURE__*/React__default["default"].createElement(ListDeclarationsWrapper,_extends({type:"checkbox"},e,{hasSpecificHandler:!0}))},one=componentWrapper(/*#__PURE__*/React__default["default"].memo(CheckboxOne,areEqual)),css_248z$g="";styleInject(css_248z$g);var Datepicker=function(e){return/*#__PURE__*/React__default["default"].createElement(InputDeclarationsWrapper,_extends({type:"date",roleType:"datepicker"},e,{validators:[getTypeControls]}))};Datepicker.defaultProps={validators:[]},Datepicker.propTypes={validators:PropTypes__default["default"].arrayOf(PropTypes__default["default"].func)};var component$6=componentWrapper(/*#__PURE__*/React__default["default"].memo(Datepicker,areEqual));function createCommonjsModule(e,n){return n={exports:{}},e(n,n.exports),n.exports}var classnames=createCommonjsModule(function(e){/*!
|
|
760
760
|
Copyright (c) 2018 Jed Watson.
|
|
761
761
|
Licensed under the MIT License (MIT), see
|
|
762
762
|
http://jedwatson.github.io/classnames
|