@entur/dropdown 3.0.19-RC.1 → 3.0.19-RC.2

package/dist/dropdown.cjs.production.min.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),t=require("react"),n=require("downshift"),a=require("classnames"),l=require("@entur/form"),r=require("@entur/icons"),o=require("@entur/a11y"),i=require("@entur/loader"),u=require("@entur/tokens"),s=require("@entur/button");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=c(t),f=c(n),p=c(a);function m(e,t,n,a,l,r,o){try{var i=e[r](o),u=i.value}catch(e){return void n(e)}i.done?t(u):Promise.resolve(u).then(a,l)}function h(){return h=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},h.apply(this,arguments)}function g(e,t){if(null==e)return{};var n,a,l={},r=Object.keys(e);for(a=0;a<r.length;a++)t.indexOf(n=r[a])>=0||(l[n]=e[n]);return l}var b=["children","onChange","onInputValueChange","highlightFirstItemOnOpen","className","style","searchable"],v=d.default.createContext(null),y=function(e){var t=e.children,n=e.onChange,a=void 0===n?function(){}:n,l=e.onInputValueChange,r=void 0===l?function(){}:l,o=e.highlightFirstItemOnOpen,i=void 0!==o&&o,u=e.className,s=e.style,c=e.searchable,m=void 0!==c&&c,y=g(e,b);return d.default.createElement(f.default,h({itemToString:function(e){return e?e.label:""},onStateChange:function(e,t){e.type!==f.default.stateChangeTypes.controlledPropUpdatedSelectedItem&&("selectedItem"in e?a(e.selectedItem,t):"inputValue"in e&&r(e.inputValue))},stateReducer:function(e,t){var n=i&&"isOpen"in t&&t.isOpen?{highlightedIndex:0}:{};if(!m)return h({},t,n);switch(t.type){case"__autocomplete_change_input__":default:return h({},t,n);case"__autocomplete_click_item__":case"__autocomplete_keydown_enter__":case"__autocomplete_blur_input__":case"__autocomplete_mouseup__":return h({},t,{inputValue:""},n)}}},y),(function(e){return d.default.createElement("div",{className:p.default("eds-input-group",u),style:s},d.default.createElement(v.Provider,{value:e},t))}))},w=function(){var e=d.default.useContext(v);if(!e)throw new Error("You need to wrap your component in a DownshiftProvider");return e},_=["items"],E=function(e){var t=e.items,n=g(e,_),a=w(),l=a.highlightedIndex,o=a.isOpen,i=a.selectedItem,u=a.getItemProps,s=a.getMenuProps;return d.default.createElement("ul",h({className:p.default("eds-dropdown-list",{"eds-dropdown-list--open":o})},s(),n),o?t.map((function(e,t){return d.default.createElement("li",h({className:p.default("eds-dropdown-list__item",{"eds-dropdown-list__item--highlighted":l===t,"eds-dropdown-list__item--selected":i===e})},u({key:""+t+e.value,item:e,index:t})),d.default.createElement("span",null,e.label),e.icons&&d.default.createElement("span",null,e.icons.map((function(e,t){return d.default.createElement(e,{key:t,inline:!0,className:"eds-dropdown-list__item-icon"})}))),i===e&&d.default.createElement(r.CheckIcon,null))})):null)},x=function(){var e=w();return d.default.createElement("button",h({},(0,e.getToggleButtonProps)({className:p.default("eds-dropdown__toggle-button",{"eds-dropdown__toggle-button--open":e.isOpen})}),{tabIndex:"-1",type:"button"}),d.default.createElement(r.DownArrowIcon,null))},I=["className","children"],O=function(e){var t=e.className,n=e.children,a=g(e,I);return d.default.createElement("div",h({className:p.default("eds-inline-spinner",t)},a),d.default.createElement(i.LoadingDots,null),d.default.createElement(o.VisuallyHidden,null,n))},N=["children","className","items","loading","loadingText","placeholder","style","listStyle","clearable","label","isFilled","disableLabelAnimation"],C=function(e){var t=e.children,n=e.className,a=e.items,r=e.loading,o=void 0!==r&&r,i=e.loadingText,s=void 0===i?"Loading...":i,c=e.style,f=e.listStyle,p=e.clearable,m=e.label,b=e.isFilled,v=void 0!==b&&b,y=e.disableLabelAnimation,_=g(e,N),x=w().getLabelProps;return d.default.createElement("div",{className:"eds-dropdown-wrapper",style:c},d.default.createElement(l.BaseFormControl,h({append:d.default.createElement(k,{clearable:p,loading:o,loadingText:s,readOnly:_.readOnly}),className:n,label:m,isFilled:v,labelProps:x(),disableLabelAnimation:y},_),t),d.default.createElement(E,h({items:a,style:h({position:"absolute",top:u.space.extraLarge3+u.space.extraSmall+"px"},f)},_)))},T=function(e){var t=h({},e),n=w(),a=n.clearSelection,l=n.selectedItem;return d.default.createElement(d.default.Fragment,null,l&&d.default.createElement("button",h({className:"eds-dropdown__clear-button",type:"button",tabIndex:-1,onClick:function(){return a()}},t),d.default.createElement(r.CloseSmallIcon,null)),l&&d.default.createElement("div",{className:"eds-dropdown__divider"}))},k=function(e){var t=e.clearable,n=e.readOnly;return e.loading?d.default.createElement(O,null,e.loadingText):n?null:t?d.default.createElement(d.default.Fragment,null,d.default.createElement(T,null)," ",d.default.createElement(x,null)):d.default.createElement(x,null)},S=["disabled","placeholder","selectOnTab","openOnFocus","listStyle","items","label","disableLabelAnimation","loading","loadingText","className","clearable"],L=d.default.forwardRef((function(e,t){var n=e.disabled,a=e.placeholder,l=void 0===a?"Vennligst velg":a,r=e.selectOnTab,o=void 0!==r&&r,i=e.openOnFocus,u=void 0!==i&&i,s=e.listStyle,c=e.items,f=e.label,p=e.disableLabelAnimation,m=e.loading,b=e.loadingText,v=e.className,y=e.clearable,_=g(e,S),E=w(),x=E.getToggleButtonProps,I=E.selectedItem,O=E.selectHighlightedItem,N=E.openMenu,T=E.isOpen,k=E.highlightedIndex,L=E.setHighlightedIndex;return d.default.createElement(C,h({disabled:n,listStyle:s,items:c,label:f,isFilled:!!I||0!==l.length,disableLabelAnimation:p,loading:m,loadingText:b,className:v,clearable:y},_),d.default.createElement("button",h({},x(h({className:"eds-form-control eds-dropdown__selected-item",style:{textAlign:"left"},disabled:n,type:"button",onKeyDown:function(e){if(o&&"Tab"===e.key&&O(),T){var t=e.key,n=c.map((function(e,t){return h({},e,{index:t})})).filter((function(e){return e.label.trim().charAt(0).toLowerCase()===t})),a=n.find((function(e){return e.index>(null!=k?k:0)}));a?L(a.index):n.length>0&&L(n[0].index)}},onFocus:function(){u&&!T&&N()}},_)),{ref:t}),I?I.label:l))})),F=["disabled","className","items","loading","loadingText","readOnly","prepend","selectOnTab","openOnFocus","listStyle","clearable","itemFilter","label","disableLabelAnimation","placeholder"],P=d.default.forwardRef((function(n,a){var l=n.disabled,r=void 0!==l&&l,o=n.className,i=n.items,u=n.loading,s=n.loadingText,c=n.readOnly,f=void 0!==c&&c,p=n.prepend,m=n.selectOnTab,b=void 0!==m&&m,v=n.openOnFocus,y=void 0!==v&&v,_=n.listStyle,E=n.clearable,x=n.itemFilter,I=void 0===x?function(e,t){return function(e,t){if(!t)return!0;var n=t.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&");return new RegExp(n,"i").test(e.label)}(e,t)}:x,O=n.label,N=n.disableLabelAnimation,T=n.placeholder,k=g(n,F),S=w(),L=S.getInputProps,P=S.inputValue,A=S.selectHighlightedItem,M=S.isOpen,B=S.openMenu,R=S.closeMenu,j=S.selectedItem,D=t.useState(!1),V=D[0],q=D[1],G=t.useRef(null),K=d.default.useMemo((function(){return i.filter((function(e){return I(e,P)}))}),[P,i,I]);return d.default.createElement(C,{items:K,disabled:r,readOnly:f,className:o,loading:u,loadingText:s,prepend:p,listStyle:_,clearable:E,label:O,isFilled:!!j,disableLabelAnimation:N},!V&&j&&!P&&d.default.createElement("span",{className:"eds-dropdown__searchable-selected-item__wrapper"},d.default.createElement("span",{className:"eds-dropdown__searchable-selected-item",onClick:function(){var e;return null==(e=G.current)?void 0:e.focus()}},j.label)),d.default.createElement("input",h({},L(h({disabled:r,readOnly:f,className:"eds-form-control eds-dropdown__input",onKeyDown:function(e){b&&"Tab"===e.key&&A()},onFocus:function(){!M&&y&&B(),q(!0)},placeholder:j?j.label:T},k)),{onBlur:function(){q(!1),R()},ref:e.mergeRefs(a,G)})))})),A=function(e){var t=e.feedback,n=e.variant;return d.default.createElement(l.VariantProvider,{variant:n},d.default.createElement("div",{className:e.className,style:e.style},e.children,t&&n&&d.default.createElement(l.FeedbackText,{variant:n},t)))},M={exports:{}};!function(e){var t=function(e){var t,n=Object.prototype,a=n.hasOwnProperty,l="function"==typeof Symbol?Symbol:{},r=l.iterator||"@@iterator",o=l.asyncIterator||"@@asyncIterator",i=l.toStringTag||"@@toStringTag";function u(e,t,n){return Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{u({},"")}catch(e){u=function(e,t,n){return e[t]=n}}function s(e,t,n,a){var l=Object.create((t&&t.prototype instanceof g?t:g).prototype),r=new T(a||[]);return l._invoke=function(e,t,n){var a=d;return function(l,r){if(a===p)throw new Error("Generator is already running");if(a===m){if("throw"===l)throw r;return S()}for(n.method=l,n.arg=r;;){var o=n.delegate;if(o){var i=O(o,n);if(i){if(i===h)continue;return i}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(a===d)throw a=m,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);a=p;var u=c(e,t,n);if("normal"===u.type){if(a=n.done?m:f,u.arg===h)continue;return{value:u.arg,done:n.done}}"throw"===u.type&&(a=m,n.method="throw",n.arg=u.arg)}}}(e,n,r),l}function c(e,t,n){try{return{type:"normal",arg:e.call(t,n)}}catch(e){return{type:"throw",arg:e}}}e.wrap=s;var d="suspendedStart",f="suspendedYield",p="executing",m="completed",h={};function g(){}function b(){}function v(){}var y={};y[r]=function(){return this};var w=Object.getPrototypeOf,_=w&&w(w(k([])));_&&_!==n&&a.call(_,r)&&(y=_);var E=v.prototype=g.prototype=Object.create(y);function x(e){["next","throw","return"].forEach((function(t){u(e,t,(function(e){return this._invoke(t,e)}))}))}function I(e,t){function n(l,r,o,i){var u=c(e[l],e,r);if("throw"!==u.type){var s=u.arg,d=s.value;return d&&"object"==typeof d&&a.call(d,"__await")?t.resolve(d.__await).then((function(e){n("next",e,o,i)}),(function(e){n("throw",e,o,i)})):t.resolve(d).then((function(e){s.value=e,o(s)}),(function(e){return n("throw",e,o,i)}))}i(u.arg)}var l;this._invoke=function(e,a){function r(){return new t((function(t,l){n(e,a,t,l)}))}return l=l?l.then(r,r):r()}}function O(e,n){var a=e.iterator[n.method];if(a===t){if(n.delegate=null,"throw"===n.method){if(e.iterator.return&&(n.method="return",n.arg=t,O(e,n),"throw"===n.method))return h;n.method="throw",n.arg=new TypeError("The iterator does not provide a 'throw' method")}return h}var l=c(a,e.iterator,n.arg);if("throw"===l.type)return n.method="throw",n.arg=l.arg,n.delegate=null,h;var r=l.arg;return r?r.done?(n[e.resultName]=r.value,n.next=e.nextLoc,"return"!==n.method&&(n.method="next",n.arg=t),n.delegate=null,h):r:(n.method="throw",n.arg=new TypeError("iterator result is not an object"),n.delegate=null,h)}function N(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function C(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function T(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(N,this),this.reset(!0)}function k(e){if(e){var n=e[r];if(n)return n.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var l=-1,o=function n(){for(;++l<e.length;)if(a.call(e,l))return n.value=e[l],n.done=!1,n;return n.value=t,n.done=!0,n};return o.next=o}}return{next:S}}function S(){return{value:t,done:!0}}return b.prototype=E.constructor=v,v.constructor=b,b.displayName=u(v,i,"GeneratorFunction"),e.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===b||"GeneratorFunction"===(t.displayName||t.name))},e.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,v):(e.__proto__=v,u(e,i,"GeneratorFunction")),e.prototype=Object.create(E),e},e.awrap=function(e){return{__await:e}},x(I.prototype),I.prototype[o]=function(){return this},e.AsyncIterator=I,e.async=function(t,n,a,l,r){void 0===r&&(r=Promise);var o=new I(s(t,n,a,l),r);return e.isGeneratorFunction(n)?o:o.next().then((function(e){return e.done?e.value:o.next()}))},x(E),u(E,i,"Generator"),E[r]=function(){return this},E.toString=function(){return"[object Generator]"},e.keys=function(e){var t=[];for(var n in e)t.push(n);return t.reverse(),function n(){for(;t.length;){var a=t.pop();if(a in e)return n.value=a,n.done=!1,n}return n.done=!0,n}},e.values=k,T.prototype={constructor:T,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(C),!e)for(var n in this)"t"===n.charAt(0)&&a.call(this,n)&&!isNaN(+n.slice(1))&&(this[n]=t)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(e){if(this.done)throw e;var n=this;function l(a,l){return i.type="throw",i.arg=e,n.next=a,l&&(n.method="next",n.arg=t),!!l}for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r],i=o.completion;if("root"===o.tryLoc)return l("end");if(o.tryLoc<=this.prev){var u=a.call(o,"catchLoc"),s=a.call(o,"finallyLoc");if(u&&s){if(this.prev<o.catchLoc)return l(o.catchLoc,!0);if(this.prev<o.finallyLoc)return l(o.finallyLoc)}else if(u){if(this.prev<o.catchLoc)return l(o.catchLoc,!0)}else{if(!s)throw new Error("try statement without catch or finally");if(this.prev<o.finallyLoc)return l(o.finallyLoc)}}}},abrupt:function(e,t){for(var n=this.tryEntries.length-1;n>=0;--n){var l=this.tryEntries[n];if(l.tryLoc<=this.prev&&a.call(l,"finallyLoc")&&this.prev<l.finallyLoc){var r=l;break}}r&&("break"===e||"continue"===e)&&r.tryLoc<=t&&t<=r.finallyLoc&&(r=null);var o=r?r.completion:{};return o.type=e,o.arg=t,r?(this.method="next",this.next=r.finallyLoc,h):this.complete(o)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),h},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),C(n),h}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var a=n.completion;if("throw"===a.type){var l=a.arg;C(n)}return l}}throw new Error("illegal catch attempt")},delegateYield:function(e,n,a){return this.delegate={iterator:k(e),resultName:n,nextLoc:a},"next"===this.method&&(this.arg=t),h}},e}(e.exports);try{regeneratorRuntime=t}catch(e){Function("r","regeneratorRuntime = r")(t)}}(M);var B=M.exports,R=function(e,t){switch(t.type){case"request results":return{items:[],loading:!0};case"received results":return{items:t.payload,loading:!1}}},j=function(t,n){void 0===n&&(n=250);var a,l="function"==typeof t,r=d.default.useMemo((function(){return l?t:function(){return Promise.resolve(t)}}),[t,l]),o=d.default.useReducer(R,{items:l?[]:t,loading:!1}),i=o[0],u=i.items,s=i.loading,c=o[1],f=(a=d.default.useRef(!0),d.default.useEffect((function(){return function(){a.current=!1}}),[]),a.current),p=d.default.useCallback(function(){var e,t=(e=B.mark((function e(t){var n;return B.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(f){e.next=2;break}return e.abrupt("return");case 2:return c({type:"request results"}),e.next=5,r(t);case 5:n=e.sent,f&&c({type:"received results",payload:n});case 7:case"end":return e.stop()}}),e)})),function(){var t=this,n=arguments;return new Promise((function(a,l){var r=e.apply(t,n);function o(e){m(r,a,l,o,i,"next",e)}function i(e){m(r,a,l,o,i,"throw",e)}o(void 0)}))});return function(e){return t.apply(this,arguments)}}(),[r,f]),g=function(e){return d.default.useMemo((function(){return e.map((function(e){return"string"==typeof e?{value:e,label:e}:"value"in e?e:h({},e,{value:e.label})}))}),[e])}(u);return d.default.useEffect((function(){l&&p("")}),[l,p]),{items:g,loading:!!l&&s,fetchItems:e.debounce(p,n)}},D=["highlightFirstItemOnOpen","debounceTimeout","disabled","feedback","items","label","loadingText","onChange","placeholder","prepend","readOnly","searchable","selectOnTab","openOnFocus","variant","value","clearable","className","style","listStyle","itemFilter","disableLabelAnimation"],V=d.default.forwardRef((function(e,t){var n=e.highlightFirstItemOnOpen,a=e.debounceTimeout,l=e.disabled,r=e.feedback,o=e.items,i=e.label,u=e.loadingText,s=e.onChange,c=void 0===s?function(){}:s,f=e.placeholder,p=e.prepend,m=e.readOnly,b=e.searchable,v=e.selectOnTab,w=e.openOnFocus,_=e.variant,E=e.value,x=e.clearable,I=void 0!==x&&x,O=e.className,N=e.style,C=e.listStyle,T=e.itemFilter,k=e.disableLabelAnimation,S=g(e,D),F=j(o,a),M=F.items,B=F.loading,R=F.fetchItems,V=void 0===E?void 0:M.find((function(e){return E===e.value}))||null,q=b?P:L,G=b?{itemFilter:T,name:S.name,"data-cy":S["data-cy"]}:{name:S.name,"data-cy":S["data-cy"]};return d.default.createElement(y,h({selectedItem:V,onInputValueChange:R,onChange:c,value:E,highlightFirstItemOnOpen:n,className:O,style:N,searchable:b},S),d.default.createElement(A,{feedback:r,variant:_},d.default.createElement(q,h({label:i,items:M,loading:B,loadingText:u,disabled:l,readOnly:m,placeholder:f,prepend:p,selectOnTab:v,openOnFocus:w,listStyle:C,clearable:I,disableLabelAnimation:k,ref:t},G))))})),q=["className","disabled","readOnly","items","loadingText","prepend","style","label","variant","feedback","disableLabelAnimation"],G=["items","itemsSelectedLabel","label","feedback","variant","disabled","readOnly","onChange","className","clearable","loading","loadingText","openOnFocus","style","listStyle","initialSelectedItems","debounceTimeout"],K=d.default.createContext(null),H=function(){var e=d.default.useContext(K);if(!e)throw new Error("You need to wrap your component in a DownshiftProvider");return e};function Y(e,t){var a=t.changes;switch(t.type){case n.useSelect.stateChangeTypes.MenuKeyDownEnter:case n.useSelect.stateChangeTypes.MenuKeyDownSpaceButton:case n.useSelect.stateChangeTypes.ItemClick:return h({},a,{isOpen:!0,highlightedIndex:e.highlightedIndex});default:return a}}var $=function(e){var t=h({},e),n=H().reset;return d.default.createElement(d.default.Fragment,null,d.default.createElement("button",h({className:"eds-dropdown__clear-button",type:"button",tabIndex:-1,onClick:function(){return n()}},t),d.default.createElement(r.CloseIcon,null)),d.default.createElement("div",{className:"eds-dropdown__divider"}))},U=function(e){var t=e.readOnly,n=e.hasSelected;return e.loading?d.default.createElement(O,null,e.loadingText):t?null:n?d.default.createElement(d.default.Fragment,null,d.default.createElement($,null),d.default.createElement(z,null)):d.default.createElement(z,null)},z=function(){var e=H(),t=e.openMenu,n=e.openOnFocus;return d.default.createElement("button",h({},(0,e.getToggleButtonProps)({className:p.default("eds-dropdown__toggle-button",{"eds-dropdown__toggle-button--open":e.isOpen}),onFocus:function(){n&&t()}}),{type:"button"}),d.default.createElement(r.DownArrowIcon,null))},J=function(){return d.default.createElement("svg",{className:"eds-checkbox-icon",width:"11px",height:"9px",viewBox:"6 11 37 33"},d.default.createElement("path",{className:"eds-checkbox-icon__path",d:"M14.1 27.2l7.1 7.2 14.6-14.8",fill:"none"}))},Q=["selectedItem","isOpen","getMenuProps","getItemProps","filteredItems","highlightedIndex","listStyle"],W=function(e){var t=e.selectedItem,n=e.isOpen,a=e.getMenuProps,l=e.getItemProps,o=e.filteredItems,i=e.highlightedIndex,u=e.listStyle,s=g(e,Q);return d.default.createElement("ul",h({className:p.default("eds-searchable-dropdown__list",{"eds-searchable-dropdown__list--open":n})},a(),{style:h({},s.style,u)}),n?o.map((function(e,n){return d.default.createElement("li",h({className:p.default("eds-searchable-dropdown__list__item",{"eds-searchable-dropdown__list__item--highlighted":i===n,"eds-searchable-dropdown__list__item--selected":(null==t?void 0:t.value)===e.value})},l({key:""+n+e.value,item:e,index:n})),d.default.createElement("span",null,e.label),e.icons&&d.default.createElement("span",null,e.icons.map((function(e,t){return d.default.createElement(e,{key:t,inline:!0,className:"eds-searchable-dropdown__list__item-icon"})}))),(null==t?void 0:t.value)===e.value&&d.default.createElement(r.CheckIcon,null))})):null)},X=["items","selectedItem","onChange","label","placeholder","clearable","openOnFocus","readonly","feedback","variant","className","listStyle"],Z=function(e){var t=e.getToggleButtonProps,n=e.isOpen,a=e.onChange;return e.readOnly?null:d.default.createElement("div",{style:{display:"flex",alignItems:"center"}},e.clearable&&e.selectedItem&&d.default.createElement(d.default.Fragment,null,d.default.createElement(s.IconButton,{className:"eds-searchable-dropdown-appendix__clear-button",type:"button",tabIndex:-1,onClick:function(){return a(null)}},d.default.createElement(r.CloseSmallIcon,null)),d.default.createElement("div",{className:"eds-searchable-dropdown-appendix__divider"})),d.default.createElement(s.IconButton,h({},t({className:p.default("eds-searchable-dropdown-appendix__toggle-button",{"eds-searchable-dropdown-appendix__toggle-button--open":n})}),{tabIndex:-1,type:"button"}),d.default.createElement(r.DownArrowIcon,null)))};e.warnAboutMissingStyles("dropdown","form","a11y","chip"),exports.Dropdown=V,exports.MultiSelect=function(a){var r=a.items,o=a.itemsSelectedLabel,i=void 0===o?function(e){return function(e){return e.length<3?e.map((function(e){return e.label})).toString():e.length+" elementer valgt"}(e)}:o,s=a.label,c=a.feedback,f=a.variant,m=a.disabled,b=a.readOnly,v=void 0!==b&&b,y=a.onChange,w=void 0===y?function(){}:y,_=a.className,E=a.clearable,x=void 0!==E&&E,I=a.loading,O=void 0!==I&&I,N=a.loadingText,C=void 0===N?"":N,T=a.openOnFocus,k=void 0!==T&&T,S=a.style,L=a.listStyle,F=a.initialSelectedItems,P=void 0===F?[]:F,A=a.debounceTimeout,M=g(a,G),B=j(r,A).items,R=t.useState(P),D=R[0],V=R[1],q=d.default.useCallback((function(){V([])}),[]);function H(e){return D.some((function(t){return t.value===e.value}))}var $=n.useSelect(h({items:B,stateReducer:Y,selectedItem:null,onSelectedItemChange:function(e){var t=e.selectedItem;if(t)if(H(t)){var n=D.filter((function(e){return e.value!==t.value}));V(n),w(n)}else{var a=[].concat(D,[t]);V(a),w(a)}}},M)),z=$.isOpen,Q=$.getToggleButtonProps,W=$.getLabelProps,X=$.getMenuProps,Z=$.highlightedIndex,ee=$.getItemProps,te=$.openMenu,ne=D.length?i(D):"",ae=e.useRandomId("eds-multiselect");return d.default.createElement(K.Provider,{value:{isOpen:z,reset:q,getToggleButtonProps:Q,openMenu:te,openOnFocus:k}},d.default.createElement("div",{className:p.default("eds-multiselect","eds-dropdown-wrapper",_),style:S},d.default.createElement(l.BaseFormControl,{label:s,labelId:ae,labelProps:W(),feedback:c,variant:f,isFilled:D.length>0||z,disabled:m,readOnly:v,append:d.default.createElement(U,{hasSelected:x&&D.length>0,loading:O,loadingText:C,readOnly:v})},d.default.createElement("button",h({},Q({style:{textAlign:"left"},type:"button",className:"eds-form-control eds-multiselect__button"})),ne)),d.default.createElement("ul",h({className:p.default("eds-dropdown-list",{"eds-dropdown-list--open":z})},X({style:h({position:"absolute",top:u.space.extraLarge3+u.space.extraSmall+"px"},L)})),z&&B.map((function(e,t){return d.default.createElement("li",h({className:p.default("eds-dropdown-list__item",{"eds-dropdown-list__item--highlighted":Z===t,"eds-dropdown-list__item--selected":H(e)}),key:""+e.value+t},ee({item:e,index:t}),{style:{display:"flex"}}),d.default.createElement("span",{style:{display:"flex"}},d.default.createElement("span",{className:p.default("eds-multiselect-checkbox",{"eds-multiselect-checkbox--checked":H(e)})},d.default.createElement(J,null)),d.default.createElement("span",{className:"eds-multiselect__item-label"},e.label)),e.icons&&d.default.createElement("span",null,e.icons.map((function(e,t){return d.default.createElement(e,{key:t,inline:!0,className:"eds-dropdown-list__item-icon"})}))))})))))},exports.NativeDropdown=function(t){var n=t.className,a=t.disabled,o=void 0!==a&&a,i=t.readOnly,u=void 0!==i&&i,s=t.items,c=t.loadingText,f=t.prepend,p=t.style,m=t.label,b=t.variant,v=t.feedback,y=t.disableLabelAnimation,w=g(t,q),_=j(s),E=_.items,x=_.loading,I=d.default.createElement(r.DownArrowIcon,{inline:!0});o||u?I=null:x&&(I=d.default.createElement(O,null,c));var N=e.useRandomId("eds-native-dropdown");return d.default.createElement(l.BaseFormControl,{disabled:o,readOnly:u,prepend:f,append:I,className:n,style:p,label:m,variant:b,feedback:v,labelId:N,disableLabelAnimation:y,isFilled:!0},d.default.createElement("select",h({"aria-invalid":"error"===b,className:"eds-form-control eds-dropdown",disabled:o||u},w),E.map((function(e){return d.default.createElement("option",{key:e.value,value:e.value},e.label)}))))},exports.SearchableDropdownBeta=function(e){var a,r=e.items,o=e.selectedItem,i=e.onChange,u=e.label,s=e.placeholder,c=e.clearable,f=void 0!==c&&c,m=e.openOnFocus,b=void 0!==m&&m,v=e.readonly,y=void 0!==v&&v,w=e.feedback,_=e.variant,E=void 0===_?"info":_,x=e.className,I=e.listStyle,O=g(e,X),N=d.default.useState(r),C=N[0],T=N[1],k=t.useState(!1),S=k[0],L=k[1],F=t.useRef(null),P=d.default.useCallback((function(e,t){var a=t.changes;switch(t.type){case n.useCombobox.stateChangeTypes.ItemClick:case n.useCombobox.stateChangeTypes.InputKeyDownEnter:case n.useCombobox.stateChangeTypes.InputBlur:case n.useCombobox.stateChangeTypes.ControlledPropUpdatedSelectedItem:return h({},a,a.selectedItem&&{inputValue:""});default:return a}}),[]),A=n.useCombobox(h({onInputValueChange:function(e){var t=e.inputValue;T(r.filter((function(e){return function(e,t){if(!t)return!0;var n=t.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&");return new RegExp(n,"i").test(e.label)}(e,t)})))},items:C,itemToString:function(e){return e?e.value:""},stateReducer:P,selectedItem:o,onSelectedItemChange:function(e){var t=e.selectedItem;return i(null!=t?t:null)}},O)),M=A.isOpen,B=A.getLabelProps,R=A.getMenuProps,j=A.getInputProps,D=A.getComboboxProps,V=A.highlightedIndex,q=A.getItemProps,G=A.selectedItem,K=A.openMenu,H=A.inputValue;return d.default.createElement("div",{className:"eds-searchable-dropdown__wrapper"},d.default.createElement(l.BaseFormControl,h({append:d.default.createElement(Z,{selectedItem:G,isOpen:M,clearable:f,loading:!1,loadingText:"",readOnly:y,onChange:i,getToggleButtonProps:A.getToggleButtonProps}),className:p.default("eds-searchable-dropdown",x),label:u,isFilled:!!G,feedback:w,variant:E,readOnly:y,labelProps:B()},D(),O),!S&&G&&!H&&d.default.createElement("span",{className:"eds-searchable-dropdown__selected-item__wrapper"},d.default.createElement("span",{className:"eds-searchable-dropdown__selected-item",onClick:function(){var e;return null==(e=F.current)?void 0:e.focus()}},G.label)),d.default.createElement("input",h({placeholder:null!=(a=null==G?void 0:G.label)?a:s,className:"eds-searchable-dropdown__input eds-form-control"},j({onFocus:function(){!M&&b&&K(),L(!0)},onBlur:function(){L(!1)},ref:F})))),d.default.createElement(W,{selectedItem:G,isOpen:M,filteredItems:C,highlightedIndex:V,listStyle:I,getMenuProps:R,getItemProps:q}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),t=require("react"),n=require("downshift"),a=require("classnames"),l=require("@entur/form"),r=require("@entur/icons"),o=require("@entur/a11y"),i=require("@entur/loader"),u=require("@entur/tokens"),s=require("@entur/button");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=c(t),f=c(n),p=c(a);function m(e,t,n,a,l,r,o){try{var i=e[r](o),u=i.value}catch(e){return void n(e)}i.done?t(u):Promise.resolve(u).then(a,l)}function h(){return h=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},h.apply(this,arguments)}function g(e,t){if(null==e)return{};var n,a,l={},r=Object.keys(e);for(a=0;a<r.length;a++)t.indexOf(n=r[a])>=0||(l[n]=e[n]);return l}var b=["children","onChange","onInputValueChange","highlightFirstItemOnOpen","className","style","searchable"],v=d.default.createContext(null),y=function(e){var t=e.children,n=e.onChange,a=void 0===n?function(){}:n,l=e.onInputValueChange,r=void 0===l?function(){}:l,o=e.highlightFirstItemOnOpen,i=void 0!==o&&o,u=e.className,s=e.style,c=e.searchable,m=void 0!==c&&c,y=g(e,b);return d.default.createElement(f.default,h({itemToString:function(e){return e?e.label:""},onStateChange:function(e,t){e.type!==f.default.stateChangeTypes.controlledPropUpdatedSelectedItem&&("selectedItem"in e?a(e.selectedItem,t):"inputValue"in e&&r(e.inputValue))},stateReducer:function(e,t){var n=i&&"isOpen"in t&&t.isOpen?{highlightedIndex:0}:{};if(!m)return h({},t,n);switch(t.type){case"__autocomplete_change_input__":default:return h({},t,n);case"__autocomplete_click_item__":case"__autocomplete_keydown_enter__":case"__autocomplete_blur_input__":case"__autocomplete_mouseup__":return h({},t,{inputValue:""},n)}}},y),(function(e){return d.default.createElement("div",{className:p.default("eds-input-group",u),style:s},d.default.createElement(v.Provider,{value:e},t))}))},w=function(){var e=d.default.useContext(v);if(!e)throw new Error("You need to wrap your component in a DownshiftProvider");return e},_=["items"],E=function(e){var t=e.items,n=g(e,_),a=w(),l=a.highlightedIndex,o=a.isOpen,i=a.selectedItem,u=a.getItemProps,s=a.getMenuProps;return d.default.createElement("ul",h({className:p.default("eds-dropdown-list",{"eds-dropdown-list--open":o})},s(),n),o?t.map((function(e,t){return d.default.createElement("li",h({className:p.default("eds-dropdown-list__item",{"eds-dropdown-list__item--highlighted":l===t,"eds-dropdown-list__item--selected":i===e})},u({key:""+t+e.value,item:e,index:t})),d.default.createElement("span",null,e.label),e.icons&&d.default.createElement("span",null,e.icons.map((function(e,t){return d.default.createElement(e,{key:t,inline:!0,className:"eds-dropdown-list__item-icon"})}))),i===e&&d.default.createElement(r.CheckIcon,null))})):null)},x=function(){var e=w();return d.default.createElement("button",h({},(0,e.getToggleButtonProps)({className:p.default("eds-dropdown__toggle-button",{"eds-dropdown__toggle-button--open":e.isOpen})}),{tabIndex:"-1",type:"button"}),d.default.createElement(r.DownArrowIcon,null))},I=["className","children"],O=function(e){var t=e.className,n=e.children,a=g(e,I);return d.default.createElement("div",h({className:p.default("eds-inline-spinner",t)},a),d.default.createElement(i.LoadingDots,null),d.default.createElement(o.VisuallyHidden,null,n))},N=["children","className","items","loading","loadingText","placeholder","style","listStyle","clearable","label","isFilled","disableLabelAnimation"],T=function(e){var t=e.children,n=e.className,a=e.items,r=e.loading,o=void 0!==r&&r,i=e.loadingText,s=void 0===i?"Loading...":i,c=e.style,f=e.listStyle,p=e.clearable,m=e.label,b=e.isFilled,v=void 0!==b&&b,y=e.disableLabelAnimation,_=g(e,N),x=w().getLabelProps;return d.default.createElement("div",{className:"eds-dropdown-wrapper",style:c},d.default.createElement(l.BaseFormControl,h({append:d.default.createElement(k,{clearable:p,loading:o,loadingText:s,readOnly:_.readOnly}),className:n,label:m,isFilled:v,labelProps:x(),disableLabelAnimation:y},_),t),d.default.createElement(E,h({items:a,style:h({position:"absolute",top:u.space.extraLarge3+u.space.extraSmall+"px"},f)},_)))},C=function(e){var t=h({},e),n=w(),a=n.clearSelection,l=n.selectedItem;return d.default.createElement(d.default.Fragment,null,l&&d.default.createElement("button",h({className:"eds-dropdown__clear-button",type:"button",tabIndex:-1,onClick:function(){return a()}},t),d.default.createElement(r.CloseSmallIcon,null)),l&&d.default.createElement("div",{className:"eds-dropdown__divider"}))},k=function(e){var t=e.clearable,n=e.readOnly;return e.loading?d.default.createElement(O,null,e.loadingText):n?null:t?d.default.createElement(d.default.Fragment,null,d.default.createElement(C,null)," ",d.default.createElement(x,null)):d.default.createElement(x,null)},S=["disabled","placeholder","selectOnTab","openOnFocus","listStyle","items","label","disableLabelAnimation","loading","loadingText","className","clearable"],L=d.default.forwardRef((function(e,t){var n=e.disabled,a=e.placeholder,l=void 0===a?"Vennligst velg":a,r=e.selectOnTab,o=void 0!==r&&r,i=e.openOnFocus,u=void 0!==i&&i,s=e.listStyle,c=e.items,f=e.label,p=e.disableLabelAnimation,m=e.loading,b=e.loadingText,v=e.className,y=e.clearable,_=g(e,S),E=w(),x=E.getToggleButtonProps,I=E.selectedItem,O=E.selectHighlightedItem,N=E.openMenu,C=E.isOpen,k=E.highlightedIndex,L=E.setHighlightedIndex;return d.default.createElement(T,h({disabled:n,listStyle:s,items:c,label:f,isFilled:!!I||0!==l.length,disableLabelAnimation:p,loading:m,loadingText:b,className:v,clearable:y},_),d.default.createElement("button",h({},x(h({className:"eds-form-control eds-dropdown__selected-item",style:{textAlign:"left"},disabled:n,type:"button",onKeyDown:function(e){if(o&&"Tab"===e.key&&O(),C){var t=e.key,n=c.map((function(e,t){return h({},e,{index:t})})).filter((function(e){return e.label.trim().charAt(0).toLowerCase()===t})),a=n.find((function(e){return e.index>(null!=k?k:0)}));a?L(a.index):n.length>0&&L(n[0].index)}},onFocus:function(){u&&!C&&N()}},_)),{ref:t}),I?I.label:l))})),F=["disabled","className","items","loading","loadingText","readOnly","prepend","selectOnTab","openOnFocus","listStyle","clearable","itemFilter","label","disableLabelAnimation","placeholder"],P=d.default.forwardRef((function(n,a){var l=n.disabled,r=void 0!==l&&l,o=n.className,i=n.items,u=n.loading,s=n.loadingText,c=n.readOnly,f=void 0!==c&&c,p=n.prepend,m=n.selectOnTab,b=void 0!==m&&m,v=n.openOnFocus,y=void 0!==v&&v,_=n.listStyle,E=n.clearable,x=n.itemFilter,I=void 0===x?function(e,t){return function(e,t){if(!t)return!0;var n=t.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&");return new RegExp(n,"i").test(e.label)}(e,t)}:x,O=n.label,N=n.disableLabelAnimation,C=n.placeholder,k=g(n,F),S=w(),L=S.getInputProps,P=S.inputValue,A=S.selectHighlightedItem,M=S.isOpen,j=S.openMenu,B=S.closeMenu,R=S.selectedItem,D=t.useState(!1),V=D[0],q=D[1],G=t.useRef(null),K=d.default.useMemo((function(){return i.filter((function(e){return I(e,P)}))}),[P,i,I]);return d.default.createElement(T,{items:K,disabled:r,readOnly:f,className:o,loading:u,loadingText:s,prepend:p,listStyle:_,clearable:E,label:O,isFilled:!!R,disableLabelAnimation:N},!V&&R&&!P&&d.default.createElement("span",{className:"eds-dropdown__searchable-selected-item__wrapper"},d.default.createElement("span",{className:"eds-dropdown__searchable-selected-item",onClick:function(){var e;return null==(e=G.current)?void 0:e.focus()}},R.label)),d.default.createElement("input",h({},L(h({disabled:r,readOnly:f,className:"eds-form-control eds-dropdown__input",onKeyDown:function(e){b&&"Tab"===e.key&&A()},onFocus:function(){!M&&y&&j(),q(!0)},placeholder:R?R.label:C},k)),{onBlur:function(){q(!1),B()},ref:e.mergeRefs(a,G)})))})),A=function(e){var t=e.feedback,n=e.variant;return d.default.createElement(l.VariantProvider,{variant:n},d.default.createElement("div",{className:e.className,style:e.style},e.children,t&&n&&d.default.createElement(l.FeedbackText,{variant:n},t)))},M={exports:{}};!function(e){var t=function(e){var t,n=Object.prototype,a=n.hasOwnProperty,l=Object.defineProperty||function(e,t,n){e[t]=n.value},r="function"==typeof Symbol?Symbol:{},o=r.iterator||"@@iterator",i=r.asyncIterator||"@@asyncIterator",u=r.toStringTag||"@@toStringTag";function s(e,t,n){return Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{s({},"")}catch(e){s=function(e,t,n){return e[t]=n}}function c(e,t,n,a){var r=Object.create((t&&t.prototype instanceof g?t:g).prototype),o=new k(a||[]);return l(r,"_invoke",{value:O(e,n,o)}),r}function d(e,t,n){try{return{type:"normal",arg:e.call(t,n)}}catch(e){return{type:"throw",arg:e}}}e.wrap=c;var f="suspendedStart",p="executing",m="completed",h={};function g(){}function b(){}function v(){}var y={};s(y,o,(function(){return this}));var w=Object.getPrototypeOf,_=w&&w(w(S([])));_&&_!==n&&a.call(_,o)&&(y=_);var E=v.prototype=g.prototype=Object.create(y);function x(e){["next","throw","return"].forEach((function(t){s(e,t,(function(e){return this._invoke(t,e)}))}))}function I(e,t){function n(l,r,o,i){var u=d(e[l],e,r);if("throw"!==u.type){var s=u.arg,c=s.value;return c&&"object"==typeof c&&a.call(c,"__await")?t.resolve(c.__await).then((function(e){n("next",e,o,i)}),(function(e){n("throw",e,o,i)})):t.resolve(c).then((function(e){s.value=e,o(s)}),(function(e){return n("throw",e,o,i)}))}i(u.arg)}var r;l(this,"_invoke",{value:function(e,a){function l(){return new t((function(t,l){n(e,a,t,l)}))}return r=r?r.then(l,l):l()}})}function O(e,t,n){var a=f;return function(l,r){if(a===p)throw new Error("Generator is already running");if(a===m){if("throw"===l)throw r;return L()}for(n.method=l,n.arg=r;;){var o=n.delegate;if(o){var i=N(o,n);if(i){if(i===h)continue;return i}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(a===f)throw a=m,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);a=p;var u=d(e,t,n);if("normal"===u.type){if(a=n.done?m:"suspendedYield",u.arg===h)continue;return{value:u.arg,done:n.done}}"throw"===u.type&&(a=m,n.method="throw",n.arg=u.arg)}}}function N(e,n){var a=n.method,l=e.iterator[a];if(l===t)return n.delegate=null,"throw"===a&&e.iterator.return&&(n.method="return",n.arg=t,N(e,n),"throw"===n.method)||"return"!==a&&(n.method="throw",n.arg=new TypeError("The iterator does not provide a '"+a+"' method")),h;var r=d(l,e.iterator,n.arg);if("throw"===r.type)return n.method="throw",n.arg=r.arg,n.delegate=null,h;var o=r.arg;return o?o.done?(n[e.resultName]=o.value,n.next=e.nextLoc,"return"!==n.method&&(n.method="next",n.arg=t),n.delegate=null,h):o:(n.method="throw",n.arg=new TypeError("iterator result is not an object"),n.delegate=null,h)}function T(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function C(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function k(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(T,this),this.reset(!0)}function S(e){if(e){var n=e[o];if(n)return n.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var l=-1,r=function n(){for(;++l<e.length;)if(a.call(e,l))return n.value=e[l],n.done=!1,n;return n.value=t,n.done=!0,n};return r.next=r}}return{next:L}}function L(){return{value:t,done:!0}}return b.prototype=v,l(E,"constructor",{value:v,configurable:!0}),l(v,"constructor",{value:b,configurable:!0}),b.displayName=s(v,u,"GeneratorFunction"),e.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===b||"GeneratorFunction"===(t.displayName||t.name))},e.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,v):(e.__proto__=v,s(e,u,"GeneratorFunction")),e.prototype=Object.create(E),e},e.awrap=function(e){return{__await:e}},x(I.prototype),s(I.prototype,i,(function(){return this})),e.AsyncIterator=I,e.async=function(t,n,a,l,r){void 0===r&&(r=Promise);var o=new I(c(t,n,a,l),r);return e.isGeneratorFunction(n)?o:o.next().then((function(e){return e.done?e.value:o.next()}))},x(E),s(E,u,"Generator"),s(E,o,(function(){return this})),s(E,"toString",(function(){return"[object Generator]"})),e.keys=function(e){var t=Object(e),n=[];for(var a in t)n.push(a);return n.reverse(),function e(){for(;n.length;){var a=n.pop();if(a in t)return e.value=a,e.done=!1,e}return e.done=!0,e}},e.values=S,k.prototype={constructor:k,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(C),!e)for(var n in this)"t"===n.charAt(0)&&a.call(this,n)&&!isNaN(+n.slice(1))&&(this[n]=t)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(e){if(this.done)throw e;var n=this;function l(a,l){return i.type="throw",i.arg=e,n.next=a,l&&(n.method="next",n.arg=t),!!l}for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r],i=o.completion;if("root"===o.tryLoc)return l("end");if(o.tryLoc<=this.prev){var u=a.call(o,"catchLoc"),s=a.call(o,"finallyLoc");if(u&&s){if(this.prev<o.catchLoc)return l(o.catchLoc,!0);if(this.prev<o.finallyLoc)return l(o.finallyLoc)}else if(u){if(this.prev<o.catchLoc)return l(o.catchLoc,!0)}else{if(!s)throw new Error("try statement without catch or finally");if(this.prev<o.finallyLoc)return l(o.finallyLoc)}}}},abrupt:function(e,t){for(var n=this.tryEntries.length-1;n>=0;--n){var l=this.tryEntries[n];if(l.tryLoc<=this.prev&&a.call(l,"finallyLoc")&&this.prev<l.finallyLoc){var r=l;break}}r&&("break"===e||"continue"===e)&&r.tryLoc<=t&&t<=r.finallyLoc&&(r=null);var o=r?r.completion:{};return o.type=e,o.arg=t,r?(this.method="next",this.next=r.finallyLoc,h):this.complete(o)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),h},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),C(n),h}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var a=n.completion;if("throw"===a.type){var l=a.arg;C(n)}return l}}throw new Error("illegal catch attempt")},delegateYield:function(e,n,a){return this.delegate={iterator:S(e),resultName:n,nextLoc:a},"next"===this.method&&(this.arg=t),h}},e}(e.exports);try{regeneratorRuntime=t}catch(e){"object"==typeof globalThis?globalThis.regeneratorRuntime=t:Function("r","regeneratorRuntime = r")(t)}}(M);var j=M.exports,B=function(e,t){switch(t.type){case"request results":return{items:[],loading:!0};case"received results":return{items:t.payload,loading:!1}}},R=function(t,n){void 0===n&&(n=250);var a,l="function"==typeof t,r=d.default.useMemo((function(){return l?t:function(){return Promise.resolve(t)}}),[t,l]),o=d.default.useReducer(B,{items:l?[]:t,loading:!1}),i=o[0],u=i.items,s=i.loading,c=o[1],f=(a=d.default.useRef(!0),d.default.useEffect((function(){return function(){a.current=!1}}),[]),a.current),p=d.default.useCallback(function(){var e,t=(e=j.mark((function e(t){var n;return j.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(f){e.next=2;break}return e.abrupt("return");case 2:return c({type:"request results"}),e.next=5,r(t);case 5:n=e.sent,f&&c({type:"received results",payload:n});case 7:case"end":return e.stop()}}),e)})),function(){var t=this,n=arguments;return new Promise((function(a,l){var r=e.apply(t,n);function o(e){m(r,a,l,o,i,"next",e)}function i(e){m(r,a,l,o,i,"throw",e)}o(void 0)}))});return function(e){return t.apply(this,arguments)}}(),[r,f]),g=function(e){return d.default.useMemo((function(){return e.map((function(e){return"string"==typeof e?{value:e,label:e}:"value"in e?e:h({},e,{value:e.label})}))}),[e])}(u);return d.default.useEffect((function(){l&&p("")}),[l,p]),{items:g,loading:!!l&&s,fetchItems:e.debounce(p,n)}},D=["highlightFirstItemOnOpen","debounceTimeout","disabled","feedback","items","label","loadingText","onChange","placeholder","prepend","readOnly","searchable","selectOnTab","openOnFocus","variant","value","clearable","className","style","listStyle","itemFilter","disableLabelAnimation"],V=d.default.forwardRef((function(e,t){var n=e.highlightFirstItemOnOpen,a=e.debounceTimeout,l=e.disabled,r=e.feedback,o=e.items,i=e.label,u=e.loadingText,s=e.onChange,c=void 0===s?function(){}:s,f=e.placeholder,p=e.prepend,m=e.readOnly,b=e.searchable,v=e.selectOnTab,w=e.openOnFocus,_=e.variant,E=e.value,x=e.clearable,I=void 0!==x&&x,O=e.className,N=e.style,T=e.listStyle,C=e.itemFilter,k=e.disableLabelAnimation,S=g(e,D),F=R(o,a),M=F.items,j=F.loading,B=F.fetchItems,V=void 0===E?void 0:M.find((function(e){return E===e.value}))||null,q=b?P:L,G=b?{itemFilter:C,name:S.name,"data-cy":S["data-cy"]}:{name:S.name,"data-cy":S["data-cy"]};return d.default.createElement(y,h({selectedItem:V,onInputValueChange:B,onChange:c,value:E,highlightFirstItemOnOpen:n,className:O,style:N,searchable:b},S),d.default.createElement(A,{feedback:r,variant:_},d.default.createElement(q,h({label:i,items:M,loading:j,loadingText:u,disabled:l,readOnly:m,placeholder:f,prepend:p,selectOnTab:v,openOnFocus:w,listStyle:T,clearable:I,disableLabelAnimation:k,ref:t},G))))})),q=["className","disabled","readOnly","items","loadingText","prepend","style","label","variant","feedback","disableLabelAnimation"],G=["items","itemsSelectedLabel","label","feedback","variant","disabled","readOnly","onChange","className","clearable","loading","loadingText","openOnFocus","style","listStyle","initialSelectedItems","debounceTimeout"],K=d.default.createContext(null),H=function(){var e=d.default.useContext(K);if(!e)throw new Error("You need to wrap your component in a DownshiftProvider");return e};function Y(e,t){var a=t.changes;switch(t.type){case n.useSelect.stateChangeTypes.MenuKeyDownEnter:case n.useSelect.stateChangeTypes.MenuKeyDownSpaceButton:case n.useSelect.stateChangeTypes.ItemClick:return h({},a,{isOpen:!0,highlightedIndex:e.highlightedIndex});default:return a}}var $=function(e){var t=h({},e),n=H().reset;return d.default.createElement(d.default.Fragment,null,d.default.createElement("button",h({className:"eds-dropdown__clear-button",type:"button",tabIndex:-1,onClick:function(){return n()}},t),d.default.createElement(r.CloseIcon,null)),d.default.createElement("div",{className:"eds-dropdown__divider"}))},U=function(e){var t=e.readOnly,n=e.hasSelected;return e.loading?d.default.createElement(O,null,e.loadingText):t?null:n?d.default.createElement(d.default.Fragment,null,d.default.createElement($,null),d.default.createElement(z,null)):d.default.createElement(z,null)},z=function(){var e=H(),t=e.openMenu,n=e.openOnFocus;return d.default.createElement("button",h({},(0,e.getToggleButtonProps)({className:p.default("eds-dropdown__toggle-button",{"eds-dropdown__toggle-button--open":e.isOpen}),onFocus:function(){n&&t()}}),{type:"button"}),d.default.createElement(r.DownArrowIcon,null))},J=function(){return d.default.createElement("svg",{className:"eds-checkbox-icon",width:"11px",height:"9px",viewBox:"6 11 37 33"},d.default.createElement("path",{className:"eds-checkbox-icon__path",d:"M14.1 27.2l7.1 7.2 14.6-14.8",fill:"none"}))},Q=["selectedItem","isOpen","getMenuProps","getItemProps","filteredItems","highlightedIndex","listStyle"],W=function(e){var t=e.selectedItem,n=e.isOpen,a=e.getMenuProps,l=e.getItemProps,o=e.filteredItems,i=e.highlightedIndex,u=e.listStyle,s=g(e,Q);return d.default.createElement("ul",h({className:p.default("eds-searchable-dropdown__list",{"eds-searchable-dropdown__list--open":n})},a(),{style:h({},s.style,u)}),n?o.map((function(e,n){return d.default.createElement("li",h({className:p.default("eds-searchable-dropdown__list__item",{"eds-searchable-dropdown__list__item--highlighted":i===n,"eds-searchable-dropdown__list__item--selected":(null==t?void 0:t.value)===e.value})},l({key:""+n+e.value,item:e,index:n})),d.default.createElement("span",null,e.label),e.icons&&d.default.createElement("span",null,e.icons.map((function(e,t){return d.default.createElement(e,{key:t,inline:!0,className:"eds-searchable-dropdown__list__item-icon"})}))),(null==t?void 0:t.value)===e.value&&d.default.createElement(r.CheckIcon,null))})):null)},X=["items","selectedItem","onChange","label","placeholder","clearable","openOnFocus","readonly","feedback","variant","className","listStyle"],Z=function(e){var t=e.getToggleButtonProps,n=e.isOpen,a=e.onChange;return e.readOnly?null:d.default.createElement("div",{style:{display:"flex",alignItems:"center"}},e.clearable&&e.selectedItem&&d.default.createElement(d.default.Fragment,null,d.default.createElement(s.IconButton,{className:"eds-searchable-dropdown-appendix__clear-button",type:"button",tabIndex:-1,onClick:function(){return a(null)}},d.default.createElement(r.CloseSmallIcon,null)),d.default.createElement("div",{className:"eds-searchable-dropdown-appendix__divider"})),d.default.createElement(s.IconButton,h({},t({className:p.default("eds-searchable-dropdown-appendix__toggle-button",{"eds-searchable-dropdown-appendix__toggle-button--open":n})}),{tabIndex:-1,type:"button"}),d.default.createElement(r.DownArrowIcon,null)))};e.warnAboutMissingStyles("dropdown","form","a11y","chip"),exports.Dropdown=V,exports.MultiSelect=function(a){var r=a.items,o=a.itemsSelectedLabel,i=void 0===o?function(e){return function(e){return e.length<3?e.map((function(e){return e.label})).toString():e.length+" elementer valgt"}(e)}:o,s=a.label,c=a.feedback,f=a.variant,m=a.disabled,b=a.readOnly,v=void 0!==b&&b,y=a.onChange,w=void 0===y?function(){}:y,_=a.className,E=a.clearable,x=void 0!==E&&E,I=a.loading,O=void 0!==I&&I,N=a.loadingText,T=void 0===N?"":N,C=a.openOnFocus,k=void 0!==C&&C,S=a.style,L=a.listStyle,F=a.initialSelectedItems,P=void 0===F?[]:F,A=a.debounceTimeout,M=g(a,G),j=R(r,A).items,B=t.useState(P),D=B[0],V=B[1],q=d.default.useCallback((function(){V([])}),[]);function H(e){return D.some((function(t){return t.value===e.value}))}var $=n.useSelect(h({items:j,stateReducer:Y,selectedItem:null,onSelectedItemChange:function(e){var t=e.selectedItem;if(t)if(H(t)){var n=D.filter((function(e){return e.value!==t.value}));V(n),w(n)}else{var a=[].concat(D,[t]);V(a),w(a)}}},M)),z=$.isOpen,Q=$.getToggleButtonProps,W=$.getLabelProps,X=$.getMenuProps,Z=$.highlightedIndex,ee=$.getItemProps,te=$.openMenu,ne=D.length?i(D):"",ae=e.useRandomId("eds-multiselect");return d.default.createElement(K.Provider,{value:{isOpen:z,reset:q,getToggleButtonProps:Q,openMenu:te,openOnFocus:k}},d.default.createElement("div",{className:p.default("eds-multiselect","eds-dropdown-wrapper",_),style:S},d.default.createElement(l.BaseFormControl,{label:s,labelId:ae,labelProps:W(),feedback:c,variant:f,isFilled:D.length>0||z,disabled:m,readOnly:v,append:d.default.createElement(U,{hasSelected:x&&D.length>0,loading:O,loadingText:T,readOnly:v})},d.default.createElement("button",h({},Q({style:{textAlign:"left"},type:"button",className:"eds-form-control eds-multiselect__button"})),ne)),d.default.createElement("ul",h({className:p.default("eds-dropdown-list",{"eds-dropdown-list--open":z})},X({style:h({position:"absolute",top:u.space.extraLarge3+u.space.extraSmall+"px"},L)})),z&&j.map((function(e,t){return d.default.createElement("li",h({className:p.default("eds-dropdown-list__item",{"eds-dropdown-list__item--highlighted":Z===t,"eds-dropdown-list__item--selected":H(e)}),key:""+e.value+t},ee({item:e,index:t}),{style:{display:"flex"}}),d.default.createElement("span",{style:{display:"flex"}},d.default.createElement("span",{className:p.default("eds-multiselect-checkbox",{"eds-multiselect-checkbox--checked":H(e)})},d.default.createElement(J,null)),d.default.createElement("span",{className:"eds-multiselect__item-label"},e.label)),e.icons&&d.default.createElement("span",null,e.icons.map((function(e,t){return d.default.createElement(e,{key:t,inline:!0,className:"eds-dropdown-list__item-icon"})}))))})))))},exports.NativeDropdown=function(t){var n=t.className,a=t.disabled,o=void 0!==a&&a,i=t.readOnly,u=void 0!==i&&i,s=t.items,c=t.loadingText,f=t.prepend,p=t.style,m=t.label,b=t.variant,v=t.feedback,y=t.disableLabelAnimation,w=g(t,q),_=R(s),E=_.items,x=_.loading,I=d.default.createElement(r.DownArrowIcon,{inline:!0});o||u?I=null:x&&(I=d.default.createElement(O,null,c));var N=e.useRandomId("eds-native-dropdown");return d.default.createElement(l.BaseFormControl,{disabled:o,readOnly:u,prepend:f,append:I,className:n,style:p,label:m,variant:b,feedback:v,labelId:N,disableLabelAnimation:y,isFilled:!0},d.default.createElement("select",h({"aria-invalid":"error"===b,className:"eds-form-control eds-dropdown",disabled:o||u},w),E.map((function(e){return d.default.createElement("option",{key:e.value,value:e.value},e.label)}))))},exports.SearchableDropdownBeta=function(e){var a,r=e.items,o=e.selectedItem,i=e.onChange,u=e.label,s=e.placeholder,c=e.clearable,f=void 0!==c&&c,m=e.openOnFocus,b=void 0!==m&&m,v=e.readonly,y=void 0!==v&&v,w=e.feedback,_=e.variant,E=void 0===_?"info":_,x=e.className,I=e.listStyle,O=g(e,X),N=d.default.useState(r),T=N[0],C=N[1],k=t.useState(!1),S=k[0],L=k[1],F=t.useRef(null),P=d.default.useCallback((function(e,t){var a=t.changes;switch(t.type){case n.useCombobox.stateChangeTypes.ItemClick:case n.useCombobox.stateChangeTypes.InputKeyDownEnter:case n.useCombobox.stateChangeTypes.InputBlur:case n.useCombobox.stateChangeTypes.ControlledPropUpdatedSelectedItem:return h({},a,a.selectedItem&&{inputValue:""});default:return a}}),[]),A=n.useCombobox(h({onInputValueChange:function(e){var t=e.inputValue;C(r.filter((function(e){return function(e,t){if(!t)return!0;var n=t.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&");return new RegExp(n,"i").test(e.label)}(e,t)})))},items:T,itemToString:function(e){return e?e.value:""},stateReducer:P,selectedItem:o,onSelectedItemChange:function(e){var t=e.selectedItem;return i(null!=t?t:null)}},O)),M=A.isOpen,j=A.getLabelProps,B=A.getMenuProps,R=A.getInputProps,D=A.getComboboxProps,V=A.highlightedIndex,q=A.getItemProps,G=A.selectedItem,K=A.openMenu,H=A.inputValue;return d.default.createElement("div",{className:"eds-searchable-dropdown__wrapper"},d.default.createElement(l.BaseFormControl,h({append:d.default.createElement(Z,{selectedItem:G,isOpen:M,clearable:f,loading:!1,loadingText:"",readOnly:y,onChange:i,getToggleButtonProps:A.getToggleButtonProps}),className:p.default("eds-searchable-dropdown",x),label:u,isFilled:!!G,feedback:w,variant:E,readOnly:y,labelProps:j()},D(),O),!S&&G&&!H&&d.default.createElement("span",{className:"eds-searchable-dropdown__selected-item__wrapper"},d.default.createElement("span",{className:"eds-searchable-dropdown__selected-item",onClick:function(){var e;return null==(e=F.current)?void 0:e.focus()}},G.label)),d.default.createElement("input",h({placeholder:null!=(a=null==G?void 0:G.label)?a:s,className:"eds-searchable-dropdown__input eds-form-control"},R({onFocus:function(){!M&&b&&K(),L(!0)},onBlur:function(){L(!1)},ref:F})))),d.default.createElement(W,{selectedItem:G,isOpen:M,filteredItems:T,highlightedIndex:V,listStyle:I,getMenuProps:B,getItemProps:q}))};
 //# sourceMappingURL=dropdown.cjs.production.min.js.map