@inseefr/lunatic 0.3.8-experimental → 0.3.9-experimental
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
CHANGED
|
@@ -780,7 +780,7 @@ return t?[t].concat(_toConsumableArray(d)):d},_excluded$2=["componentType","main
|
|
|
780
780
|
// U.lastLoopChildLineIsEmpty(bindings)(involvedVariables)
|
|
781
781
|
// }
|
|
782
782
|
,onClick:function(){var e=k.reduce(function(e,n){var t=n.name;return _objectSpread2(_objectSpread2({},e),{},_defineProperty({},t,[].concat(_toConsumableArray(l[t]),[null])))},{});o(e)},id:t,logFunction:null===p||void 0===p?void 0:p.logFunction}),/*#__PURE__*/React__default["default"].createElement(Declarations,{id:t,type:DETACHABLE,declarations:r,features:s,bindings:l}))};LoopConstructorWrapper.defaultProps={label:"",preferences:["COLLECTED"],components:[],lines:{},positioning:"DEFAULT",declarations:[],features:[],bindings:{},addBtnLabel:"Add a line",management:!1,hideBtn:!1,style:{}},LoopConstructorWrapper.propTypes={componentType:PropTypes__default["default"].string.isRequired,id:PropTypes__default["default"].string.isRequired,label:PropTypes__default["default"].string,preferences:PropTypes__default["default"].arrayOf(valueType),components:PropTypes__default["default"].array,handleChange:PropTypes__default["default"].func.isRequired,lines:lines,positioning:PropTypes__default["default"].oneOf(["DEFAULT","HORIZONTAL","VERTICAL"]),declarations:declarations,features:PropTypes__default["default"].arrayOf(PropTypes__default["default"].string),bindings:PropTypes__default["default"].object,addBtnLabel:PropTypes__default["default"].string,hideBtn:PropTypes__default["default"].bool,management:PropTypes__default["default"].bool,style:PropTypes__default["default"].object};var LoopConstructorWrapper$1=/*#__PURE__*/React__default["default"].memo(LoopConstructorWrapper,areEqual),css_248z$8=".lunatic-component .block-for-loop {\n margin-top: 1em;\n margin-bottom: 1em;\n}\n.lunatic-component .block-for-loop .block-component {\n margin-top: 0.4em;\n margin-bottom: 0.4em;\n}";styleInject(css_248z$8);var BlockForLoop=function(e){return/*#__PURE__*/React__default["default"].createElement(LoopConstructorWrapper$1,e)},BlockForLoop$1=componentWrapper(/*#__PURE__*/React__default["default"].memo(BlockForLoop)),LoopWrapper=function(e){var n=e.iterations;return n?/*#__PURE__*/React__default["default"].createElement(Loop$1,e):/*#__PURE__*/React__default["default"].createElement(BlockForLoop$1,e)},RosterForLoop=function(e){return/*#__PURE__*/React__default["default"].createElement(LoopConstructorWrapper$1,e)},component$3=componentWrapper(/*#__PURE__*/React__default["default"].memo(RosterForLoop)),css_248z$7=".lunatic-component .sequence-lunatic {\n padding: 0;\n font-size: 0.875rem;\n color: var(--color-primary-light);\n background-color: var(--color-secondary-contrast-text);\n border: 0;\n height: 1.875rem;\n}";styleInject(css_248z$7);var Sequence=function(e){var n=e.id,t=e.label,a=e.declarations,i=e.features,o=e.bindings,d=e.style,r=e.logFunction;return/*#__PURE__*/React__default["default"].createElement(SimpleDeclarationsWrapper,{id:n,declarations:a,features:i,bindings:o},/*#__PURE__*/React__default["default"].createElement("div",{"aria-label":"sequence-".concat(n),className:"sequence-lunatic",style:buildStyleObject(d),id:"sequence-".concat(n)},interpret(i,r)(o)(t)))};Sequence.defaultProps={declarations:[],features:[],bindings:{},style:{}},Sequence.propTypes={id:PropTypes__default["default"].string.isRequired,label:PropTypes__default["default"].string.isRequired,declarations:declarations,features:PropTypes__default["default"].arrayOf(PropTypes__default["default"].string),bindings:PropTypes__default["default"].object,style:PropTypes__default["default"].object};var component$2=/*#__PURE__*/React__default["default"].memo(Sequence,areEqual),Subsequence=function(e){var n=e.id,t=e.label,a=e.declarations,i=e.features,o=e.bindings,d=e.style,r=e.logFunction;return/*#__PURE__*/React__default["default"].createElement(SimpleDeclarationsWrapper,{id:n,declarations:a,features:i,bindings:o},/*#__PURE__*/React__default["default"].createElement("div",_defineProperty({"aria-label":"subsequence-".concat(n),className:"subsequence-lunatic",style:buildStyleObject(d)},"aria-label","subsequence-".concat(n)),interpret(i,r)(o)(t)))};Subsequence.defaultProps={declarations:[],features:[],bindings:{},style:{}},Subsequence.propTypes={id:PropTypes__default["default"].string.isRequired,label:PropTypes__default["default"].string.isRequired,declarations:declarations,features:PropTypes__default["default"].arrayOf(PropTypes__default["default"].string),bindings:PropTypes__default["default"].object,style:PropTypes__default["default"].object};var component$1=/*#__PURE__*/React__default["default"].memo(Subsequence,areEqual),ON_INIT="lunatic-suggester/on-init",onInit=function(e){var n=e.id,t=e.disabled,a=e.value;return{type:ON_INIT,payload:{id:n,disabled:t,value:a}}},ON_CHANGE_SEARCH="lunatic-suggester/on-change-search",onChangeSearch=function(e){return{type:ON_CHANGE_SEARCH,payload:{search:e}}},ON_UPDATE_OPTIONS="lunatic-suggester/on-update-options",onUpdateOptions=function(e,n){return{type:ON_UPDATE_OPTIONS,payload:{options:e,search:n}}},ON_FOCUS="lunatic-suggester/on-focus",onFocus=function(){return{type:ON_FOCUS}},ON_BLUR="lunatic-suggester/on-blur",onBlur=function(){return{type:ON_BLUR}},ON_CLICK_OPTION="lunatic-suggester/on-click-option",onClickOption=function(e){return{type:ON_CLICK_OPTION,payload:{index:e}}},ON_KEY_DOWN="lunatic-suggester/on-key-down",onKeyDown=function(e){return{type:ON_KEY_DOWN,payload:{key:e}}},ON_ERROR="lunatic-suggester/on-error",onError=function(e){return{type:ON_ERROR,payload:{message:e}}},ON_DELETE_SEARCH="lunatic-suggester/on-delete-search",onDeleteSearch=function(){return{type:ON_DELETE_SEARCH}};function reduce$9(e,n){var t=n.payload,a=t.search;return _objectSpread2(_objectSpread2({},e),{},{search:a,selectedIndex:void 0})}function reduce$8(e,n){var t=n.payload,a=t.options,i=t.search,o=e.search;return o===i?_objectSpread2(_objectSpread2({},e),{},{options:a}):_objectSpread2(_objectSpread2({},e),{},{options:[]})}function reduce$7(e){return _objectSpread2(_objectSpread2({},e),{},{focused:!0,expended:!0,displayLabel:!1})}function reduce$6(e){return _objectSpread2(_objectSpread2({},e),{},{focused:!1,expended:!1,displayLabel:!0})}function reduce$5(e,n){var t=n.payload,a=t.index;return _objectSpread2(_objectSpread2({},e),{},{selectedIndex:a,expended:!1})}var BINDED_KEYS={ArrowUp:"ArrowUp",ArrowDown:"ArrowDown",Home:"Home",End:"End",Enter:"Enter",Escape:"Escape",Tab:"Tab"};function reduceArrowDown(e){var n=e.options,t=e.selectedIndex;if(n.length){var a=Math.min(t+1||0,n.length-1);return _objectSpread2(_objectSpread2({},e),{},{selectedIndex:a,expended:!0,displayLabel:!0})}return e}function reduceArrowUp(e){var n=e.selectedIndex,t=e.options;if(t.length){var a=Math.max(n-1||0,0);return _objectSpread2(_objectSpread2({},e),{},{selectedIndex:a,expended:!0,displayLabel:!0})}return e}function reduceHome(e){var n=e.options;return n.length?_objectSpread2(_objectSpread2({},e),{},{selectedIndex:0,expended:!0}):e}function reduceEnd(e){var n=e.options;return n.length?_objectSpread2(_objectSpread2({},e),{},{selectedIndex:n.length-1,expended:!0}):e}function reduceTab(e){return _objectSpread2(_objectSpread2({},e),{},{focused:!1,expended:!1})}function reduceEnter(e){var n=e.expended;return _objectSpread2(_objectSpread2({},e),{},{expended:!n})}function reduceEscape(e){return _objectSpread2(_objectSpread2({},e),{},{expended:!1})}function reduce$4(e,n){var t=n.payload,a=t.key;return a===BINDED_KEYS.ArrowDown?reduceArrowDown(e):a===BINDED_KEYS.ArrowUp?reduceArrowUp(e):a===BINDED_KEYS.Home?reduceHome(e):a===BINDED_KEYS.End?reduceEnd(e):a===BINDED_KEYS.Tab?reduceTab(e):a===BINDED_KEYS.Enter?reduceEnter(e):a===BINDED_KEYS.Escape?reduceEscape(e):e}function getStringValue(e){return e?"".concat(e):""}function getId(){return"lunatic-suggester-".concat(new Date().getTime())}function reduce$3(e,n){var t=n.payload,a=t.id,i=t.disabled,o=t.value,d=e.search;return o&&0===d.length?_objectSpread2(_objectSpread2({},e),{},{id:a||getId(),disabled:i,search:getStringValue(o)}):_objectSpread2(_objectSpread2({},e),{},{id:a||getId(),disabled:i})}function reduce$2(e,n){var t=n.payload,a=t.message;return _objectSpread2(_objectSpread2({},e),{},{messageError:a})}function reduce$1(e){return _objectSpread2(_objectSpread2({},e),{},{search:"",selectedIndex:void 0,options:[],expanded:!1})}function reduce(e,n){var t=n.type;return t===ON_CHANGE_SEARCH?reduce$9(e,n):t===ON_UPDATE_OPTIONS?reduce$8(e,n):t===ON_FOCUS?reduce$7(e):t===ON_BLUR?reduce$6(e):t===ON_CLICK_OPTION?reduce$5(e,n):t===ON_KEY_DOWN?reduce$4(e,n):t===ON_INIT?reduce$3(e,n):t===ON_ERROR?reduce$2(e,n):t===ON_DELETE_SEARCH?reduce$1(e):e}var context=/*#__PURE__*/React__default["default"].createContext([void 0,void 0]),INITIAL={id:"",search:"",options:[],focused:!1,expended:!1,disabled:!1,displayLabel:!0,selectedIndex:void 0,messageError:void 0};function useDispatch(){var e=React.useContext(context),n=e[1];return n}var CALLBACKS={};function getSignature(e){var n=1<arguments.length&&arguments[1]!==void 0?arguments[1]:{};return Object.entries(n).reduce(function(e,n){var t=_slicedToArray(n,2),a=t[0],i=t[1];return"".concat(e,"-").concat(a,"-").concat(i)},e)}function createListener(e,n){var t=getSignature(e,n),a=function(n){if(t in CALLBACKS){var e=CALLBACKS[t].callbacks;e.forEach(function(e){e(n)})}};return document.addEventListener(e,a,n),a}function unmount(e,n,t){var a=getSignature(e,t);if(a in CALLBACKS){var i=CALLBACKS[a],o=i.listener,d=i.callbacks,r=d.indexOf(n);CALLBACKS[a].callbacks.splice(r,1),0===CALLBACKS[a].callbacks.length&&(delete CALLBACKS[a],document.removeEventListener(e,o))}}function mount(e,n,t){var a=getSignature(e,t);if(!(a in CALLBACKS)){var i=createListener(e,t);CALLBACKS[a]={listener:i,callbacks:[n]}}else CALLBACKS[a]=_objectSpread2(_objectSpread2({},CALLBACKS[a]),{},{callbacks:[].concat(_toConsumableArray(CALLBACKS[a].callbacks),[n])})}function useDocumentAddEventListener(e,n,t){React.useEffect(function(){return mount(e,n,t),function(){unmount(e,n,t)}},[e,n,t])}function SuggesterContent(e){var n=e.children;e.id;var t=e.focused,a=e.onFocus,i=e.onBlur,o=e.onKeyDown,d=React.useRef(),r=React.useCallback(function(n){var e=d.current;!e.contains(n.target)&&t&&i()},[d,t,i]);return useDocumentAddEventListener("mousedown",r),/*#__PURE__*/React__default["default"].createElement("div",{className:classnames("lunatic-suggester",{focused:t}),onFocus:a,onKeyDown:o,ref:d},/*#__PURE__*/React__default["default"].createElement("div",{className:classnames("lunatic-suggester-content",{focused:t})},n))}function getContent$1(e,n){if(e){var t=e.id,a=e.label;return a?"".concat(t," - ").concat(a):t}return n&&n.trim().length?n:void 0}function DefaultLabelRenderer(e){var n=e.option,t=e.placeholderList,a=e.search,i=getContent$1(n,a);return i?/*#__PURE__*/React__default["default"].createElement("span",{className:"selection"},i):/*#__PURE__*/React__default["default"].createElement("span",{className:"placeholderList"},t)}DefaultLabelRenderer.propTypes={option:PropTypes__default["default"].shape({id:PropTypes__default["default"].oneOfType([PropTypes__default["default"].string,PropTypes__default["default"].number]).isRequired}),placeholderList:PropTypes__default["default"].string,search:PropTypes__default["default"].string};function Label$1(e){var n=e.labelRenderer,t=void 0===n?DefaultLabelRenderer:n,a=e.placeholderList,i=React.useContext(context),o=_slicedToArray(i,1),d=o[0],r=d.displayLabel,s=d.expended,l=d.selectedIndex,u=d.options,c=d.search,f=d.disabled,p=l===void 0?void 0:u[l];return/*#__PURE__*/React__default["default"].createElement("div",{className:classnames("lunatic-suggester-selected",{displayed:r||!s,disabled:f}),tabIndex:"-1"},/*#__PURE__*/React__default["default"].createElement(t,{option:p,placeholderList:a,search:c}))}function Selection(e,n){var t=e.labelRenderer,a=e.placeholderList,i=e.labelledBy,o=React.useContext(context),d=_slicedToArray(o,2),r=d[0],s=d[1],l=r.search,u=r.expended,c=r.id,f=r.disabled,p=r.focused;return/*#__PURE__*/React__default["default"].createElement("div",{id:c,className:classnames("lunatic-suggester-selection",{focused:p,disabled:f}),role:"combobox","aria-haspopup":"listbox","aria-labelledby":i,"aria-expanded":u,"aria-autocomplete":"list","aria-owns":"".concat(c,"-list")},/*#__PURE__*/React__default["default"].createElement("input",{ref:n,id:"".concat(c,"-input"),tabIndex:"0",className:"lunatic-suggester-input",type:"text",onChange:function(n){s(onChangeSearch(n.target.value))},value:l,"aria-label":"lunatic-suggester",title:"suggester",autoComplete:"off",autoCapitalize:"off",autoCorrect:"off",spellCheck:"false",placeholderlist:a,disabled:f}),/*#__PURE__*/React__default["default"].createElement(Label$1,{labelRenderer:t,placeholderList:a}))}var Selection$1=/*#__PURE__*/React__default["default"].forwardRef(Selection);function PanelContainer(e){var n=e.children,t=e.focused,a=e.expended,i=e.id;return/*#__PURE__*/React__default["default"].createElement("ul",{id:i,tabIndex:"-1","aria-label":"suggestions",className:classnames("lunatic-suggester-panel",{focused:t,expended:a}),role:"listbox"},n)}function getMin(e){var n=e.top;return n}function getMax(e){var n=e.top,t=e.height;return n+t}function isVisible(e,n){var t=Math.min(getMin(e),getMin(n)),a=Math.max(getMax(e),getMax(n));return!!(a-t<e.height+n.height)}function OptionContainer(e){var n=e.children,t=e.index,a=e.selected,i=React.useRef(),o=useDispatch();return React.useEffect(function(){var e=i.current;if(e&&a){var n=e.getBoundingClientRect(),t=e.parentNode.getBoundingClientRect();isVisible(n,t)||e.scrollIntoView()}},[i,a]),/*#__PURE__*/React__default["default"].createElement("li",{className:classnames("lunatic-suggester-option",{selected:a}),role:"option","aria-selected":a,onMouseDown:function(n){n.stopPropagation(),n.preventDefault(),o(onClickOption(t))},ref:i},n)}function getContent(e){var n=e.options,t=e.OptionRender,a=e.selectedIndex,i=e.expended,o=e.value,d=e.search;return i?n.map(function(e,n){var i=e.id;return/*#__PURE__*/React__default["default"].createElement(OptionContainer,{key:i,index:n,selected:i===o},/*#__PURE__*/React__default["default"].createElement(t,{option:e,selected:a===n,search:d}))}):void 0}function Panel(e){var n=e.optionRenderer,t=e.value,a=React.useContext(context),i=_slicedToArray(a,1),o=i[0],d=o.options,r=o.focused,s=o.selectedIndex,l=o.expended,u=o.id,c=o.search,f=getContent({options:d,OptionRender:n,selectedIndex:s,expended:l,value:t,search:c});return/*#__PURE__*/React__default["default"].createElement(PanelContainer,{expended:l,focused:r,id:"".concat(u,"-list")},f)}function DefaultOptionRenderer(e){var n=e.option,t=e.selected,a=n.id,i=n.label;return i&&i.length?/*#__PURE__*/React__default["default"].createElement("div",{className:classnames("lunatic-suggester-option",{selected:t})},/*#__PURE__*/React__default["default"].createElement("span",{className:"id"},a),i&&/*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment,null,/*#__PURE__*/React__default["default"].createElement("span",null," - "),/*#__PURE__*/React__default["default"].createElement("span",{className:"label"},i))):/*#__PURE__*/React__default["default"].createElement("div",{className:classnames("lunatic-suggester-option",{selected:t})},/*#__PURE__*/React__default["default"].createElement("span",{className:"id"},a))}function create$1(n){return function(t){var e=t.key;e===BINDED_KEYS.Tab?(t.stopPropagation(),n(onKeyDown(e))):e===BINDED_KEYS.ArrowDown||e===BINDED_KEYS.ArrowUp||e===BINDED_KEYS.Home||e===BINDED_KEYS.End||e===BINDED_KEYS.Enter||e===BINDED_KEYS.Escape?(t.preventDefault(),t.stopPropagation(),n(onKeyDown(e))):void 0}}var css_248z$6=".lunatic-fab {\n width: 32px;\n height: 32px;\n border-radius: 50%;\n margin: 0;\n padding: 0;\n outline: inherit;\n border: none;\n background-color: royalblue;\n box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);\n}\n.lunatic-fab:hover {\n cursor: pointer;\n background-color: navy;\n transition: background-color 1s;\n}\n.lunatic-fab.mini {\n width: 18px;\n height: 18px;\n}\n.lunatic-fab:focus {\n border: solid 1px black;\n}\n.lunatic-fab:disabled {\n cursor: default;\n background-color: darkgray;\n}";styleInject(".lunatic-fab {\n width: 32px;\n height: 32px;\n border-radius: 50%;\n margin: 0;\n padding: 0;\n outline: inherit;\n border: none;\n background-color: royalblue;\n box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);\n}\n.lunatic-fab:hover {\n cursor: pointer;\n background-color: navy;\n transition: background-color 1s;\n}\n.lunatic-fab.mini {\n width: 18px;\n height: 18px;\n}\n.lunatic-fab:focus {\n border: solid 1px black;\n}\n.lunatic-fab:disabled {\n cursor: default;\n background-color: darkgray;\n}");function empty$2(){}function Fab(e){var n=e.className,t=e.children,a=e.tabIndex,i=e.title,o=e.onClick,d=e.onKeyDown,r=e.disabled;return/*#__PURE__*/React__default["default"].createElement("button",{className:classnames("lunatic-fab",n),tabIndex:a,title:i,onClick:o,onKeyDown:d,disabled:r,"aria-label":i},t)}Fab.propTypes={className:PropTypes__default["default"].string,tabIndex:PropTypes__default["default"].string,onClick:PropTypes__default["default"].func,onKeyDown:PropTypes__default["default"].func,title:PropTypes__default["default"].string,disabled:PropTypes__default["default"].bool},Fab.defaultProps={className:void 0,tabIndex:void 0,title:"Fab",onClick:empty$2,disabled:!1,onKeyDown:empty$2};function isDisabled(e){return!e||0===e.trim().length}function createOnKeyDown(n){return"function"==typeof n?function(t){var e=t.key;"Enter"===e&&n()}:function(){return null}}function Delete(e){var n=e.className,t=e.search,a=e.onClick,i=React.useMemo(function(){return createOnKeyDown(a)},[a]);return/*#__PURE__*/React__default["default"].createElement(Fab,{className:classnames("mini","lunatic-suggester-fab",n),tabIndex:"0",title:"delete",onClick:a,disabled:isDisabled(t),onKeyDown:i},/*#__PURE__*/React__default["default"].createElement(CrossIcon$2,{className:"lunatic-suggester-icon"}))}var css_248z$5=".lunatic-suggester-container {\n position: relative;\n width: 100%;\n}\n.lunatic-suggester-container .lunatic-suggester-fab {\n position: absolute;\n right: 4px;\n top: 8px;\n z-index: 0;\n}\n.lunatic-suggester-container .lunatic-suggester-fab.focused {\n z-index: 1;\n}\n.lunatic-suggester-container .lunatic-suggester-fab .lunatic-icon svg {\n fill: white;\n width: 16px;\n height: 16px;\n}\n.lunatic-suggester-container .lunatic-suggester {\n position: relative;\n z-index: 0;\n}\n.lunatic-suggester-container .lunatic-suggester:focus {\n outline: none;\n}\n.lunatic-suggester-container .lunatic-suggester.focused {\n z-index: 1;\n}\n.lunatic-suggester-container .lunatic-suggester .lunatic-suggester-content {\n position: absolute;\n width: 100%;\n}\n.lunatic-suggester-container .lunatic-suggester .lunatic-suggester-content .lunatic-suggester-selection {\n position: relative;\n}\n.lunatic-suggester-container .lunatic-suggester .lunatic-suggester-content .lunatic-suggester-selection .lunatic-suggester-input {\n border: none;\n margin: 0;\n padding: 0;\n background-color: transparent;\n width: 100%;\n /* */\n}\n.lunatic-suggester-container .lunatic-suggester .lunatic-suggester-content .lunatic-suggester-selection .lunatic-suggester-input:focus {\n outline: none;\n}\n.lunatic-suggester-container .lunatic-suggester .lunatic-suggester-content .lunatic-suggester-selection .lunatic-suggester-selected {\n position: absolute;\n top: 0;\n white-space: nowrap;\n overflow-x: hidden;\n width: 100%;\n height: 100%;\n display: none;\n}\n.lunatic-suggester-container .lunatic-suggester .lunatic-suggester-content .lunatic-suggester-selection .lunatic-suggester-selected.displayed {\n display: block;\n}\n.lunatic-suggester-container .lunatic-suggester .lunatic-suggester-content ul,\n.lunatic-suggester-container .lunatic-suggester .lunatic-suggester-content li,\n.lunatic-suggester-container .lunatic-suggester .lunatic-suggester-content div,\n.lunatic-suggester-container .lunatic-suggester .lunatic-suggester-content span {\n margin: 0;\n padding: 0;\n border: none;\n line-height: 1em;\n list-style: none;\n}\n.lunatic-suggester-container .lunatic-suggester .lunatic-suggester-content .lunatic-suggester-panel:focus {\n outline: none;\n}\n.lunatic-suggester-container .lunatic-suggester .lunatic-suggester-content .lunatic-suggester-panel .lunatic-suggester-option {\n white-space: nowrap;\n -moz-user-select: -moz-none;\n -khtml-user-select: none;\n -webkit-user-select: none;\n}";styleInject(".lunatic-suggester-container {\n position: relative;\n width: 100%;\n}\n.lunatic-suggester-container .lunatic-suggester-fab {\n position: absolute;\n right: 4px;\n top: 8px;\n z-index: 0;\n}\n.lunatic-suggester-container .lunatic-suggester-fab.focused {\n z-index: 1;\n}\n.lunatic-suggester-container .lunatic-suggester-fab .lunatic-icon svg {\n fill: white;\n width: 16px;\n height: 16px;\n}\n.lunatic-suggester-container .lunatic-suggester {\n position: relative;\n z-index: 0;\n}\n.lunatic-suggester-container .lunatic-suggester:focus {\n outline: none;\n}\n.lunatic-suggester-container .lunatic-suggester.focused {\n z-index: 1;\n}\n.lunatic-suggester-container .lunatic-suggester .lunatic-suggester-content {\n position: absolute;\n width: 100%;\n}\n.lunatic-suggester-container .lunatic-suggester .lunatic-suggester-content .lunatic-suggester-selection {\n position: relative;\n}\n.lunatic-suggester-container .lunatic-suggester .lunatic-suggester-content .lunatic-suggester-selection .lunatic-suggester-input {\n border: none;\n margin: 0;\n padding: 0;\n background-color: transparent;\n width: 100%;\n /* */\n}\n.lunatic-suggester-container .lunatic-suggester .lunatic-suggester-content .lunatic-suggester-selection .lunatic-suggester-input:focus {\n outline: none;\n}\n.lunatic-suggester-container .lunatic-suggester .lunatic-suggester-content .lunatic-suggester-selection .lunatic-suggester-selected {\n position: absolute;\n top: 0;\n white-space: nowrap;\n overflow-x: hidden;\n width: 100%;\n height: 100%;\n display: none;\n}\n.lunatic-suggester-container .lunatic-suggester .lunatic-suggester-content .lunatic-suggester-selection .lunatic-suggester-selected.displayed {\n display: block;\n}\n.lunatic-suggester-container .lunatic-suggester .lunatic-suggester-content ul,\n.lunatic-suggester-container .lunatic-suggester .lunatic-suggester-content li,\n.lunatic-suggester-container .lunatic-suggester .lunatic-suggester-content div,\n.lunatic-suggester-container .lunatic-suggester .lunatic-suggester-content span {\n margin: 0;\n padding: 0;\n border: none;\n line-height: 1em;\n list-style: none;\n}\n.lunatic-suggester-container .lunatic-suggester .lunatic-suggester-content .lunatic-suggester-panel:focus {\n outline: none;\n}\n.lunatic-suggester-container .lunatic-suggester .lunatic-suggester-content .lunatic-suggester-panel .lunatic-suggester-option {\n white-space: nowrap;\n -moz-user-select: -moz-none;\n -khtml-user-select: none;\n -webkit-user-select: none;\n}");function Suggester$1(e){var n=e.className,t=e.placeholderList,a=e.labelledBy,i=e.optionRenderer,o=e.labelRenderer,d=e.onSelect,r=e.value,s=e.focused,l=e.response,u=e.logFunction,c=React.useRef(),f=React.useContext(context),p=_slicedToArray(f,2),m=p[0],g=p[1],h=m.focused,b=m.id,y=m.messageError,w=m.search,x=m.disabled,v=React.useState(!1),k=_slicedToArray(v,2),E=k[0],S=k[1],C=function(){var e=!(0<arguments.length&&arguments[0]!==void 0)||arguments[0];return createObjectEvent("suggester-".concat(b),INPUT_CATEGORY,e?EVENT_FOCUS_IN:EVENT_FOCUS_OUT,getResponseName(l),r)},T=React.useCallback(function(){if(!h&&!x){if(c.current!==document.activeElement);c.current.focus(),g(onFocus())}},[x,g,h]);React.useEffect(function(){!E&&b&&(s&&!h&&T(),S(!0))},[h,E,s,T,b]),React.useEffect(function(){E&&b&&h&&isFunction(u)&&u(C()),E&&b&&!h&&isFunction(u)&&u(C(!1))},[h,b,E]);var N=React.useCallback(function(){g(onDeleteSearch()),d(void 0)},[g,d]),R=React.useCallback(function(){h&&g(onBlur())},[g,h]),P=React.useMemo(function(){return create$1(g)},[g]);return y?/*#__PURE__*/React__default["default"].createElement("div",{className:"lunatic-suggester-message-error"},y):/*#__PURE__*/React__default["default"].createElement("div",{className:classnames("lunatic-suggester-container",n)},/*#__PURE__*/React__default["default"].createElement(SuggesterContent,{id:b,focused:h,onFocus:T,onBlur:R,onKeyDown:P},/*#__PURE__*/React__default["default"].createElement(Selection$1,{labelRenderer:o,placeholderList:t,labelledBy:a,ref:c}),/*#__PURE__*/React__default["default"].createElement(Panel,{optionRenderer:i,value:r})),/*#__PURE__*/React__default["default"].createElement(Delete,{className:classnames({focused:h}),search:w,onClick:N}))}var css_248z$4=".lunatic-component .lunatic-suggester-message-error {\n border: solid 1px darkred;\n color: darkred;\n background-color: tomato;\n display: inline-block;\n border-radius: 3px;\n padding: 4px 8px;\n margin: 4px 4px;\n}\n.lunatic-component .lunatic-suggester-default-style.lunatic-suggester-container {\n margin-bottom: 10px;\n}\n.lunatic-component .lunatic-suggester-default-style.lunatic-suggester-container .lunatic-suggester {\n min-height: 30px;\n min-width: 260px;\n width: 100%;\n}\n.lunatic-component .lunatic-suggester-default-style.lunatic-suggester-container .lunatic-suggester .lunatic-suggester-content {\n /* */\n /* */\n /* */\n}\n.lunatic-component .lunatic-suggester-default-style.lunatic-suggester-container .lunatic-suggester .lunatic-suggester-content .lunatic-suggester-selection {\n border-radius: 5px;\n border: 2px solid var(--color-primary-dark);\n background-color: white;\n}\n.lunatic-component .lunatic-suggester-default-style.lunatic-suggester-container .lunatic-suggester .lunatic-suggester-content .lunatic-suggester-selection:hover {\n border-color: var(--color-primary-main);\n}\n.lunatic-component .lunatic-suggester-default-style.lunatic-suggester-container .lunatic-suggester .lunatic-suggester-content .lunatic-suggester-selection .lunatic-suggester-input {\n height: 34;\n line-height: 34px;\n font-size: 15px;\n padding-left: 4px;\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n}\n.lunatic-component .lunatic-suggester-default-style.lunatic-suggester-container .lunatic-suggester .lunatic-suggester-content .lunatic-suggester-selection .lunatic-suggester-input::placeholderlist {\n color: gray;\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 15px;\n line-height: 34px;\n vertical-align: middle;\n font-weight: normal;\n}\n.lunatic-component .lunatic-suggester-default-style.lunatic-suggester-container .lunatic-suggester .lunatic-suggester-content .lunatic-suggester-selection .lunatic-suggester-selected {\n height: 34px;\n line-height: 34px;\n background-color: white;\n border-radius: 5px;\n padding-left: 4px;\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n}\n.lunatic-component .lunatic-suggester-default-style.lunatic-suggester-container .lunatic-suggester .lunatic-suggester-content .lunatic-suggester-selection .lunatic-suggester-selected .placeholderList {\n display: block;\n color: gray;\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 15px;\n line-height: 34px;\n vertical-align: middle;\n font-weight: normal;\n}\n.lunatic-component .lunatic-suggester-default-style.lunatic-suggester-container .lunatic-suggester .lunatic-suggester-content .lunatic-suggester-selection .lunatic-suggester-selected .selection {\n display: block;\n line-height: 34px;\n font-size: 15px;\n}\n.lunatic-component .lunatic-suggester-default-style.lunatic-suggester-container .lunatic-suggester .lunatic-suggester-content .lunatic-suggester-selection .lunatic-suggester-selected.disabled {\n background-color: var(--color-disabled);\n}\n.lunatic-component .lunatic-suggester-default-style.lunatic-suggester-container .lunatic-suggester .lunatic-suggester-content .lunatic-suggester-panel {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n height: 0;\n opacity: 0;\n background-color: white;\n transition: opacity 267ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 178ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n}\n.lunatic-component .lunatic-suggester-default-style.lunatic-suggester-container .lunatic-suggester .lunatic-suggester-content .lunatic-suggester-panel.expended {\n border: solid 1px var(--color-primary-light);\n opacity: 1;\n min-height: 30px;\n height: max-content;\n box-shadow: 0 2px 2px grey;\n border-radius: 4px;\n}\n.lunatic-component .lunatic-suggester-default-style.lunatic-suggester-container .lunatic-suggester .lunatic-suggester-content .lunatic-suggester-panel .lunatic-suggester-option {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n margin-bottom: 0.1em;\n line-height: 2rem;\n display: block;\n}\n.lunatic-component .lunatic-suggester-default-style.lunatic-suggester-container .lunatic-suggester .lunatic-suggester-content .lunatic-suggester-panel .lunatic-suggester-option.selected {\n color: var(--color-primary-dark);\n background-color: var(--color-dropdown-selected);\n}\n.lunatic-component .lunatic-suggester-default-style.lunatic-suggester-container .lunatic-suggester .lunatic-suggester-content .lunatic-suggester-panel .lunatic-suggester-option:hover {\n background-color: var(--color-primary-main);\n color: white;\n}";styleInject(".lunatic-component .lunatic-suggester-message-error {\n border: solid 1px darkred;\n color: darkred;\n background-color: tomato;\n display: inline-block;\n border-radius: 3px;\n padding: 4px 8px;\n margin: 4px 4px;\n}\n.lunatic-component .lunatic-suggester-default-style.lunatic-suggester-container {\n margin-bottom: 10px;\n}\n.lunatic-component .lunatic-suggester-default-style.lunatic-suggester-container .lunatic-suggester {\n min-height: 30px;\n min-width: 260px;\n width: 100%;\n}\n.lunatic-component .lunatic-suggester-default-style.lunatic-suggester-container .lunatic-suggester .lunatic-suggester-content {\n /* */\n /* */\n /* */\n}\n.lunatic-component .lunatic-suggester-default-style.lunatic-suggester-container .lunatic-suggester .lunatic-suggester-content .lunatic-suggester-selection {\n border-radius: 5px;\n border: 2px solid var(--color-primary-dark);\n background-color: white;\n}\n.lunatic-component .lunatic-suggester-default-style.lunatic-suggester-container .lunatic-suggester .lunatic-suggester-content .lunatic-suggester-selection:hover {\n border-color: var(--color-primary-main);\n}\n.lunatic-component .lunatic-suggester-default-style.lunatic-suggester-container .lunatic-suggester .lunatic-suggester-content .lunatic-suggester-selection .lunatic-suggester-input {\n height: 34;\n line-height: 34px;\n font-size: 15px;\n padding-left: 4px;\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n}\n.lunatic-component .lunatic-suggester-default-style.lunatic-suggester-container .lunatic-suggester .lunatic-suggester-content .lunatic-suggester-selection .lunatic-suggester-input::placeholderlist {\n color: gray;\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 15px;\n line-height: 34px;\n vertical-align: middle;\n font-weight: normal;\n}\n.lunatic-component .lunatic-suggester-default-style.lunatic-suggester-container .lunatic-suggester .lunatic-suggester-content .lunatic-suggester-selection .lunatic-suggester-selected {\n height: 34px;\n line-height: 34px;\n background-color: white;\n border-radius: 5px;\n padding-left: 4px;\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n}\n.lunatic-component .lunatic-suggester-default-style.lunatic-suggester-container .lunatic-suggester .lunatic-suggester-content .lunatic-suggester-selection .lunatic-suggester-selected .placeholderList {\n display: block;\n color: gray;\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n font-size: 15px;\n line-height: 34px;\n vertical-align: middle;\n font-weight: normal;\n}\n.lunatic-component .lunatic-suggester-default-style.lunatic-suggester-container .lunatic-suggester .lunatic-suggester-content .lunatic-suggester-selection .lunatic-suggester-selected .selection {\n display: block;\n line-height: 34px;\n font-size: 15px;\n}\n.lunatic-component .lunatic-suggester-default-style.lunatic-suggester-container .lunatic-suggester .lunatic-suggester-content .lunatic-suggester-selection .lunatic-suggester-selected.disabled {\n background-color: var(--color-disabled);\n}\n.lunatic-component .lunatic-suggester-default-style.lunatic-suggester-container .lunatic-suggester .lunatic-suggester-content .lunatic-suggester-panel {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif;\n height: 0;\n opacity: 0;\n background-color: white;\n transition: opacity 267ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 178ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n}\n.lunatic-component .lunatic-suggester-default-style.lunatic-suggester-container .lunatic-suggester .lunatic-suggester-content .lunatic-suggester-panel.expended {\n border: solid 1px var(--color-primary-light);\n opacity: 1;\n min-height: 30px;\n height: max-content;\n box-shadow: 0 2px 2px grey;\n border-radius: 4px;\n}\n.lunatic-component .lunatic-suggester-default-style.lunatic-suggester-container .lunatic-suggester .lunatic-suggester-content .lunatic-suggester-panel .lunatic-suggester-option {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n margin-bottom: 0.1em;\n line-height: 2rem;\n display: block;\n}\n.lunatic-component .lunatic-suggester-default-style.lunatic-suggester-container .lunatic-suggester .lunatic-suggester-content .lunatic-suggester-panel .lunatic-suggester-option.selected {\n color: var(--color-primary-dark);\n background-color: var(--color-dropdown-selected);\n}\n.lunatic-component .lunatic-suggester-default-style.lunatic-suggester-container .lunatic-suggester .lunatic-suggester-content .lunatic-suggester-panel .lunatic-suggester-option:hover {\n background-color: var(--color-primary-main);\n color: white;\n}");function getSearch(e,n){return e&&e.length?e:n}function SuggesterWrapper(e){var n=e.id,t=e.className,a=e.version,i=e.labelledBy,o=e.placeholderList,d=e.optionRenderer,r=e.onSelect,s=e.searching,l=e.labelRenderer,u=e.disabled,c=e.value,f=e.focused,p=e.response,m=e.logFunction,g=React.useReducer(reduce,INITIAL),h=_slicedToArray(g,2),b=h[0],y=h[1],w=b.search,x=b.selectedIndex,v=b.options,k=b.expended;return React.useEffect(function(){function e(){return n.apply(this,arguments)}function n(){return n=_asyncToGenerator(/*#__PURE__*/regeneratorRuntime.mark(function e(){var n,t,a,i;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(e.prev=0,n=getSearch(w,c),!(n&&"function"==typeof s)){e.next=11;break}return e.next=5,s(n);case 5:t=e.sent,a=t.results,i=t.search,y(onUpdateOptions(a,i)),e.next=12;break;case 11:y(onDeleteSearch());case 12:e.next=18;break;case 14:e.prev=14,e.t0=e["catch"](0),console.error(e.t0),y(onError("Une erreur est survenue."));case 18:case"end":return e.stop();}},e,null,[[0,14]])})),n.apply(this,arguments)}e()},[w,s,c]),React.useEffect(function(){void 0===x||k||r(v[x],x)},[x,r,v,k]),React.useEffect(function(){y(onInit({id:n,disabled:u,value:c}))},[n,u,c]),/*#__PURE__*/React__default["default"].createElement(context.Provider,{value:[b,y]},/*#__PURE__*/React__default["default"].createElement(Suggester$1,{className:t,placeholderList:o,version:a,labelledBy:i,optionRenderer:d,labelRenderer:l,onSelect:r,value:c,focused:f,response:p,logFunction:m}))}SuggesterWrapper.propTypes={id:PropTypes__default["default"].string,className:PropTypes__default["default"].string,placeholderList:PropTypes__default["default"].string,labelledBy:PropTypes__default["default"].string,optionRenderer:PropTypes__default["default"].func,labelRenderer:PropTypes__default["default"].func,onSelect:PropTypes__default["default"].func,storeInfo:PropTypes__default["default"].object,value:PropTypes__default["default"].oneOfType([PropTypes__default["default"].string,PropTypes__default["default"].number,PropTypes__default["default"].bool,PropTypes__default["default"].object]),searching:PropTypes__default["default"].func},SuggesterWrapper.defaultProps={id:void 0,className:"lunatic-suggester-default-style",labelledBy:void 0,placeholderList:"Veuillez...",optionRenderer:DefaultOptionRenderer,labelRenderer:DefaultLabelRenderer,language:"French",onSelect:function(){return null},value:void 0,searching:void 0};var WORKER_PATH=process.env.LUNATIC_SEARCH_WORKER_PATH||process.env.REACT_APP_LUNATIC_SEARCH_WORKER_PATH;function isWorkerCompatible(){return!!window.Worker}var searching=function(n){return function(e,t,a){if(!WORKER_PATH)throw new Error("Worker path is required for suggester's searches.");return isWorkerCompatible()?new Promise(function(i){try{n&&n.terminate(),n=createWorker(WORKER_PATH),n.postMessage({search:e,name:t,version:a}),n.addEventListener("message",function(t){var e=t.data;i(e),n.terminate(),n=void 0})}catch(n){//TODO
|
|
783
|
-
}}):void 0}};function createSearching(e,n){var t=searching(void 0);return/*#__PURE__*/function(){var a=_asyncToGenerator(/*#__PURE__*/regeneratorRuntime.mark(function i(a){return regeneratorRuntime.wrap(function(i){for(;;)switch(i.prev=i.next){case 0:return i.abrupt("return",t(a,e,n));case 1:case"end":return i.stop();}},i)}));return function(){return a.apply(this,arguments)}}()}function create(){return _create.apply(this,arguments)}function _create(){return _create=_asyncToGenerator(/*#__PURE__*/regeneratorRuntime.mark(function t(e,n){var a,i;return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return a=e.name,t.prev=1,t.next=4,openStorage(a,n);case 4:return i=t.sent,t.next=7,clearStore(i,CONSTANTES.STORE_INFO_NAME);case 7:return t.next=9,update(i,e);case 9:return t.abrupt("return",i);case 12:throw t.prev=12,t.t0=t["catch"](1),t.t0;case 15:case"end":return t.stop();}},t,null,[[1,12]])})),_create.apply(this,arguments)}function useStoreIndex(e,n){var t=React.useState(void 0),a=_slicedToArray(t,2),i=a[0],o=a[1];return React.useEffect(function(){function t(){return a.apply(this,arguments)}function a(){return a=_asyncToGenerator(/*#__PURE__*/regeneratorRuntime.mark(function t(){var a;return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:if(!(e&&n)){t.next=5;break}return t.next=3,create(e,n);case 3:a=t.sent,o(a);case 5:case"end":return t.stop();}},t)})),a.apply(this,arguments)}return t(),function(){}},[e,n]),i}function get(e){return new Promise(function(n,t){try{var a=e.transaction([CONSTANTES.STORE_DATA_NAME],"readonly"),i=a.objectStore(CONSTANTES.STORE_DATA_NAME),o=i.count();o.onsuccess=function(){n(o.result)}}catch(n){t(n)}})}function CheckStore(e){var n=e.storeName,t=e.version,a=e.setStore,i=e.children,o=React.useState(0),d=_slicedToArray(o,2),r=d[0],s=d[1],l=React.useState(!1),u=_slicedToArray(l,2),c=u[0],f=u[1],p=React.useState(!1),m=_slicedToArray(p,2)
|
|
783
|
+
}}):void 0}};function createSearching(e,n){var t=searching(void 0);return/*#__PURE__*/function(){var a=_asyncToGenerator(/*#__PURE__*/regeneratorRuntime.mark(function i(a){return regeneratorRuntime.wrap(function(i){for(;;)switch(i.prev=i.next){case 0:return i.abrupt("return",t(a,e,n));case 1:case"end":return i.stop();}},i)}));return function(){return a.apply(this,arguments)}}()}function create(){return _create.apply(this,arguments)}function _create(){return _create=_asyncToGenerator(/*#__PURE__*/regeneratorRuntime.mark(function t(e,n){var a,i;return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return a=e.name,t.prev=1,t.next=4,openStorage(a,n);case 4:return i=t.sent,t.next=7,clearStore(i,CONSTANTES.STORE_INFO_NAME);case 7:return t.next=9,update(i,e);case 9:return t.abrupt("return",i);case 12:throw t.prev=12,t.t0=t["catch"](1),t.t0;case 15:case"end":return t.stop();}},t,null,[[1,12]])})),_create.apply(this,arguments)}function useStoreIndex(e,n){var t=React.useState(void 0),a=_slicedToArray(t,2),i=a[0],o=a[1];return React.useEffect(function(){function t(){return a.apply(this,arguments)}function a(){return a=_asyncToGenerator(/*#__PURE__*/regeneratorRuntime.mark(function t(){var a;return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:if(!(e&&n)){t.next=5;break}return t.next=3,create(e,n);case 3:a=t.sent,o(a);case 5:case"end":return t.stop();}},t)})),a.apply(this,arguments)}return t(),function(){}},[e,n]),i}function get(e){return new Promise(function(n,t){try{var a=e.transaction([CONSTANTES.STORE_DATA_NAME],"readonly"),i=a.objectStore(CONSTANTES.STORE_DATA_NAME),o=i.count();o.onsuccess=function(){n(o.result)}}catch(n){t(n)}})}function CheckStore(e){var n=e.storeName,t=e.version,a=e.setStore,i=e.children,o=React.useState(0),d=_slicedToArray(o,2),r=d[0],s=d[1],l=React.useState(!1),u=_slicedToArray(l,2),c=u[0],f=u[1],p=React.useState(!1),m=_slicedToArray(p,2);m[0];var g=m[1],h=React.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/regeneratorRuntime.mark(function e(){var i,o;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,openDb(n,t);case 3:return i=e.sent,e.next=6,get$1(i,STORE_INFO_NAME,n);case 6:o=e.sent,i&&o&&(s(200),a(o)),e.next=13;break;case 10:e.prev=10,e.t0=e["catch"](0),s(400);case 13:case"end":return e.stop();}},e,null,[[0,10]])})),[n,t,a]);return React.useEffect(function(){h()},[h]),React.useEffect(function(){if(c){var e=/*#__PURE__*/function(){var e=_asyncToGenerator(/*#__PURE__*/regeneratorRuntime.mark(function e(){return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,h();case 2:g(!1);case 3:case"end":return e.stop();}},e)}));return function(){return e.apply(this,arguments)}}();f(!1),g(!0),e()}},[c]),0===r?/*#__PURE__*/React__default["default"].createElement("div",{className:"lunatic-suggester-in-progress"},"Le store ",n," est en cour de chargement."):200===r?i:/*#__PURE__*/React__default["default"].createElement("div",{className:"lunatic-suggester-unvailable"},"La suggestion sur liste n'est pas possible sur votre navigateur, vous pouvez passer la question en appuyant sur Enregistrer et Continuer")}function IDBSuggester(e){var n=e.storeName,t=e.idbVersion,a=e.id,i=e.className,o=e.labelledBy,d=e.optionRenderer,r=e.labelRenderer,s=e.onSelect,l=e.disabled,u=e.value,c=e.focused,f=e.response,p=e.logFunction,m=React.useState(void 0),g=_slicedToArray(m,2),h=g[0],b=g[1],y=React.useMemo(function(){return h?createSearching(n,t):void 0},[n,t,h]);return/*#__PURE__*/React__default["default"].createElement(CheckStore,{storeName:n,idbVersion:t,setStore:b},/*#__PURE__*/React__default["default"].createElement(SuggesterWrapper,{id:a,className:i,labelledBy:o,optionRenderer:d,labelRenderer:r,onSelect:s,searching:y,storeName:n,disabled:l,value:u,focused:c,response:f,logFunction:p}))}IDBSuggester.defaultProps={idbVersion:"1"},IDBSuggester.propTypes={storeName:PropTypes__default["default"].string.isRequired,idbVersion:PropTypes__default["default"].string,id:PropTypes__default["default"].string,className:PropTypes__default["default"].string,labelledBy:PropTypes__default["default"].string,optionRenderer:PropTypes__default["default"].func,labelRenderer:PropTypes__default["default"].func,onSelect:PropTypes__default["default"].func};function Label(e){var n=e.htmlFor,t=e.features,a=e.logFunction,i=e.bindings,o=e.label,d=e.id;return o?/*#__PURE__*/React__default["default"].createElement("label",{className:classnames("lunatic-label"),htmlFor:n,id:d},interpret(t,a)(i)(o)):void 0}function LabelWrapper(e){var n=e.children,t=e.id,a=e.htmlFor,i=void 0===a?"":a,o=e.labelPosition,d=void 0===o?"":o,r=e.bindings,s=e.label,l=e.features,u=e.logFunction,c=getLabelPositionClass(d);return/*#__PURE__*/React__default["default"].createElement("div",{className:classnames("lunatic-component-container","".concat(c,"-ex"))},/*#__PURE__*/React__default["default"].createElement(Label,{id:t,htmlFor:i,bindings:r,label:s,features:l,logFunction:u}),n)}function FieldWrapper(e){var n=e.children,t=e.id,a=e.management,i=e.response;return/*#__PURE__*/React__default["default"].createElement("div",{className:"field-container"},/*#__PURE__*/React__default["default"].createElement("div",{className:"".concat(a?"field-with-tooltip":"field")},n),a&&/*#__PURE__*/React__default["default"].createElement("div",{className:"tooltip"},/*#__PURE__*/React__default["default"].createElement(TooltipResponse,{id:t,response:buildBooleanTooltipResponse(i)})))}function getSuggestionId(e){return e?e.id:null}function Suggester(e){var n=e.id,t=e.label,a=e.preferences,i=e.response,o=e.handleChange,d=e.disabled,r=e.focused,s=e.declarations,l=e.features,u=e.bindings,c=e.management,f=e.labelPosition;e.style;var p=e.logFunction,m=e.storeName,g=e.optionRenderer,h=e.labelRenderer,b=e.idbVersion,y=React.useState(function(){return getResponseByPreference(a)(i)}),w=_slicedToArray(y,2),x=w[0],v=w[1],k="suggester-label-".concat(n),E=React.useCallback(function(e){var n=getSuggestionId(e);// Delete: null --> empty to handle controls
|
|
784
784
|
o(_defineProperty({},getResponseName(i),n||"")),v(n)},[o,i]);return/*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment,null,/*#__PURE__*/React__default["default"].createElement(Declarations,{id:n,type:BEFORE_QUESTION_TEXT,declarations:s,features:l,bindings:u}),/*#__PURE__*/React__default["default"].createElement(LabelWrapper,{id:k,htmlFor:n,labelPosition:f,bindings:u,label:t,features:l,logFunction:p},/*#__PURE__*/React__default["default"].createElement(Declarations,{id:n,type:AFTER_QUESTION_TEXT,declarations:s,features:l,bindings:u}),/*#__PURE__*/React__default["default"].createElement(FieldWrapper,{id:n,management:c,response:i},/*#__PURE__*/React__default["default"].createElement(IDBSuggester,{storeName:m,optionRenderer:g,labelRenderer:h,labelledBy:k,idbVersion:b,onSelect:E,focused:r,disabled:d,response:i,id:n,value:x,logFunction:p}))),/*#__PURE__*/React__default["default"].createElement(Declarations,{id:n,type:DETACHABLE,declarations:s,features:l,bindings:u}))}Suggester.defaultProps={label:"",preferences:["COLLECTED"],response:{},disabled:!1,focused:!1,declarations:[],features:[],bindings:{},management:!1,labelPosition:"DEFAULT",style:{},getStoreInfo:void 0},Suggester.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,declarations:declarations,features:PropTypes__default["default"].arrayOf(PropTypes__default["default"].string),bindings:PropTypes__default["default"].object,management:PropTypes__default["default"].bool,labelPosition:PropTypes__default["default"].oneOf(["DEFAULT","TOP","BOTTOM","LEFT","RIGHT"]),style:PropTypes__default["default"].object,storeInfo:PropTypes__default["default"].object,//TODO
|
|
785
785
|
getStoreInfo:PropTypes__default["default"].func};var lunaticSuggester=componentWrapper(/*#__PURE__*/React__default["default"].memo(Suggester,areEqual)),css_248z$3=".lunatic-component .textarea-lunatic {\n height: 3em;\n width: 100%;\n}";styleInject(css_248z$3);var Textarea=function(e){return/*#__PURE__*/React__default["default"].createElement(InputDeclarationsWrapper,_extends({type:null,roleType:"textarea"},e))},component=componentWrapper(/*#__PURE__*/React__default["default"].memo(Textarea,areEqual));function ClosedIcon(e){var n=e.className,t=e.width,a=void 0===t?32:t,i=e.height,o=void 0===i?32:i;return/*#__PURE__*/React__default["default"].createElement(ClosedIcon$2,{className:n},/*#__PURE__*/React__default["default"].createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:a,height:o,x:"0",y:"0",enableBackground:"new 0 0 32 32",version:"1.1",viewBox:"0 0 32 32",xmlSpace:"preserve"},/*#__PURE__*/React__default["default"].createElement("path",{d:"m 10.628906,5.8808594 c -0.214987,-0.001 -0.42313,0.066105 -0.621094,0.203125 -0.197929,0.13695 -0.3337126,0.3059125 -0.4082026,0.5078125 -0.07434,0.20177 -0.063157,0.3725087 0.033203,0.5117187 L 10.667969,8.5996094 C 7.7654347,10.429719 6.000564,13.619938 6,17.054688 c 0,5.522849 4.477153,10 10,10 5.522847,0 10,-4.477151 10,-10 C 26.000084,13.846958 24.464581,10.867019 21.925781,9 l -2.167969,4.773438 c 0.779895,0.889532 1.238599,2.0462 1.242188,3.28125 0,2.76142 -2.238576,5 -5,5 -2.761424,0 -5,-2.238581 -5,-5 0.0042,-1.793391 0.969178,-3.443679 2.523438,-4.330079 l 1.089843,1.574219 c 0.09638,0.13927 0.25171,0.209318 0.466797,0.210938 0.215229,10e-4 0.421172,-0.06601 0.619141,-0.203125 0.19792,-0.13696 0.333879,-0.305933 0.408203,-0.507813 l 2.626953,-7.1386718 c 0.07422,-0.2019799 0.06311,-0.3725587 -0.0332,-0.5117187 -0.0963,-0.13917 -0.251768,-0.2093975 -0.4668,-0.2109375 z"})))}_objectSpread2(_objectSpread2({},BULK_INSERT_MESSAGES),{},{startCreateIndex:{type:"fill-store/start-create-index"},indexBatch:{type:"fill-store/index-batch",max:void 0,done:void 0,percent:void 0},createIndexDone:{type:"fill-store/create-index-done"},//
|
|
786
786
|
storeClear:{type:"fill-store/clear-store"},startInsertBatch:{type:"fill-store/start-insert-bacth"},insertBatchDone:{type:"fill-store/insert-done"},done:{type:"fill-store/done"},error:{type:"fill-store/error"}});var toStr$1=Object.prototype.toString,isArguments=function(e){var n=toStr$1.call(e),t="[object Arguments]"===n;return t||(t="[object Array]"!==n&&null!==e&&"object"==typeof e&&"number"==typeof e.length&&0<=e.length&&"[object Function]"===toStr$1.call(e.callee)),t},keysShim$1;if(!Object.keys){// modified from https://github.com/es-shims/es5-shim
|