@entur/dropdown 5.0.11 → 5.0.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/dropdown.cjs.development.js +13 -9
- package/dist/dropdown.cjs.development.js.map +1 -1
- package/dist/dropdown.cjs.production.min.js +1 -1
- package/dist/dropdown.cjs.production.min.js.map +1 -1
- package/dist/dropdown.esm.js +13 -9
- package/dist/dropdown.esm.js.map +1 -1
- package/dist/styles.css +78 -65
- package/package.json +2 -2
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),t=require("react"),n=require("downshift"),l=require("classnames"),a=require("@entur/form"),r=require("@entur/icons"),o=require("@entur/a11y"),i=require("@entur/loader"),s=require("@entur/tokens"),c=require("@entur/button"),d=require("@entur/chip"),u=require("@entur/tooltip");function m(){m=function(){return e};var e={},t=Object.prototype,n=t.hasOwnProperty,l=Object.defineProperty||function(e,t,n){e[t]=n.value},a="function"==typeof Symbol?Symbol:{},r=a.iterator||"@@iterator",o=a.asyncIterator||"@@asyncIterator",i=a.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 p?t:p).prototype),o=new L(a||[]);return l(r,"_invoke",{value:w(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 u={};function p(){}function g(){}function v(){}var h={};s(h,r,(function(){return this}));var f=Object.getPrototypeOf,b=f&&f(f(S([])));b&&b!==t&&n.call(b,r)&&(h=b);var y=v.prototype=p.prototype=Object.create(h);function I(e){["next","throw","return"].forEach((function(t){s(e,t,(function(e){return this._invoke(t,e)}))}))}function _(e,t){function a(l,r,o,i){var s=d(e[l],e,r);if("throw"!==s.type){var c=s.arg,u=c.value;return u&&"object"==typeof u&&n.call(u,"__await")?t.resolve(u.__await).then((function(e){a("next",e,o,i)}),(function(e){a("throw",e,o,i)})):t.resolve(u).then((function(e){c.value=e,o(c)}),(function(e){return a("throw",e,o,i)}))}i(s.arg)}var r;l(this,"_invoke",{value:function(e,n){function l(){return new t((function(t,l){a(e,n,t,l)}))}return r=r?r.then(l,l):l()}})}function w(e,t,n){var l="suspendedStart";return function(a,r){if("executing"===l)throw new Error("Generator is already running");if("completed"===l){if("throw"===a)throw r;return{value:void 0,done:!0}}for(n.method=a,n.arg=r;;){var o=n.delegate;if(o){var i=x(o,n);if(i){if(i===u)continue;return i}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if("suspendedStart"===l)throw l="completed",n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);l="executing";var s=d(e,t,n);if("normal"===s.type){if(l=n.done?"completed":"suspendedYield",s.arg===u)continue;return{value:s.arg,done:n.done}}"throw"===s.type&&(l="completed",n.method="throw",n.arg=s.arg)}}}function x(e,t){var n=t.method,l=e.iterator[n];if(void 0===l)return t.delegate=null,"throw"===n&&e.iterator.return&&(t.method="return",t.arg=void 0,x(e,t),"throw"===t.method)||"return"!==n&&(t.method="throw",t.arg=new TypeError("The iterator does not provide a '"+n+"' method")),u;var a=d(l,e.iterator,t.arg);if("throw"===a.type)return t.method="throw",t.arg=a.arg,t.delegate=null,u;var r=a.arg;return r?r.done?(t[e.resultName]=r.value,t.next=e.nextLoc,"return"!==t.method&&(t.method="next",t.arg=void 0),t.delegate=null,u):r:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,u)}function C(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 E(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function L(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(C,this),this.reset(!0)}function S(e){if(e){var t=e[r];if(t)return t.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var l=-1,a=function t(){for(;++l<e.length;)if(n.call(e,l))return t.value=e[l],t.done=!1,t;return t.value=void 0,t.done=!0,t};return a.next=a}}return{next:T}}function T(){return{value:void 0,done:!0}}return g.prototype=v,l(y,"constructor",{value:v,configurable:!0}),l(v,"constructor",{value:g,configurable:!0}),g.displayName=s(v,i,"GeneratorFunction"),e.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===g||"GeneratorFunction"===(t.displayName||t.name))},e.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,v):(e.__proto__=v,s(e,i,"GeneratorFunction")),e.prototype=Object.create(y),e},e.awrap=function(e){return{__await:e}},I(_.prototype),s(_.prototype,o,(function(){return this})),e.AsyncIterator=_,e.async=function(t,n,l,a,r){void 0===r&&(r=Promise);var o=new _(c(t,n,l,a),r);return e.isGeneratorFunction(n)?o:o.next().then((function(e){return e.done?e.value:o.next()}))},I(y),s(y,i,"Generator"),s(y,r,(function(){return this})),s(y,"toString",(function(){return"[object Generator]"})),e.keys=function(e){var t=Object(e),n=[];for(var l in t)n.push(l);return n.reverse(),function e(){for(;n.length;){var l=n.pop();if(l in t)return e.value=l,e.done=!1,e}return e.done=!0,e}},e.values=S,L.prototype={constructor:L,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(E),!e)for(var t in this)"t"===t.charAt(0)&&n.call(this,t)&&!isNaN(+t.slice(1))&&(this[t]=void 0)},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 t=this;function l(n,l){return o.type="throw",o.arg=e,t.next=n,l&&(t.method="next",t.arg=void 0),!!l}for(var a=this.tryEntries.length-1;a>=0;--a){var r=this.tryEntries[a],o=r.completion;if("root"===r.tryLoc)return l("end");if(r.tryLoc<=this.prev){var i=n.call(r,"catchLoc"),s=n.call(r,"finallyLoc");if(i&&s){if(this.prev<r.catchLoc)return l(r.catchLoc,!0);if(this.prev<r.finallyLoc)return l(r.finallyLoc)}else if(i){if(this.prev<r.catchLoc)return l(r.catchLoc,!0)}else{if(!s)throw new Error("try statement without catch or finally");if(this.prev<r.finallyLoc)return l(r.finallyLoc)}}}},abrupt:function(e,t){for(var l=this.tryEntries.length-1;l>=0;--l){var a=this.tryEntries[l];if(a.tryLoc<=this.prev&&n.call(a,"finallyLoc")&&this.prev<a.finallyLoc){var r=a;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,u):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),u},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),E(n),u}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var l=n.completion;if("throw"===l.type){var a=l.arg;E(n)}return a}}throw new Error("illegal catch attempt")},delegateYield:function(e,t,n){return this.delegate={iterator:S(e),resultName:t,nextLoc:n},"next"===this.method&&(this.arg=void 0),u}},e}function p(e,t,n,l,a,r,o){try{var i=e[r](o),s=i.value}catch(e){return void n(e)}i.done?t(s):Promise.resolve(s).then(l,a)}function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},g.apply(this,arguments)}function v(e){if(null==e)throw new TypeError("Cannot destructure "+e)}function h(e,t){if(null==e)return{};var n,l,a={},r=Object.keys(e);for(l=0;l<r.length;l++)t.indexOf(n=r[l])>=0||(a[n]=e[n]);return a}var f=["children","onChange","onInputValueChange","highlightFirstItemOnOpen","className","style","searchable"],b=t.createContext(null),y=function(e){var a=e.children,r=e.onChange,o=void 0===r?function(){}:r,i=e.onInputValueChange,s=void 0===i?function(){}:i,c=e.highlightFirstItemOnOpen,d=void 0!==c&&c,u=e.className,m=e.style,p=e.searchable,v=void 0!==p&&p,y=h(e,f);return t.createElement(n,g({itemToString:function(e){return e?e.label:""},onStateChange:function(e,t){e.type!==n.stateChangeTypes.controlledPropUpdatedSelectedItem&&("selectedItem"in e?o(e.selectedItem,t):"inputValue"in e&&s(e.inputValue))},stateReducer:function(e,t){var n=d&&"isOpen"in t&&t.isOpen?{highlightedIndex:0}:{};if(!v)return g({},t,n);switch(t.type){case"__autocomplete_change_input__":default:return g({},t,n);case"__autocomplete_click_item__":case"__autocomplete_keydown_enter__":case"__autocomplete_blur_input__":case"__autocomplete_mouseup__":return g({},t,{inputValue:""},n)}}},y),(function(e){return t.createElement("div",{className:l("eds-input-group",u),style:m},t.createElement(b.Provider,{value:e},a))}))},I=function(){var e=t.useContext(b);if(!e)throw new Error("You need to wrap your component in a DownshiftProvider");return e},_=["items"],w=function(e){var n=e.items,a=h(e,_),o=I(),i=o.highlightedIndex,s=o.isOpen,c=o.selectedItem,d=o.getItemProps,u=o.getMenuProps;return t.createElement("ul",g({className:l("eds-dropdown-list",{"eds-dropdown-list--open":s})},u(),a),s?n.map((function(e,n){return t.createElement("li",g({className:l("eds-dropdown-list__item",{"eds-dropdown-list__item--highlighted":i===n,"eds-dropdown-list__item--selected":c===e})},d({key:""+n+e.value,item:e,index:n})),t.createElement("span",null,e.label),e.icons&&t.createElement("span",null,e.icons.map((function(e,n){return t.createElement(e,{key:n,inline:!0,className:"eds-dropdown-list__item-icon"})}))),c===e&&t.createElement(r.CheckIcon,null))})):null)},x=function(){var e=I();return t.createElement("button",g({},(0,e.getToggleButtonProps)({className:l("eds-dropdown__toggle-button",{"eds-dropdown__toggle-button--open":e.isOpen})}),{tabIndex:"-1",type:"button"}),t.createElement(r.DownArrowIcon,null))},C=["className","children"],E=function(e){var n=e.className,a=e.children,r=h(e,C);return t.createElement("div",g({className:l("eds-inline-spinner",n)},r),t.createElement(i.LoadingDots,null),t.createElement(o.VisuallyHidden,null,a))},L=["children","className","items","loading","loadingText","placeholder","style","listStyle","clearable","label","isFilled","disableLabelAnimation"],S=function(e){var n=e.children,l=e.className,r=e.items,o=e.loading,i=void 0!==o&&o,c=e.loadingText,d=void 0===c?"Loading...":c,u=e.style,m=e.listStyle,p=e.clearable,v=e.label,f=e.isFilled,b=void 0!==f&&f,y=e.disableLabelAnimation,_=h(e,L),x=I().getLabelProps;return t.createElement("div",{className:"eds-dropdown-wrapper",style:u},t.createElement(a.BaseFormControl,g({append:t.createElement(O,{clearable:p,loading:i,loadingText:d,readOnly:_.readOnly}),className:l,label:v,isFilled:b,labelProps:x(),disableLabelAnimation:y},_),n),t.createElement(w,g({items:r,style:g({position:"absolute",top:s.space.extraLarge3+s.space.extraSmall+"px"},m)},_)))},T=function(e){var n=g({},(v(e),e)),l=I(),a=l.clearSelection,o=l.selectedItem;return t.createElement(t.Fragment,null,o&&t.createElement("button",g({className:"eds-dropdown__clear-button",type:"button",tabIndex:-1,onClick:function(){return a()},"aria-label":"Trykk for å fjerne valg"},n),t.createElement(r.CloseSmallIcon,null)),o&&t.createElement("div",{className:"eds-dropdown__divider"}))},O=function(e){var n=e.clearable,l=e.readOnly;return e.loading?t.createElement(E,null,e.loadingText):l?null:n?t.createElement(t.Fragment,null,t.createElement(T,null)," ",t.createElement(x,null)):t.createElement(x,null)},k=["disabled","placeholder","selectOnTab","openOnFocus","listStyle","items","label","disableLabelAnimation","loading","loadingText","className","clearable"],N=t.forwardRef((function(e,n){var l=e.disabled,a=e.placeholder,r=void 0===a?"Vennligst velg":a,o=e.selectOnTab,i=void 0!==o&&o,s=e.openOnFocus,c=void 0!==s&&s,d=e.listStyle,u=e.items,m=e.label,p=e.disableLabelAnimation,v=e.loading,f=e.loadingText,b=e.className,y=e.clearable,_=h(e,k),w=I(),x=w.getToggleButtonProps,C=w.selectedItem,E=w.selectHighlightedItem,L=w.openMenu,T=w.isOpen,O=w.highlightedIndex,N=w.setHighlightedIndex;return t.createElement(S,g({disabled:l,listStyle:d,items:u,label:m,isFilled:!!C||0!==r.length,disableLabelAnimation:p,loading:v,loadingText:f,className:b,clearable:y},_),t.createElement("button",g({},x(g({className:"eds-form-control eds-dropdown__selected-item",style:{textAlign:"left"},disabled:l,type:"button",onKeyDown:function(e){if(i&&"Tab"===e.key&&E(),T){var t=e.key,n=u.map((function(e,t){return g({},e,{index:t})})).filter((function(e){return e.label.trim().charAt(0).toLowerCase()===t})),l=n.find((function(e){return e.index>(null!=O?O:0)}));l?N(l.index):n.length>0&&N(n[0].index)}},onFocus:function(){c&&!T&&L()}},_)),{ref:n}),C?C.label:r))})),P=["disabled","className","items","loading","loadingText","readOnly","prepend","selectOnTab","openOnFocus","listStyle","clearable","itemFilter","label","disableLabelAnimation","placeholder"],A=t.forwardRef((function(n,l){var a=n.disabled,r=void 0!==a&&a,o=n.className,i=n.items,s=n.loading,c=n.loadingText,d=n.readOnly,u=void 0!==d&&d,m=n.prepend,p=n.selectOnTab,v=void 0!==p&&p,f=n.openOnFocus,b=void 0!==f&&f,y=n.listStyle,_=n.clearable,w=n.itemFilter,x=void 0===w?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)}:w,C=n.label,E=n.disableLabelAnimation,L=n.placeholder,T=h(n,P),O=I(),k=O.getInputProps,N=O.inputValue,A=O.selectHighlightedItem,F=O.isOpen,B=O.openMenu,V=O.closeMenu,M=O.selectedItem,D=t.useState(!1),R=D[0],j=D[1],K=t.useRef(null),q=t.useMemo((function(){return i.filter((function(e){return x(e,N)}))}),[N,i,x]);return t.createElement(S,{items:q,disabled:r,readOnly:u,className:o,loading:s,loadingText:c,prepend:m,listStyle:y,clearable:_,label:C,isFilled:!!M,disableLabelAnimation:E},!R&&M&&!N&&t.createElement("span",{className:"eds-dropdown__searchable-selected-item__wrapper"},t.createElement("span",{className:"eds-dropdown__searchable-selected-item",onClick:function(){var e;return null==(e=K.current)?void 0:e.focus()}},M.label)),t.createElement("input",g({},k(g({disabled:r,readOnly:u,className:"eds-form-control eds-dropdown__input",onKeyDown:function(e){v&&"Tab"===e.key&&A()},onFocus:function(){!F&&b&&B(),j(!0)},placeholder:M?M.label:L},T)),{onBlur:function(){j(!1),V()},ref:e.mergeRefs(l,K)})))})),F=function(e){var n=e.feedback,l=e.variant;return t.createElement(a.VariantProvider,{variant:l},t.createElement("div",{className:e.className,style:e.style},e.children,n&&l&&t.createElement(a.FeedbackText,{variant:l},n)))},B=function(e,t){switch(t.type){case"request results":return{items:[],loading:!0};case"received results":return{items:t.payload,loading:!1}}},V=function(n,l){void 0===l&&(l=250);var a,r="function"==typeof n,o=t.useMemo((function(){return r?n:function(){return Promise.resolve(n)}}),[n,r]),i=t.useReducer(B,{items:r?[]:n,loading:!1}),s=i[0],c=s.items,d=s.loading,u=i[1],v=(a=t.useRef(!0),t.useEffect((function(){return function(){a.current=!1}}),[]),a.current),h=t.useCallback(function(){var e,t=(e=m().mark((function e(t){var n;return m().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(v){e.next=2;break}return e.abrupt("return");case 2:return u({type:"request results"}),e.next=5,o(t);case 5:n=e.sent,v&&u({type:"received results",payload:n});case 7:case"end":return e.stop()}}),e)})),function(){var t=this,n=arguments;return new Promise((function(l,a){var r=e.apply(t,n);function o(e){p(r,l,a,o,i,"next",e)}function i(e){p(r,l,a,o,i,"throw",e)}o(void 0)}))});return function(e){return t.apply(this,arguments)}}(),[o,v]),f=function(e){return t.useMemo((function(){return e.map((function(e){return"string"==typeof e?{value:e,label:e}:"value"in e?e:g({},e,{value:e.label})}))}),[e])}(c);return t.useEffect((function(){r&&h("")}),[r,h]),{items:f,loading:!!r&&d,fetchItems:e.debounce(h,l)}},M=["highlightFirstItemOnOpen","debounceTimeout","disabled","feedback","items","label","loadingText","onChange","placeholder","prepend","readOnly","searchable","selectOnTab","openOnFocus","variant","value","clearable","className","style","listStyle","itemFilter","disableLabelAnimation"],D=t.forwardRef((function(e,n){var l=e.highlightFirstItemOnOpen,a=e.debounceTimeout,r=e.disabled,o=e.feedback,i=e.items,s=e.label,c=e.loadingText,d=e.onChange,u=void 0===d?function(){}:d,m=e.placeholder,p=e.prepend,v=e.readOnly,f=e.searchable,b=e.selectOnTab,I=e.openOnFocus,_=e.variant,w=e.value,x=e.clearable,C=void 0!==x&&x,E=e.className,L=e.style,S=e.listStyle,T=e.itemFilter,O=e.disableLabelAnimation,k=h(e,M),P=V(i,a),B=P.items,D=P.loading,R=P.fetchItems,j=void 0===w?void 0:B.find((function(e){return w===e.value}))||null,K=f?A:N,q=f?{itemFilter:T,name:k.name,"data-cy":k["data-cy"]}:{name:k.name,"data-cy":k["data-cy"]};return t.createElement(y,g({selectedItem:j,onInputValueChange:R,onChange:u,value:w,highlightFirstItemOnOpen:l,className:E,style:L,searchable:f},k),t.createElement(F,{feedback:o,variant:_},t.createElement(K,g({label:s,items:B,loading:D,loadingText:c,disabled:r,readOnly:v,placeholder:m,prepend:p,selectOnTab:b,openOnFocus:I,listStyle:S,clearable:C,disableLabelAnimation:O,ref:n},q))))})),R=["className","clearable","debounceTimeout","disabled","feedback","initialSelectedItems","items","itemsSelectedLabel","label","listStyle","loading","loadingText","onChange","openOnFocus","readOnly","style","variant"],j=t.createContext(null),K=function(){var e=t.useContext(j);if(!e)throw new Error("You need to wrap your component in a DownshiftProvider");return e};function q(e,t){var l=t.changes;switch(t.type){case n.useSelect.stateChangeTypes.ToggleButtonKeyDownEnter:case n.useSelect.stateChangeTypes.ToggleButtonKeyDownSpaceButton:case n.useSelect.stateChangeTypes.ItemClick:return g({},l,{isOpen:!0,highlightedIndex:e.highlightedIndex});default:return l}}var H=function(e){var n=g({},(v(e),e)),l=K().reset;return t.createElement(t.Fragment,null,t.createElement("button",g({className:"eds-dropdown__clear-button",type:"button",tabIndex:-1,onClick:function(){return l()}},n),t.createElement(r.CloseIcon,null)),t.createElement("div",{className:"eds-dropdown__divider"}))},G=function(e){var n=e.readOnly,l=e.hasSelected;return e.loading?t.createElement(E,null,e.loadingText):n?null:l?t.createElement(t.Fragment,null,t.createElement(H,null),t.createElement(Y,null)):t.createElement(Y,null)},Y=function(){var e=K(),n=e.openMenu,a=e.openOnFocus;return t.createElement("button",g({},(0,e.getToggleButtonProps)({className:l("eds-dropdown__toggle-button",{"eds-dropdown__toggle-button--open":e.isOpen}),onFocus:function(){a&&n()}}),{type:"button"}),t.createElement(r.DownArrowIcon,null))},U=function(){return t.createElement("svg",{className:"eds-checkbox-icon",width:"11px",height:"9px",viewBox:"6 11 37 33"},t.createElement("path",{className:"eds-checkbox-icon__path",d:"M14.1 27.2l7.1 7.2 14.6-14.8",fill:"none"}))},$=["ariaLabelChosenSingular","ariaLabelSelectedItem","getItemProps","getMenuProps","inputValue","isOpen","highlightedIndex","listItems","listStyle","loading","loadingText","noMatchesText","selectAllCheckboxState","selectAllItem","selectedItems","showSelectAllInList"],X=function(e){var n=e.ariaLabelChosenSingular,r=void 0===n?"valgt":n,i=e.ariaLabelSelectedItem,s=void 0===i?", valgt element, trykk for å fjerne":i,c=e.getItemProps,d=e.getMenuProps,u=e.isOpen,m=e.highlightedIndex,p=e.listItems,v=e.listStyle,f=e.loading,b=void 0!==f&&f,y=e.loadingText,I=void 0===y?"Laster inn …":y,_=e.noMatchesText,w=void 0===_?"Ingen treff for søket":_,x=e.selectAllCheckboxState,C=e.selectAllItem,E=e.selectedItems,L=h(e,$),S=void 0!==C,T=!b&&(0===p.length||1===p.length&&p[0].value===(null==C?void 0:C.value)),O=function(e){return E.some((function(t){return t.value===e.value&&t.label===e.label}))},k=function(){switch(null==x?void 0:x()){case"indeterminate":return(null==C?void 0:C.label)+", delvis valgt";case!0:return(null==C?void 0:C.label)+", "+r;default:return""+(null==C?void 0:C.label)}};return t.createElement("ul",g({},d(),{className:"eds-dropdown__list",style:g({display:u?"inline-block":"none"},L.style,v)}),p.length>0&&p.map((function(e,n){var r=e.value===(null==C?void 0:C.value);return r&&p.length<=2?null:t.createElement("li",g({key:e.label+e.value,className:l("eds-dropdown__list__item",{"eds-dropdown__list__item--select-all":r,"eds-dropdown__list__item--highlighted":m===n,"eds-dropdown__list__item--selected":!S&&O(e)})},c({key:e.label+e.value,item:e,index:n})),r?t.createElement(t.Fragment,null,t.createElement(a.Checkbox,{"aria-hidden":"true",checked:null==x?void 0:x(),className:"eds-dropdown__list__item__checkbox",onChange:function(){},tabIndex:-1}),t.createElement("span",{className:"eds-dropdown__list__item__text","aria-label":k()},null==C?void 0:C.label)):function(e){return t.createElement(t.Fragment,null,t.createElement(a.Checkbox,{"aria-hidden":"true",checked:O(e),className:"eds-dropdown__list__item__checkbox",onChange:function(){},style:S?{}:{display:"none"},tabIndex:-1}),t.createElement("span",{className:"eds-dropdown__list__item__text"},e.label,t.createElement(o.VisuallyHidden,null,O(e)?s:"")),e.icons&&t.createElement("span",null,e.icons.map((function(n){return t.createElement(n,{key:e.label+e.value+n.displayName,inline:!0,className:"eds-dropdown__list__item__icon"})}))))}(e))})),T&&t.createElement("li",{key:"dropdown-list-no-match",className:"eds-dropdown__list__item"},w),b&&t.createElement("li",{key:"dropdown-list-loading",className:"eds-dropdown__list__item"},I))},J=["tabIndex"],W=function(e){var n,a=e.ariaLabelRemoveSelected,r=e.ariaLabelChosen,o=void 0===r?"valgt":r,i=e.disabled,s=e.getSelectedItemProps,c=e.readOnly,u=e.removeSelectedItem,m=e.selectedItem,p=h(null!=(n=null==s?void 0:s({selectedItem:m,index:e.index}))?n:{},J);return t.createElement(d.TagChip,g({className:l("eds-dropdown__selected-item-tag",{"eds-dropdown__selected-item-tag--readonly":c,"eds-dropdown__selected-item-tag--disabled":i})},p,{onClose:function(e){e.stopPropagation(),u(m)},closeButtonAriaLabel:m.label+" "+o+", "+a+" ",key:m.value,"aria-live":"polite"}),t.createElement("span",{"aria-hidden":"true"},m.label))},z=function(e){var n=e.ariaHiddenToggleButton,l=void 0!==n&&n,a=e.ariaLabelCloseList,r=e.ariaLabelOpenList,o=e.clearable,s=void 0!==o&&o,c=e.labelClearSelectedItems,d=e.disabled,u=void 0!==d&&d,m=e.focusable,p=void 0!==m&&m,g=e.getToggleButtonProps,v=e.isOpen,h=e.loading,f=e.loadingText,b=e.onClear,y=e.selectedItems;return void 0!==h&&h?t.createElement("div",{className:"eds-dropdown__appendix__toggle-button--loading-dots"},t.createElement(i.LoadingDots,{"aria-label":void 0===f?"Laster resultater …":f})):u?null:t.createElement("div",{className:"eds-dropdown__appendix"},s&&(null==y?void 0:y.length)>0&&null!==y[0]&&t.createElement(t.Fragment,null,t.createElement(Q,{onClear:b,focusable:!0,labelClearSelectedItems:c}),t.createElement("div",{className:"eds-dropdown__appendix__divider"})),t.createElement(Z,{"aria-hidden":l,ariaLabelCloseList:a,ariaLabelOpenList:r,getToggleButtonProps:g,isOpen:v,focusable:p}))},Q=function(e){var n=e.labelClearSelectedItems,l=void 0===n?"Fjern valgte":n,a=e.focusable;return t.createElement(u.Tooltip,{"aria-hidden":"true",placement:"top",content:l,className:"eds-dropdown__appendix__clear-button__tooltip"},t.createElement(c.IconButton,{className:"eds-dropdown__appendix__clear-button",type:"button",tabIndex:void 0!==a&&a?0:1,onClick:e.onClear,"aria-label":l},t.createElement(r.CloseSmallIcon,{"aria-hidden":"true"})))},Z=function(e){var n=e.isOpen,a=e["aria-hidden"],o=void 0!==a&&a,i=e.ariaLabelCloseList,s=void 0===i?"Lukk liste med valg":i,d=e.ariaLabelOpenList,u=void 0===d?"Åpne liste med valg":d,m=e.focusable,p=void 0!==m&&m;return t.createElement(c.IconButton,g({},(0,e.getToggleButtonProps)({className:l("eds-dropdown__appendix__toggle-button",{"eds-dropdown__appendix__toggle-button--open":n}),"aria-labelledby":void 0}),{"aria-hidden":o,"aria-label":o?void 0:n?s:u,tabIndex:p?0:-1,type:"button"}),t.createElement(r.DownArrowIcon,{"aria-hidden":"true"}))},ee="";function te(e,t){if(!t)return!0;var n=t.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&");return new RegExp(n,"i").test(e.label)}function ne(e,t){return!0}var le=function(e){return e?e.label:""},ae=function(e){return"function"==typeof e&&e.length>0};function re(e){var t=e.resultCount,n=e.selectAllItemIncluded,l=e.ariaLabelNoResults;if(!e.isOpen)return"";var a=void 0!==n&&n?t-1:t;return 0===a?void 0===l?"Ingen resultater":l:t!==e.previousResultCount?a+" resultat"+(1===a?"":"er")+" tilgjengelig, naviger med pil opp eller ned, velg elementer med enter.":""}function oe(e){var t=e.selectedItem,n=e.selectAllItem;return(null==t?void 0:t.value)===(null==n?void 0:n.value)?"Alle elementer i listen valgt.":t?(0,e.itemToString)(t)+" er valgt.":""}var ie=function(e){var t=e.currentTarget.getBoundingClientRect(),n=Math.floor(t.x+t.width/2),l=Math.floor(t.y+t.height/2),a=e.clientX,r=e.clientY;return console.log("targetX:",n,"targetY:",l,"clickX:",a,"clickY:",r),Math.abs(n-a)<=1&&Math.abs(l-r)<=1},se=["ariaLabelCloseList","ariaLabelOpenList","className","clearable","debounceTimeout","disabled","disableLabelAnimation","feedback","items","itemFilter","label","labelClearSelectedItem","listStyle","loadingText","onChange","placeholder","prepend","readOnly","selectedItem","selectOnBlur","selectOnTab","style","variant"],ce=["className","clearable","clearInputOnSelect","debounceTimeout","disabled","feedback","hideSelectAll","items","itemFilter","label","labelAllItemsSelected","labelClearAllItems","labelSelectAll","listStyle","loadingText","maxChips","noMatchesText","onChange","placeholder","readOnly","selectedItems","selectOnBlur","selectOnTab","style","variant","ariaLabelChosenSingular","ariaLabelChosenPlural","ariaLabelCloseList","ariaLabelJumpToInput","ariaLabelOpenList","ariaLabelRemoveSelected","ariaLabelSelectedItem"],de=["ariaLabelCloseList","ariaLabelOpenList","className","clearable","disabled","disableLabelAnimation","feedback","items","label","labelClearSelectedItem","listStyle","loadingText","onChange","placeholder","prepend","readOnly","selectedItem","selectOnBlur","selectOnTab","style","variant"],ue=["className","disabled","disableLabelAnimation","feedback","items","label","loadingText","onChange","prepend","readOnly","selectedItem","style","value","variant"],me=function(e){var n=e.hidden;return e.loading?t.createElement("div",{className:"eds-dropdown-native__loading-dots"},t.createElement(i.LoadingDots,{"aria-label":e.loadingText})):n?t.createElement(t.Fragment,null):t.createElement(r.DownArrowIcon,{inline:!0})};e.warnAboutMissingStyles("dropdown","form","a11y","chip"),exports.Dropdown=function(e){var r,o,i=e.ariaLabelCloseList,s=e.ariaLabelOpenList,c=e.className,d=e.clearable,u=void 0!==d&&d,m=e.disabled,p=void 0!==m&&m,v=e.disableLabelAnimation,f=e.feedback,b=e.items,y=e.label,I=e.labelClearSelectedItem,_=void 0===I?"fjern valgt":I,w=e.listStyle,x=e.loadingText,C=e.onChange,E=e.placeholder,L=e.prepend,S=e.readOnly,T=void 0!==S&&S,O=e.selectedItem,k=e.selectOnBlur,N=void 0!==k&&k,P=e.selectOnTab,A=void 0!==P&&P,F=e.style,B=e.variant,M=void 0===B?"info":B,D=h(e,de),R=V(b),j=R.items,K=R.loading,q=null!==O||void 0!==E,H=n.useSelect({items:j,defaultHighlightedIndex:O?void 0:0,selectedItem:O,onStateChange:function(e){var t=e.selectedItem;switch(e.type){case n.useSelect.stateChangeTypes.ToggleButtonBlur:if(!N)break;case n.useSelect.stateChangeTypes.ToggleButtonKeyDownEnter:case n.useSelect.stateChangeTypes.ItemClick:null==C||C(void 0!==t?t:null)}},itemToString:le}),G=H.isOpen,Y=H.getItemProps,U=H.getLabelProps,$=H.getMenuProps,J=H.getToggleButtonProps,W=H.highlightedIndex;return t.createElement("div",{className:l("eds-dropdown__wrapper",c),style:F},t.createElement(a.BaseFormControl,g({append:t.createElement(z,{ariaHiddenToggleButton:!0,ariaLabelCloseList:i,ariaLabelOpenList:s,clearable:u,labelClearSelectedItems:_,focusable:!1,getToggleButtonProps:J,isOpen:G,loading:K,loadingText:x,onClear:function(){null==C||C(null)},disabled:T||p,selectedItems:[O]}),className:l("eds-dropdown",{"eds-dropdown--not-filled":!q}),disabled:p,disableLabelAnimation:v,feedback:f,isFilled:q,label:y,labelId:U().id,labelProps:U(),prepend:L,readOnly:T,variant:M},D),t.createElement("div",g({className:"eds-dropdown__selected-item"},J({id:void 0,onKeyDown:function(e){A&&"Tab"===e.key&&(null==C||C(j[W]))}})),null!=(r=null!=(o=null==O?void 0:O.label)?o:t.createElement("span",{className:l("eds-dropdown__selected-item__placeholder",{"eds-dropdown__selected-item__placeholder--readonly":T})},E))?r:"")),t.createElement(X,{getItemProps:Y,getMenuProps:$,highlightedIndex:W,isOpen:G,listItems:j,listStyle:w,loading:K,loadingText:x,selectedItems:null!==O?[O]:[]}))},exports.DropdownDeprecated=D,exports.MultiSelect=function(r){var i=r.className,s=r.clearable,c=void 0===s||s,d=r.clearInputOnSelect,u=void 0!==d&&d,m=r.debounceTimeout,p=r.disabled,v=void 0!==p&&p,f=r.feedback,b=r.hideSelectAll,y=void 0!==b&&b,I=r.items,_=r.itemFilter,w=void 0===_?ae(I)?ne:te:_,x=r.label,C=r.labelAllItemsSelected,E=void 0===C?"Alle valgt":C,L=r.labelClearAllItems,S=void 0===L?"Fjern valgte":L,T=r.labelSelectAll,O=void 0===T?"Velg alle":T,k=r.listStyle,N=r.loadingText,P=r.maxChips,A=void 0===P?10:P,F=r.onChange,B=void 0===F?function(){}:F,M=r.placeholder,D=r.readOnly,R=void 0!==D&&D,j=r.selectedItems,K=void 0===j?[]:j,q=r.selectOnBlur,H=void 0!==q&&q,G=r.selectOnTab,Y=void 0!==G&&G,U=r.style,$=r.variant,J=void 0===$?"info":$,Q=r.ariaLabelChosenSingular,Z=void 0===Q?"valgt":Q,se=r.ariaLabelChosenPlural,de=void 0===se?"valgte":se,ue=r.ariaLabelCloseList,me=r.ariaLabelJumpToInput,pe=void 0===me?K.length+" valgte elementer, trykk for å hoppe til tekstfeltet":me,ge=r.ariaLabelOpenList,ve=r.ariaLabelRemoveSelected,he=void 0===ve?"trykk for å fjerne valg":ve,fe=r.ariaLabelSelectedItem,be=void 0===fe?", valgt element, trykk for å fjerne":fe,ye=h(r,ce),Ie=t.useState(0),_e=Ie[0],we=Ie[1],xe=t.useState(void 0),Ce=xe[0],Ee=xe[1],Le=t.useRef(null);t.useEffect((function(){void 0!==ye.selectedItem&&console.warn("Incorrect 'selectedItem' prop found, did you mean to use 'selectedItems?")}),[]);var Se=V(I,m),Te=Se.items,Oe=Se.loading,ke=Se.fetchItems,Ne="function"!=typeof I&&K.length===Te.length,Pe={value:e.useRandomId("select-all"),label:O},Ae=t.useMemo((function(){return{value:ee,label:Ne?E:K.length+" "+de}}),[Ne,K,E,de]),Fe=t.useState([].concat(y?[]:[Pe],Te)),Be=Fe[0],Ve=Fe[1],Me=function(e){var t=e.inputValue;return Ve([].concat(y?[]:[Pe],Te.filter((function(e){return w(e,t)}))))},De=function(e){var t=e.inputValue;ae(I)&&ke(null!=t?t:ee),Me({inputValue:null!=t?t:ee})};t.useEffect((function(){Me({inputValue:et})}),[Te]);var Re=function(e){var t=e.selectedItems,n=e.selectAll,l=t.length>0,a=e.listItems.filter((function(e){return e.value!==n.value})),r=a.filter((function(e){return!t.some((function(t){return t.value===e.value}))})),o=!a.some((function(e){return!t.some((function(t){return t.value===e.value}))})),i=a.some((function(e){return t.some((function(t){return t.value===e.value}))})),s=function(e,n){return n([].concat(t,[e]))},c=function(e){return t.some((function(t){return t.value===e.value}))},d=function(e){return e.value===n.value},u=function(e,n){return n(t.filter((function(t){return t.value!==e.value})))},m=function(e){e([].concat(t,r))},p=function(e){e(t.filter((function(e){return!a.some((function(t){return t.value===e.value}))})))};return{addClickedItemToSelectedItems:s,allListItemsAreSelected:o,clickedItemIsInSelectedItems:c,clickedItemIsSelectAll:d,handleListItemClicked:function(e){var t=e.clickedItem,l=e.onChange,a=e.setLastRemovedItem;return d(t)?o?(a(n),p(l)):m(l):c(t)?(a(t),u(t,l)):void s(t,l)},hasSelectedItems:l,listItemsWithoutSelectAll:a,removeClickedItemFromSelectedItems:u,selectAllCheckboxState:function(){return!!o||!!i&&"indeterminate"},selectAllUnselectedItemsInListItems:m,someListItemsAreSelected:i,unselectAllListItems:p}}({listItems:Be,selectAll:Pe,selectedItems:K}),je=Re.hasSelectedItems,Ke=Re.handleListItemClicked,qe=Re.selectAllCheckboxState,He=n.useMultipleSelection({selectedItems:K,itemToString:le,onStateChange:function(e){var t=e.selectedItems;switch(e.type){case n.useMultipleSelection.stateChangeTypes.SelectedItemKeyDownBackspace:case n.useMultipleSelection.stateChangeTypes.SelectedItemKeyDownDelete:case n.useMultipleSelection.stateChangeTypes.DropdownKeyDownBackspace:case n.useMultipleSelection.stateChangeTypes.FunctionRemoveSelectedItem:void 0!==t&&B(t)}},getA11yRemovalMessage:function(e){return function(e){var t=e.selectAllItem,n=e.removedItem;return void 0===n?"":n.value===(null==t?void 0:t.value)?"Alle elementer i listen fjernet fra valgte.":(0,e.itemToString)(n)+" fjernet fra valgte."}(g({},e,{selectAllItem:Pe,removedItem:Ce}))}}),Ge=He.getSelectedItemProps,Ye=He.getDropdownProps,Ue=t.useCallback((function(e,t){var l=t.changes,a=t.type;switch(void 0!==l.highlightedIndex&&(null==l?void 0:l.highlightedIndex)>=0&&we(null==l?void 0:l.highlightedIndex),a){case n.useCombobox.stateChangeTypes.InputKeyDownEnter:case n.useCombobox.stateChangeTypes.ItemClick:var r,o;return u&&De({inputValue:ee}),g({},l,{isOpen:!0,inputValue:u?ee:null!=(r=null==Le||null==(o=Le.current)?void 0:o.value)?r:ee});case n.useCombobox.stateChangeTypes.ControlledPropUpdatedSelectedItem:var i,s;return g({},l,{inputValue:u?ee:null!=(i=null==Le||null==(s=Le.current)?void 0:s.value)?i:ee});case n.useCombobox.stateChangeTypes.InputChange:var c,d=/^\s+/g,m=" "===l.inputValue;return null!=(c=l.inputValue)&&c.match(d)?(lt(l.inputValue.replace(d,ee)),m&&(nt(),tt&&void 0!==l.highlightedIndex&&Ke({clickedItem:Be[l.highlightedIndex],onChange:B,setLastRemovedItem:Ee}))):De({inputValue:l.inputValue}),l;case n.useCombobox.stateChangeTypes.InputBlur:return De({inputValue:ee}),g({},l,{inputValue:ee});default:return l}}),[y,Te,Me,I]),$e=n.useCombobox(g({defaultHighlightedIndex:_e,items:Be,itemToString:le,selectedItem:null,stateReducer:Ue,onStateChange:function(e){var t=e.selectedItem;if(t)switch(e.type){case n.useCombobox.stateChangeTypes.InputBlur:if(!H)break;case n.useCombobox.stateChangeTypes.InputKeyDownEnter:case n.useCombobox.stateChangeTypes.ItemClick:Ke({clickedItem:t,onChange:B,setLastRemovedItem:Ee})}},getA11yStatusMessage:function(e){return re(g({},e,{selectAllItemIncluded:!y}))},getA11ySelectionMessage:function(e){return oe(g({},e,{selectAllItem:Pe}))}},ye)),Xe=$e.getInputProps,Je=$e.getItemProps,We=$e.getLabelProps,ze=$e.getMenuProps,Qe=$e.getToggleButtonProps,Ze=$e.highlightedIndex,et=$e.inputValue,tt=$e.isOpen,nt=$e.openMenu,lt=$e.setInputValue,at=function(){var e;B([]),lt(ee),null==(e=Le.current)||e.focus(),De({inputValue:et})};return t.createElement("div",{className:l("eds-dropdown__wrapper",i),style:U},t.createElement(a.BaseFormControl,g({append:t.createElement(z,{ariaLabelCloseList:ue,ariaLabelOpenList:ge,selectedItems:K,isOpen:tt,clearable:c,labelClearSelectedItems:S,focusable:!1,loading:Oe,loadingText:N,disabled:R||v,onClear:at,getToggleButtonProps:Qe}),className:"eds-dropdown",disabled:v,feedback:f,isFilled:je||et!==ee,label:x,labelId:We().id,labelProps:We(),onClick:function(e){var t;e.target===e.currentTarget&&(null==(t=Le.current)||t.focus())},readOnly:R,variant:J},ye),t.createElement("div",{className:l("eds-dropdown--multiselect__selected-items-and-input",{"eds-dropdown--multiselect__selected-items-and-input--filled":je})},K.length<A?t.createElement(t.Fragment,null,K.length>1?t.createElement(o.VisuallyHidden,{onClick:function(){var e;return null==(e=Le.current)?void 0:e.focus()}},pe):t.createElement(t.Fragment,null),K.map((function(e,n){return t.createElement(W,{ariaLabelChosen:Z,ariaLabelRemoveSelected:he,disabled:v,getSelectedItemProps:Ge,index:n,key:e.value,readOnly:R,removeSelectedItem:function(){var t;Ke({clickedItem:e,onChange:B,setLastRemovedItem:Ee}),null==Le||null==(t=Le.current)||t.focus()},selectedItem:e})}))):t.createElement(W,{ariaLabelRemoveSelected:S,ariaLabelChosen:"",disabled:v,readOnly:R,removeSelectedItem:at,selectedItem:Ae}),t.createElement("input",g({placeholder:M,className:"eds-dropdown__input eds-form-control",disabled:R||v},Xe(g({onKeyDown:function(e){Y&&"Tab"===e.key&&Ke({clickedItem:Be[Ze],onChange:B,setLastRemovedItem:Ee})}},Ye({onClick:function(e){!tt&&ie(e)&&nt()},preventKeyAction:tt,ref:Le,value:null!=et?et:ee}))))))),t.createElement(X,{ariaLabelChosenSingular:Z,ariaLabelSelectedItem:be,getItemProps:Je,getMenuProps:ze,highlightedIndex:Ze,inputValue:et,isOpen:tt,listItems:Be,listStyle:k,loading:Oe,loadingText:N,selectAllCheckboxState:qe,selectAllItem:Pe,selectedItems:K}))},exports.MultiSelectDeprecated=function(r){var o=r.className,i=r.clearable,c=void 0!==i&&i,d=r.debounceTimeout,u=r.disabled,m=r.feedback,p=r.initialSelectedItems,v=void 0===p?[]:p,f=r.items,b=r.itemsSelectedLabel,y=void 0===b?function(e){return function(e){return e.length<3?e.map((function(e){return e.label})).toString():e.length+" elementer valgt"}(e)}:b,I=r.label,_=r.listStyle,w=r.loading,x=void 0!==w&&w,C=r.loadingText,E=void 0===C?"":C,L=r.onChange,S=void 0===L?function(){}:L,T=r.openOnFocus,O=void 0!==T&&T,k=r.readOnly,N=void 0!==k&&k,P=r.style,A=r.variant,F=h(r,R),B=V(f,d).items,M=t.useState(v),D=M[0],K=M[1],H=t.useCallback((function(){K([])}),[]);function Y(e){return D.some((function(t){return t.value===e.value}))}var $=n.useSelect(g({items:B,stateReducer:q,selectedItem:null,onSelectedItemChange:function(e){var t=e.selectedItem;if(t)if(Y(t)){var n=D.filter((function(e){return e.value!==t.value}));K(n),S(n)}else{var l=[].concat(D,[t]);K(l),S(l)}}},F)),X=$.isOpen,J=$.getToggleButtonProps,W=$.getLabelProps,z=$.getMenuProps,Q=$.highlightedIndex,Z=$.getItemProps,ee=$.openMenu,te=D.length?y(D):"",ne=e.useRandomId("eds-multiselect");return t.createElement(j.Provider,{value:{isOpen:X,reset:H,getToggleButtonProps:J,openMenu:ee,openOnFocus:O}},t.createElement("div",{className:l("eds-multiselect","eds-dropdown-wrapper",o),style:P},t.createElement(a.BaseFormControl,{label:I,labelId:ne,labelProps:W(),feedback:m,variant:A,isFilled:D.length>0||X,disabled:u,readOnly:N,append:t.createElement(G,{hasSelected:c&&D.length>0,loading:x,loadingText:E,readOnly:N})},t.createElement("button",g({},J({style:{textAlign:"left"},type:"button",className:"eds-form-control eds-multiselect__button"})),te)),t.createElement("ul",g({className:l("eds-dropdown-list",{"eds-dropdown-list--open":X})},z({style:g({position:"absolute",top:s.space.extraLarge3+s.space.extraSmall+"px"},_)})),X&&B.map((function(e,n){return t.createElement("li",g({className:l("eds-dropdown-list__item",{"eds-dropdown-list__item--highlighted":Q===n,"eds-dropdown-list__item--selected":Y(e)}),key:""+e.value+n},Z({item:e,index:n}),{style:{display:"flex"}}),t.createElement("span",{style:{display:"flex"}},t.createElement("span",{className:l("eds-multiselect-checkbox",{"eds-multiselect-checkbox--checked":Y(e)})},t.createElement(U,null)),t.createElement("span",{className:"eds-multiselect__item-label"},e.label)),e.icons&&t.createElement("span",null,e.icons.map((function(e,n){return t.createElement(e,{key:n,inline:!0,className:"eds-dropdown-list__item-icon"})}))))})))))},exports.NativeDropdown=function(n){var l,r=n.className,o=n.disabled,i=void 0!==o&&o,s=n.disableLabelAnimation,c=n.feedback,d=n.items,u=n.label,m=n.loadingText,p=n.onChange,v=n.prepend,f=n.readOnly,b=void 0!==f&&f,y=n.selectedItem,I=n.style,_=n.value,w=n.variant,x=h(n,ue),C=V(d),E=C.items,L=C.loading,S=e.useRandomId("eds-dropdown-native");return t.createElement(a.BaseFormControl,{disabled:i,readOnly:b,prepend:v,append:t.createElement(me,{hidden:i||b,loading:L,loadingText:m}),className:r,style:I,label:u,labelId:S,variant:w,feedback:c,disableLabelAnimation:s,isFilled:!0},t.createElement("select",g({"aria-invalid":"error"===w,"aria-labelledby":S,"aria-busy":L,className:"eds-form-control eds-dropdown--native",disabled:i||b,onChange:function(e){var t;null==p||p({value:e.target.value,selectedItem:null!=(t=E.find((function(t){return t.value===e.target.value})))?t:null,target:e.target})},value:null!=(l=null!=_?_:null==y?void 0:y.value)?l:void 0},x),E.map((function(e){return t.createElement("option",{key:e.value,value:e.value},e.label)}))))},exports.SearchableDropdown=function(e){var r,o=e.ariaLabelCloseList,i=e.ariaLabelOpenList,s=e.className,c=e.clearable,d=void 0===c||c,u=e.debounceTimeout,m=e.disabled,p=void 0!==m&&m,v=e.disableLabelAnimation,f=void 0!==v&&v,b=e.feedback,y=e.items,I=e.itemFilter,_=void 0===I?ae(y)?ne:te:I,w=e.label,x=e.labelClearSelectedItem,C=void 0===x?"fjern valgt":x,E=e.listStyle,L=e.loadingText,S=e.onChange,T=void 0===S?function(){}:S,O=e.placeholder,k=e.prepend,N=e.readOnly,P=void 0!==N&&N,A=e.selectedItem,F=e.selectOnBlur,B=void 0!==F&&F,M=e.selectOnTab,D=void 0!==M&&M,R=e.style,j=e.variant,K=void 0===j?"info":j,q=h(e,se),H=t.useState(!1),G=H[0],Y=H[1],U=t.useState(0),$=U[0],J=U[1],W=t.useRef(null),Q=V(y,u),Z=Q.items,ce=Q.loading,de=Q.fetchItems,ue=t.useState(Z),me=ue[0],pe=ue[1],ge=function(e){var t=e.inputValue;return pe(Z.filter((function(e){return _(e,t)})))},ve=function(e){var t=e.inputValue;ae(y)&&de(null!=t?t:ee),ge({inputValue:null!=t?t:ee})};t.useEffect((function(){ge({inputValue:Se})}),[Z]);var he=t.useCallback((function(e,t){var l=t.type,a=t.changes;switch(void 0!==a.highlightedIndex&&(null==a?void 0:a.highlightedIndex)>=0&&J(null==a?void 0:a.highlightedIndex),l){case n.useCombobox.stateChangeTypes.ItemClick:case n.useCombobox.stateChangeTypes.InputKeyDownEnter:case n.useCombobox.stateChangeTypes.InputBlur:case n.useCombobox.stateChangeTypes.ControlledPropUpdatedSelectedItem:return ve({inputValue:ee}),g({},a,{inputValue:ee});case n.useCombobox.stateChangeTypes.InputChange:var r,o=/^\s+/g,i=" "===a.inputValue;return null!=(r=a.inputValue)&&r.match(o)?(Te(a.inputValue.replace(o,ee)),i&&(ye(),be&&void 0!==a.highlightedIndex&&T(me[a.highlightedIndex]))):ve({inputValue:a.inputValue}),a;default:return a}}),[de,ge]),fe=n.useCombobox(g({defaultHighlightedIndex:$,items:me,itemToString:le,selectedItem:A,stateReducer:he,onStateChange:function(e){var t=e.selectedItem;switch(e.type){case n.useCombobox.stateChangeTypes.InputBlur:if(!B)break;case n.useCombobox.stateChangeTypes.InputKeyDownEnter:case n.useCombobox.stateChangeTypes.ItemClick:T(null!=t?t:null)}},getA11yStatusMessage:re,getA11ySelectionMessage:function(e){return oe(e)}},q)),be=fe.isOpen,ye=fe.openMenu,Ie=fe.getToggleButtonProps,_e=fe.getLabelProps,we=fe.getMenuProps,xe=fe.getInputProps,Ce=fe.highlightedIndex,Ee=fe.getItemProps,Le=fe.selectedItem,Se=fe.inputValue,Te=fe.setInputValue;return t.createElement("div",{className:l("eds-dropdown__wrapper",s),style:R},t.createElement(a.BaseFormControl,g({append:t.createElement(z,{ariaLabelCloseList:o,ariaLabelOpenList:i,clearable:d,labelClearSelectedItems:C,disabled:P||p,focusable:!1,getToggleButtonProps:Ie,isOpen:be,loading:ce,loadingText:L,onClear:function(){var e;T(null),Te(ee),null==(e=W.current)||e.focus(),ve({inputValue:Se})},selectedItems:[Le]}),className:"eds-dropdown",disabled:p,disableLabelAnimation:f,feedback:b,isFilled:null!==Le||Se!==ee,label:w,labelId:_e().id,labelProps:_e(),prepend:k,readOnly:P,variant:K},q),!G&&null!==Le&&""===Se&&t.createElement("span",{className:"eds-dropdown--searchable__selected-item","aria-hidden":"true",onClick:function(){var e;return null==(e=W.current)?void 0:e.focus()}},Le.label),t.createElement("input",g({className:"eds-dropdown__input eds-form-control",disabled:P||p,placeholder:null!=(r=null==Le?void 0:Le.label)?r:O},xe({onClick:function(e){!be&&ie(e)&&ye()},onBlur:function(){Y(!1)},onFocus:function(){Y(!0)},onKeyDown:function(e){D&&"Tab"===e.key&&T(me[Ce])},ref:W})))),t.createElement(X,{isOpen:be,listItems:me,listStyle:E,loading:ce,loadingText:L,getItemProps:Ee,getMenuProps:we,highlightedIndex:Ce,selectedItems:null!==Le?[Le]:[]}))};
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),t=require("react"),n=require("downshift"),l=require("classnames"),a=require("@entur/form"),r=require("@entur/icons"),o=require("@entur/a11y"),i=require("@entur/loader"),s=require("@entur/tokens"),c=require("@entur/button"),d=require("@entur/chip"),u=require("@entur/tooltip");function m(){m=function(){return e};var e={},t=Object.prototype,n=t.hasOwnProperty,l=Object.defineProperty||function(e,t,n){e[t]=n.value},a="function"==typeof Symbol?Symbol:{},r=a.iterator||"@@iterator",o=a.asyncIterator||"@@asyncIterator",i=a.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 p?t:p).prototype),o=new L(a||[]);return l(r,"_invoke",{value:w(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 u={};function p(){}function g(){}function v(){}var h={};s(h,r,(function(){return this}));var f=Object.getPrototypeOf,b=f&&f(f(S([])));b&&b!==t&&n.call(b,r)&&(h=b);var y=v.prototype=p.prototype=Object.create(h);function I(e){["next","throw","return"].forEach((function(t){s(e,t,(function(e){return this._invoke(t,e)}))}))}function _(e,t){function a(l,r,o,i){var s=d(e[l],e,r);if("throw"!==s.type){var c=s.arg,u=c.value;return u&&"object"==typeof u&&n.call(u,"__await")?t.resolve(u.__await).then((function(e){a("next",e,o,i)}),(function(e){a("throw",e,o,i)})):t.resolve(u).then((function(e){c.value=e,o(c)}),(function(e){return a("throw",e,o,i)}))}i(s.arg)}var r;l(this,"_invoke",{value:function(e,n){function l(){return new t((function(t,l){a(e,n,t,l)}))}return r=r?r.then(l,l):l()}})}function w(e,t,n){var l="suspendedStart";return function(a,r){if("executing"===l)throw new Error("Generator is already running");if("completed"===l){if("throw"===a)throw r;return{value:void 0,done:!0}}for(n.method=a,n.arg=r;;){var o=n.delegate;if(o){var i=x(o,n);if(i){if(i===u)continue;return i}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if("suspendedStart"===l)throw l="completed",n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);l="executing";var s=d(e,t,n);if("normal"===s.type){if(l=n.done?"completed":"suspendedYield",s.arg===u)continue;return{value:s.arg,done:n.done}}"throw"===s.type&&(l="completed",n.method="throw",n.arg=s.arg)}}}function x(e,t){var n=t.method,l=e.iterator[n];if(void 0===l)return t.delegate=null,"throw"===n&&e.iterator.return&&(t.method="return",t.arg=void 0,x(e,t),"throw"===t.method)||"return"!==n&&(t.method="throw",t.arg=new TypeError("The iterator does not provide a '"+n+"' method")),u;var a=d(l,e.iterator,t.arg);if("throw"===a.type)return t.method="throw",t.arg=a.arg,t.delegate=null,u;var r=a.arg;return r?r.done?(t[e.resultName]=r.value,t.next=e.nextLoc,"return"!==t.method&&(t.method="next",t.arg=void 0),t.delegate=null,u):r:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,u)}function C(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 E(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function L(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(C,this),this.reset(!0)}function S(e){if(e){var t=e[r];if(t)return t.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var l=-1,a=function t(){for(;++l<e.length;)if(n.call(e,l))return t.value=e[l],t.done=!1,t;return t.value=void 0,t.done=!0,t};return a.next=a}}return{next:T}}function T(){return{value:void 0,done:!0}}return g.prototype=v,l(y,"constructor",{value:v,configurable:!0}),l(v,"constructor",{value:g,configurable:!0}),g.displayName=s(v,i,"GeneratorFunction"),e.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===g||"GeneratorFunction"===(t.displayName||t.name))},e.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,v):(e.__proto__=v,s(e,i,"GeneratorFunction")),e.prototype=Object.create(y),e},e.awrap=function(e){return{__await:e}},I(_.prototype),s(_.prototype,o,(function(){return this})),e.AsyncIterator=_,e.async=function(t,n,l,a,r){void 0===r&&(r=Promise);var o=new _(c(t,n,l,a),r);return e.isGeneratorFunction(n)?o:o.next().then((function(e){return e.done?e.value:o.next()}))},I(y),s(y,i,"Generator"),s(y,r,(function(){return this})),s(y,"toString",(function(){return"[object Generator]"})),e.keys=function(e){var t=Object(e),n=[];for(var l in t)n.push(l);return n.reverse(),function e(){for(;n.length;){var l=n.pop();if(l in t)return e.value=l,e.done=!1,e}return e.done=!0,e}},e.values=S,L.prototype={constructor:L,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(E),!e)for(var t in this)"t"===t.charAt(0)&&n.call(this,t)&&!isNaN(+t.slice(1))&&(this[t]=void 0)},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 t=this;function l(n,l){return o.type="throw",o.arg=e,t.next=n,l&&(t.method="next",t.arg=void 0),!!l}for(var a=this.tryEntries.length-1;a>=0;--a){var r=this.tryEntries[a],o=r.completion;if("root"===r.tryLoc)return l("end");if(r.tryLoc<=this.prev){var i=n.call(r,"catchLoc"),s=n.call(r,"finallyLoc");if(i&&s){if(this.prev<r.catchLoc)return l(r.catchLoc,!0);if(this.prev<r.finallyLoc)return l(r.finallyLoc)}else if(i){if(this.prev<r.catchLoc)return l(r.catchLoc,!0)}else{if(!s)throw new Error("try statement without catch or finally");if(this.prev<r.finallyLoc)return l(r.finallyLoc)}}}},abrupt:function(e,t){for(var l=this.tryEntries.length-1;l>=0;--l){var a=this.tryEntries[l];if(a.tryLoc<=this.prev&&n.call(a,"finallyLoc")&&this.prev<a.finallyLoc){var r=a;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,u):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),u},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),E(n),u}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var l=n.completion;if("throw"===l.type){var a=l.arg;E(n)}return a}}throw new Error("illegal catch attempt")},delegateYield:function(e,t,n){return this.delegate={iterator:S(e),resultName:t,nextLoc:n},"next"===this.method&&(this.arg=void 0),u}},e}function p(e,t,n,l,a,r,o){try{var i=e[r](o),s=i.value}catch(e){return void n(e)}i.done?t(s):Promise.resolve(s).then(l,a)}function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},g.apply(this,arguments)}function v(e){if(null==e)throw new TypeError("Cannot destructure "+e)}function h(e,t){if(null==e)return{};var n,l,a={},r=Object.keys(e);for(l=0;l<r.length;l++)t.indexOf(n=r[l])>=0||(a[n]=e[n]);return a}var f=["children","onChange","onInputValueChange","highlightFirstItemOnOpen","className","style","searchable"],b=t.createContext(null),y=function(e){var a=e.children,r=e.onChange,o=void 0===r?function(){}:r,i=e.onInputValueChange,s=void 0===i?function(){}:i,c=e.highlightFirstItemOnOpen,d=void 0!==c&&c,u=e.className,m=e.style,p=e.searchable,v=void 0!==p&&p,y=h(e,f);return t.createElement(n,g({itemToString:function(e){return e?e.label:""},onStateChange:function(e,t){e.type!==n.stateChangeTypes.controlledPropUpdatedSelectedItem&&("selectedItem"in e?o(e.selectedItem,t):"inputValue"in e&&s(e.inputValue))},stateReducer:function(e,t){var n=d&&"isOpen"in t&&t.isOpen?{highlightedIndex:0}:{};if(!v)return g({},t,n);switch(t.type){case"__autocomplete_change_input__":default:return g({},t,n);case"__autocomplete_click_item__":case"__autocomplete_keydown_enter__":case"__autocomplete_blur_input__":case"__autocomplete_mouseup__":return g({},t,{inputValue:""},n)}}},y),(function(e){return t.createElement("div",{className:l("eds-input-group",u),style:m},t.createElement(b.Provider,{value:e},a))}))},I=function(){var e=t.useContext(b);if(!e)throw new Error("You need to wrap your component in a DownshiftProvider");return e},_=["items"],w=function(e){var n=e.items,a=h(e,_),o=I(),i=o.highlightedIndex,s=o.isOpen,c=o.selectedItem,d=o.getItemProps,u=o.getMenuProps;return t.createElement("ul",g({className:l("eds-dropdown-list",{"eds-dropdown-list--open":s})},u(),a),s?n.map((function(e,n){return t.createElement("li",g({className:l("eds-dropdown-list__item",{"eds-dropdown-list__item--highlighted":i===n,"eds-dropdown-list__item--selected":c===e})},d({key:""+n+e.value,item:e,index:n})),t.createElement("span",null,e.label),e.icons&&t.createElement("span",null,e.icons.map((function(e,n){return t.createElement(e,{key:n,inline:!0,className:"eds-dropdown-list__item-icon"})}))),c===e&&t.createElement(r.CheckIcon,null))})):null)},x=function(){var e=I();return t.createElement("button",g({},(0,e.getToggleButtonProps)({className:l("eds-dropdown__toggle-button",{"eds-dropdown__toggle-button--open":e.isOpen})}),{tabIndex:"-1",type:"button"}),t.createElement(r.DownArrowIcon,null))},C=["className","children"],E=function(e){var n=e.className,a=e.children,r=h(e,C);return t.createElement("div",g({className:l("eds-inline-spinner",n)},r),t.createElement(i.LoadingDots,null),t.createElement(o.VisuallyHidden,null,a))},L=["children","className","items","loading","loadingText","placeholder","style","listStyle","clearable","label","isFilled","disableLabelAnimation"],S=function(e){var n=e.children,l=e.className,r=e.items,o=e.loading,i=void 0!==o&&o,c=e.loadingText,d=void 0===c?"Loading...":c,u=e.style,m=e.listStyle,p=e.clearable,v=e.label,f=e.isFilled,b=void 0!==f&&f,y=e.disableLabelAnimation,_=h(e,L),x=I().getLabelProps;return t.createElement("div",{className:"eds-dropdown-wrapper",style:u},t.createElement(a.BaseFormControl,g({append:t.createElement(O,{clearable:p,loading:i,loadingText:d,readOnly:_.readOnly}),className:l,label:v,isFilled:b,labelProps:x(),disableLabelAnimation:y},_),n),t.createElement(w,g({items:r,style:g({position:"absolute",top:s.space.extraLarge3+s.space.extraSmall+"px"},m)},_)))},T=function(e){var n=g({},(v(e),e)),l=I(),a=l.clearSelection,o=l.selectedItem;return t.createElement(t.Fragment,null,o&&t.createElement("button",g({className:"eds-dropdown__clear-button",type:"button",tabIndex:-1,onClick:function(){return a()},"aria-label":"Trykk for å fjerne valg"},n),t.createElement(r.CloseSmallIcon,null)),o&&t.createElement("div",{className:"eds-dropdown__divider"}))},O=function(e){var n=e.clearable,l=e.readOnly;return e.loading?t.createElement(E,null,e.loadingText):l?null:n?t.createElement(t.Fragment,null,t.createElement(T,null)," ",t.createElement(x,null)):t.createElement(x,null)},k=["disabled","placeholder","selectOnTab","openOnFocus","listStyle","items","label","disableLabelAnimation","loading","loadingText","className","clearable"],N=t.forwardRef((function(e,n){var l=e.disabled,a=e.placeholder,r=void 0===a?"Vennligst velg":a,o=e.selectOnTab,i=void 0!==o&&o,s=e.openOnFocus,c=void 0!==s&&s,d=e.listStyle,u=e.items,m=e.label,p=e.disableLabelAnimation,v=e.loading,f=e.loadingText,b=e.className,y=e.clearable,_=h(e,k),w=I(),x=w.getToggleButtonProps,C=w.selectedItem,E=w.selectHighlightedItem,L=w.openMenu,T=w.isOpen,O=w.highlightedIndex,N=w.setHighlightedIndex;return t.createElement(S,g({disabled:l,listStyle:d,items:u,label:m,isFilled:!!C||0!==r.length,disableLabelAnimation:p,loading:v,loadingText:f,className:b,clearable:y},_),t.createElement("button",g({},x(g({className:"eds-form-control eds-dropdown__selected-item",style:{textAlign:"left"},disabled:l,type:"button",onKeyDown:function(e){if(i&&"Tab"===e.key&&E(),T){var t=e.key,n=u.map((function(e,t){return g({},e,{index:t})})).filter((function(e){return e.label.trim().charAt(0).toLowerCase()===t})),l=n.find((function(e){return e.index>(null!=O?O:0)}));l?N(l.index):n.length>0&&N(n[0].index)}},onFocus:function(){c&&!T&&L()}},_)),{ref:n}),C?C.label:r))})),P=["disabled","className","items","loading","loadingText","readOnly","prepend","selectOnTab","openOnFocus","listStyle","clearable","itemFilter","label","disableLabelAnimation","placeholder"],A=t.forwardRef((function(n,l){var a=n.disabled,r=void 0!==a&&a,o=n.className,i=n.items,s=n.loading,c=n.loadingText,d=n.readOnly,u=void 0!==d&&d,m=n.prepend,p=n.selectOnTab,v=void 0!==p&&p,f=n.openOnFocus,b=void 0!==f&&f,y=n.listStyle,_=n.clearable,w=n.itemFilter,x=void 0===w?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)}:w,C=n.label,E=n.disableLabelAnimation,L=n.placeholder,T=h(n,P),O=I(),k=O.getInputProps,N=O.inputValue,A=O.selectHighlightedItem,F=O.isOpen,B=O.openMenu,V=O.closeMenu,M=O.selectedItem,D=t.useState(!1),R=D[0],j=D[1],K=t.useRef(null),q=t.useMemo((function(){return i.filter((function(e){return x(e,N)}))}),[N,i,x]);return t.createElement(S,{items:q,disabled:r,readOnly:u,className:o,loading:s,loadingText:c,prepend:m,listStyle:y,clearable:_,label:C,isFilled:!!M,disableLabelAnimation:E},!R&&M&&!N&&t.createElement("span",{className:"eds-dropdown__searchable-selected-item__wrapper"},t.createElement("span",{className:"eds-dropdown__searchable-selected-item",onClick:function(){var e;return null==(e=K.current)?void 0:e.focus()}},M.label)),t.createElement("input",g({},k(g({disabled:r,readOnly:u,className:"eds-form-control eds-dropdown__input",onKeyDown:function(e){v&&"Tab"===e.key&&A()},onFocus:function(){!F&&b&&B(),j(!0)},placeholder:M?M.label:L},T)),{onBlur:function(){j(!1),V()},ref:e.mergeRefs(l,K)})))})),F=function(e){var n=e.feedback,l=e.variant;return t.createElement(a.VariantProvider,{variant:l},t.createElement("div",{className:e.className,style:e.style},e.children,n&&l&&t.createElement(a.FeedbackText,{variant:l},n)))},B=function(e,t){switch(t.type){case"request results":return{items:[],loading:!0};case"received results":return{items:t.payload,loading:!1}}},V=function(n,l){void 0===l&&(l=250);var a,r="function"==typeof n,o=t.useMemo((function(){return r?n:function(){return Promise.resolve(n)}}),[n,r]),i=t.useReducer(B,{items:r?[]:n,loading:!1}),s=i[0],c=s.items,d=s.loading,u=i[1],v=(a=t.useRef(!0),t.useEffect((function(){return function(){a.current=!1}}),[]),a.current),h=t.useCallback(function(){var e,t=(e=m().mark((function e(t){var n;return m().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(v){e.next=2;break}return e.abrupt("return");case 2:return u({type:"request results"}),e.next=5,o(t);case 5:n=e.sent,v&&u({type:"received results",payload:n});case 7:case"end":return e.stop()}}),e)})),function(){var t=this,n=arguments;return new Promise((function(l,a){var r=e.apply(t,n);function o(e){p(r,l,a,o,i,"next",e)}function i(e){p(r,l,a,o,i,"throw",e)}o(void 0)}))});return function(e){return t.apply(this,arguments)}}(),[o,v]),f=function(e){return t.useMemo((function(){return e.map((function(e){return"string"==typeof e?{value:e,label:e}:"value"in e?e:g({},e,{value:e.label})}))}),[e])}(c);return t.useEffect((function(){r&&h("")}),[r,h]),{items:f,loading:!!r&&d,fetchItems:e.debounce(h,l)}},M=["highlightFirstItemOnOpen","debounceTimeout","disabled","feedback","items","label","loadingText","onChange","placeholder","prepend","readOnly","searchable","selectOnTab","openOnFocus","variant","value","clearable","className","style","listStyle","itemFilter","disableLabelAnimation"],D=t.forwardRef((function(e,n){var l=e.highlightFirstItemOnOpen,a=e.debounceTimeout,r=e.disabled,o=e.feedback,i=e.items,s=e.label,c=e.loadingText,d=e.onChange,u=void 0===d?function(){}:d,m=e.placeholder,p=e.prepend,v=e.readOnly,f=e.searchable,b=e.selectOnTab,I=e.openOnFocus,_=e.variant,w=e.value,x=e.clearable,C=void 0!==x&&x,E=e.className,L=e.style,S=e.listStyle,T=e.itemFilter,O=e.disableLabelAnimation,k=h(e,M),P=V(i,a),B=P.items,D=P.loading,R=P.fetchItems,j=void 0===w?void 0:B.find((function(e){return w===e.value}))||null,K=f?A:N,q=f?{itemFilter:T,name:k.name,"data-cy":k["data-cy"]}:{name:k.name,"data-cy":k["data-cy"]};return t.createElement(y,g({selectedItem:j,onInputValueChange:R,onChange:u,value:w,highlightFirstItemOnOpen:l,className:E,style:L,searchable:f},k),t.createElement(F,{feedback:o,variant:_},t.createElement(K,g({label:s,items:B,loading:D,loadingText:c,disabled:r,readOnly:v,placeholder:m,prepend:p,selectOnTab:b,openOnFocus:I,listStyle:S,clearable:C,disableLabelAnimation:O,ref:n},q))))})),R=["className","clearable","debounceTimeout","disabled","feedback","initialSelectedItems","items","itemsSelectedLabel","label","listStyle","loading","loadingText","onChange","openOnFocus","readOnly","style","variant"],j=t.createContext(null),K=function(){var e=t.useContext(j);if(!e)throw new Error("You need to wrap your component in a DownshiftProvider");return e};function q(e,t){var l=t.changes;switch(t.type){case n.useSelect.stateChangeTypes.ToggleButtonKeyDownEnter:case n.useSelect.stateChangeTypes.ToggleButtonKeyDownSpaceButton:case n.useSelect.stateChangeTypes.ItemClick:return g({},l,{isOpen:!0,highlightedIndex:e.highlightedIndex});default:return l}}var H=function(e){var n=g({},(v(e),e)),l=K().reset;return t.createElement(t.Fragment,null,t.createElement("button",g({className:"eds-dropdown__clear-button",type:"button",tabIndex:-1,onClick:function(){return l()}},n),t.createElement(r.CloseIcon,null)),t.createElement("div",{className:"eds-dropdown__divider"}))},G=function(e){var n=e.readOnly,l=e.hasSelected;return e.loading?t.createElement(E,null,e.loadingText):n?null:l?t.createElement(t.Fragment,null,t.createElement(H,null),t.createElement(Y,null)):t.createElement(Y,null)},Y=function(){var e=K(),n=e.openMenu,a=e.openOnFocus;return t.createElement("button",g({},(0,e.getToggleButtonProps)({className:l("eds-dropdown__toggle-button",{"eds-dropdown__toggle-button--open":e.isOpen}),onFocus:function(){a&&n()}}),{type:"button"}),t.createElement(r.DownArrowIcon,null))},U=function(){return t.createElement("svg",{className:"eds-checkbox-icon",width:"11px",height:"9px",viewBox:"6 11 37 33"},t.createElement("path",{className:"eds-checkbox-icon__path",d:"M14.1 27.2l7.1 7.2 14.6-14.8",fill:"none"}))},$=["ariaLabelChosenSingular","ariaLabelSelectedItem","getItemProps","getMenuProps","inputValue","isOpen","highlightedIndex","listItems","listStyle","loading","loadingText","noMatchesText","selectAllCheckboxState","selectAllItem","selectedItems","showSelectAllInList"],X=function(e){var n=e.ariaLabelChosenSingular,r=void 0===n?"valgt":n,i=e.ariaLabelSelectedItem,s=void 0===i?", valgt element, trykk for å fjerne":i,c=e.getItemProps,d=e.getMenuProps,u=e.isOpen,m=e.highlightedIndex,p=e.listItems,v=e.listStyle,f=e.loading,b=void 0!==f&&f,y=e.loadingText,I=void 0===y?"Laster inn …":y,_=e.noMatchesText,w=void 0===_?"Ingen treff for søket":_,x=e.selectAllCheckboxState,C=e.selectAllItem,E=e.selectedItems,L=h(e,$),S=void 0!==C,T=!b&&(0===p.length||1===p.length&&p[0].value===(null==C?void 0:C.value)),O=function(e){return E.some((function(t){return t.value===e.value&&t.label===e.label}))},k=function(){switch(null==x?void 0:x()){case"indeterminate":return(null==C?void 0:C.label)+", delvis valgt";case!0:return(null==C?void 0:C.label)+", "+r;default:return""+(null==C?void 0:C.label)}};return t.createElement("ul",g({},d(),{className:"eds-dropdown__list",style:g({display:u?"inline-block":"none"},L.style,v)}),p.length>0&&p.map((function(e,n){var r=e.value===(null==C?void 0:C.value);return r&&p.length<=2?null:t.createElement("li",g({key:e.label+e.value,className:l("eds-dropdown__list__item",{"eds-dropdown__list__item--select-all":r,"eds-dropdown__list__item--highlighted":m===n,"eds-dropdown__list__item--selected":!S&&O(e)})},c({key:e.label+e.value,item:e,index:n})),r?t.createElement(t.Fragment,null,t.createElement(a.Checkbox,{"aria-hidden":"true",checked:null==x?void 0:x(),className:"eds-dropdown__list__item__checkbox",onChange:function(){},tabIndex:-1}),t.createElement("span",{className:"eds-dropdown__list__item__text","aria-label":k()},null==C?void 0:C.label)):function(e){return t.createElement(t.Fragment,null,t.createElement(a.Checkbox,{"aria-hidden":"true",checked:O(e),className:"eds-dropdown__list__item__checkbox",onChange:function(){},style:S?{}:{display:"none"},tabIndex:-1}),t.createElement("span",{className:"eds-dropdown__list__item__text"},e.label,t.createElement(o.VisuallyHidden,null,O(e)?s:"")),e.icons&&t.createElement("span",null,e.icons.map((function(n){return t.createElement(n,{key:e.label+e.value+n.displayName,inline:!0,className:"eds-dropdown__list__item__icon"})}))))}(e))})),T&&t.createElement("li",{key:"dropdown-list-no-match",className:"eds-dropdown__list__item"},w),b&&t.createElement("li",{key:"dropdown-list-loading",className:"eds-dropdown__list__item"},I))},J=["tabIndex"],W=function(e){var n,a=e.ariaLabelRemoveSelected,r=e.ariaLabelChosen,o=void 0===r?"valgt":r,i=e.disabled,s=e.getSelectedItemProps,c=e.readOnly,u=e.removeSelectedItem,m=e.selectedItem,p=h(null!=(n=null==s?void 0:s({selectedItem:m,index:e.index}))?n:{},J);return t.createElement(d.TagChip,g({className:l("eds-dropdown__selected-item-tag",{"eds-dropdown__selected-item-tag--readonly":c,"eds-dropdown__selected-item-tag--disabled":i})},p,{onClose:function(e){e.stopPropagation(),u(m)},closeButtonAriaLabel:m.label+" "+o+", "+a+" ",key:m.value,"aria-live":"polite"}),t.createElement("span",{"aria-hidden":"true"},m.label))},z=function(e){var n=e.ariaHiddenToggleButton,l=void 0!==n&&n,a=e.ariaLabelCloseList,r=e.ariaLabelOpenList,o=e.clearable,s=void 0!==o&&o,c=e.labelClearSelectedItems,d=e.disabled,u=void 0!==d&&d,m=e.focusable,p=void 0!==m&&m,g=e.getToggleButtonProps,v=e.isOpen,h=e.loading,f=e.loadingText,b=e.onClear,y=e.selectedItems;return void 0!==h&&h?t.createElement("div",{className:"eds-dropdown__appendix__toggle-button--loading-dots"},t.createElement(i.LoadingDots,{"aria-label":void 0===f?"Laster resultater …":f})):u?null:t.createElement("div",{className:"eds-dropdown__appendix"},s&&(null==y?void 0:y.length)>0&&null!==y[0]&&t.createElement(t.Fragment,null,t.createElement(Q,{onClear:b,focusable:!0,labelClearSelectedItems:c}),t.createElement("div",{className:"eds-dropdown__appendix__divider"})),t.createElement(Z,{"aria-hidden":l,ariaLabelCloseList:a,ariaLabelOpenList:r,getToggleButtonProps:g,isOpen:v,focusable:p}))},Q=function(e){var n=e.labelClearSelectedItems,l=void 0===n?"Fjern valgte":n,a=e.focusable;return t.createElement(u.Tooltip,{"aria-hidden":"true",placement:"top",content:l,className:"eds-dropdown__appendix__clear-button__tooltip"},t.createElement(c.IconButton,{className:"eds-dropdown__appendix__clear-button",type:"button",tabIndex:void 0!==a&&a?0:1,onClick:e.onClear,"aria-label":l},t.createElement(r.CloseSmallIcon,{"aria-hidden":"true"})))},Z=function(e){var n=e.isOpen,a=e["aria-hidden"],o=void 0!==a&&a,i=e.ariaLabelCloseList,s=void 0===i?"Lukk liste med valg":i,d=e.ariaLabelOpenList,u=void 0===d?"Åpne liste med valg":d,m=e.focusable,p=void 0!==m&&m;return t.createElement(c.IconButton,g({},(0,e.getToggleButtonProps)({className:l("eds-dropdown__appendix__toggle-button",{"eds-dropdown__appendix__toggle-button--open":n}),"aria-labelledby":void 0}),{"aria-hidden":o,"aria-label":o?void 0:n?s:u,tabIndex:p?0:-1,type:"button"}),t.createElement(r.DownArrowIcon,{"aria-hidden":"true"}))},ee="";function te(e,t){if(!t)return!0;var n=t.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&");return new RegExp(n,"i").test(e.label)}function ne(e,t){return!0}var le=function(e){return e?e.label:""},ae=function(e){return"function"==typeof e&&e.length>0};function re(e){var t=e.resultCount,n=e.selectAllItemIncluded,l=e.ariaLabelNoResults;if(!e.isOpen)return"";var a=void 0!==n&&n?t-1:t;return 0===a?void 0===l?"Ingen resultater":l:t!==e.previousResultCount?a+" resultat"+(1===a?"":"er")+" tilgjengelig, naviger med pil opp eller ned, velg elementer med enter.":""}function oe(e){var t=e.selectedItem,n=e.selectAllItem;return(null==t?void 0:t.value)===(null==n?void 0:n.value)?"Alle elementer i listen valgt.":t?(0,e.itemToString)(t)+" er valgt.":""}var ie=function(e){var t=e.currentTarget.getBoundingClientRect(),n=Math.floor(t.x+t.width/2),l=Math.floor(t.y+t.height/2),a=e.clientX,r=e.clientY;return console.log("targetX:",n,"targetY:",l,"clickX:",a,"clickY:",r),Math.abs(n-a)<=1&&Math.abs(l-r)<=1},se=["ariaLabelCloseList","ariaLabelOpenList","className","clearable","debounceTimeout","disabled","disableLabelAnimation","feedback","items","itemFilter","label","labelClearSelectedItem","listStyle","loadingText","onChange","placeholder","prepend","readOnly","selectedItem","selectOnBlur","selectOnTab","style","variant"],ce=["className","clearable","clearInputOnSelect","debounceTimeout","disabled","feedback","hideSelectAll","items","itemFilter","label","labelAllItemsSelected","labelClearAllItems","labelSelectAll","listStyle","loadingText","maxChips","noMatchesText","onChange","placeholder","readOnly","selectedItems","selectOnBlur","selectOnTab","style","variant","ariaLabelChosenSingular","ariaLabelChosenPlural","ariaLabelCloseList","ariaLabelJumpToInput","ariaLabelOpenList","ariaLabelRemoveSelected","ariaLabelSelectedItem"],de=["ariaLabelCloseList","ariaLabelOpenList","className","clearable","disabled","disableLabelAnimation","feedback","items","label","labelClearSelectedItem","listStyle","loadingText","onChange","placeholder","prepend","readOnly","selectedItem","selectOnBlur","selectOnTab","style","variant"],ue=["className","disabled","disableLabelAnimation","feedback","items","label","loadingText","onChange","prepend","readOnly","selectedItem","style","value","variant"],me=function(e){var n=e.hidden;return e.loading?t.createElement("div",{className:"eds-dropdown-native__loading-dots"},t.createElement(i.LoadingDots,{"aria-label":e.loadingText})):n?t.createElement(t.Fragment,null):t.createElement(r.DownArrowIcon,{inline:!0})};e.warnAboutMissingStyles("dropdown","form","a11y","chip"),exports.Dropdown=function(e){var r,o,i=e.ariaLabelCloseList,s=e.ariaLabelOpenList,c=e.className,d=e.clearable,u=void 0!==d&&d,m=e.disabled,p=void 0!==m&&m,v=e.disableLabelAnimation,f=e.feedback,b=e.items,y=e.label,I=e.labelClearSelectedItem,_=void 0===I?"fjern valgt":I,w=e.listStyle,x=e.loadingText,C=e.onChange,E=e.placeholder,L=e.prepend,S=e.readOnly,T=void 0!==S&&S,O=e.selectedItem,k=e.selectOnBlur,N=void 0!==k&&k,P=e.selectOnTab,A=void 0!==P&&P,F=e.style,B=e.variant,M=void 0===B?"info":B,D=h(e,de),R=V(b),j=R.items,K=R.loading,q=null!==O||void 0!==E,H=n.useSelect({items:j,defaultHighlightedIndex:O?void 0:0,selectedItem:O,onStateChange:function(e){var t=e.selectedItem;switch(e.type){case n.useSelect.stateChangeTypes.ToggleButtonBlur:if(!N)break;case n.useSelect.stateChangeTypes.ToggleButtonKeyDownEnter:case n.useSelect.stateChangeTypes.ItemClick:null==C||C(void 0!==t?t:null)}},itemToString:le}),G=H.isOpen,Y=H.getItemProps,U=H.getLabelProps,$=H.getMenuProps,J=H.getToggleButtonProps,W=H.highlightedIndex;return t.createElement("div",{className:l("eds-dropdown__wrapper",c),style:F},t.createElement(a.BaseFormControl,g({append:t.createElement(z,{ariaHiddenToggleButton:!0,ariaLabelCloseList:i,ariaLabelOpenList:s,clearable:u,labelClearSelectedItems:_,focusable:!1,getToggleButtonProps:J,isOpen:G,loading:K,loadingText:x,onClear:function(){null==C||C(null)},disabled:T||p,selectedItems:[O]}),className:l("eds-dropdown",{"eds-dropdown--not-filled":!q}),disabled:p,disableLabelAnimation:v,feedback:f,isFilled:q,label:y,labelId:U().id,labelProps:U(),prepend:L,readOnly:T,variant:M},D),t.createElement("div",g({className:"eds-dropdown__selected-item"},J({id:void 0,onKeyDown:function(e){A&&"Tab"===e.key&&(null==C||C(j[W]))}})),null!=(r=null!=(o=null==O?void 0:O.label)?o:t.createElement("span",{className:l("eds-dropdown__selected-item__placeholder",{"eds-dropdown__selected-item__placeholder--readonly":T})},E))?r:"")),t.createElement(X,{getItemProps:Y,getMenuProps:$,highlightedIndex:W,isOpen:G,listItems:j,listStyle:w,loading:K,loadingText:x,selectedItems:null!==O?[O]:[]}))},exports.DropdownDeprecated=D,exports.MultiSelect=function(r){var i=r.className,s=r.clearable,c=void 0===s||s,d=r.clearInputOnSelect,u=void 0!==d&&d,m=r.debounceTimeout,p=r.disabled,v=void 0!==p&&p,f=r.feedback,b=r.hideSelectAll,y=void 0!==b&&b,I=r.items,_=r.itemFilter,w=void 0===_?ae(I)?ne:te:_,x=r.label,C=r.labelAllItemsSelected,E=void 0===C?"Alle valgt":C,L=r.labelClearAllItems,S=void 0===L?"Fjern valgte":L,T=r.labelSelectAll,O=void 0===T?"Velg alle":T,k=r.listStyle,N=r.loadingText,P=r.maxChips,A=void 0===P?10:P,F=r.onChange,B=void 0===F?function(){}:F,M=r.placeholder,D=r.readOnly,R=void 0!==D&&D,j=r.selectedItems,K=void 0===j?[]:j,q=r.selectOnBlur,H=void 0!==q&&q,G=r.selectOnTab,Y=void 0!==G&&G,U=r.style,$=r.variant,J=void 0===$?"info":$,Q=r.ariaLabelChosenSingular,Z=void 0===Q?"valgt":Q,se=r.ariaLabelChosenPlural,de=void 0===se?"valgte":se,ue=r.ariaLabelCloseList,me=r.ariaLabelJumpToInput,pe=void 0===me?K.length+" valgte elementer, trykk for å hoppe til tekstfeltet":me,ge=r.ariaLabelOpenList,ve=r.ariaLabelRemoveSelected,he=void 0===ve?"trykk for å fjerne valg":ve,fe=r.ariaLabelSelectedItem,be=void 0===fe?", valgt element, trykk for å fjerne":fe,ye=h(r,ce),Ie=t.useState(0),_e=Ie[0],we=Ie[1],xe=t.useState(void 0),Ce=xe[0],Ee=xe[1],Le=t.useRef(null);t.useEffect((function(){void 0!==ye.selectedItem&&console.warn("Incorrect 'selectedItem' prop found, did you mean to use 'selectedItems?")}),[]);var Se=V(I,m),Te=Se.items,Oe=Se.loading,ke=Se.fetchItems,Ne="function"!=typeof I&&K.length===Te.length,Pe={value:e.useRandomId("select-all"),label:O},Ae=t.useMemo((function(){return{value:ee,label:Ne?E:K.length+" "+de}}),[Ne,K,E,de]),Fe=t.useState([].concat(y?[]:[Pe],Te)),Be=Fe[0],Ve=Fe[1],Me=function(e){var t=e.inputValue;return Ve([].concat(y?[]:[Pe],Te.filter((function(e){return w(e,t)}))))},De=function(e){var t=e.inputValue;ae(I)&&ke(null!=t?t:ee),Me({inputValue:null!=t?t:ee})};t.useEffect((function(){Me({inputValue:et})}),[Te]);var Re=function(e){var t=e.selectedItems,n=e.selectAll,l=t.length>0,a=e.listItems.filter((function(e){return e.value!==n.value})),r=a.filter((function(e){return!t.some((function(t){return t.value===e.value}))})),o=!a.some((function(e){return!t.some((function(t){return t.value===e.value}))})),i=a.some((function(e){return t.some((function(t){return t.value===e.value}))})),s=function(e,n){return n([].concat(t,[e]))},c=function(e){return t.some((function(t){return t.value===e.value}))},d=function(e){return e.value===n.value},u=function(e,n){return n(t.filter((function(t){return t.value!==e.value})))},m=function(e){e([].concat(t,r))},p=function(e){e(t.filter((function(e){return!a.some((function(t){return t.value===e.value}))})))};return{addClickedItemToSelectedItems:s,allListItemsAreSelected:o,clickedItemIsInSelectedItems:c,clickedItemIsSelectAll:d,handleListItemClicked:function(e){var t=e.clickedItem,l=e.onChange,a=e.setLastRemovedItem;return d(t)?o?(a(n),p(l)):m(l):c(t)?(a(t),u(t,l)):void s(t,l)},hasSelectedItems:l,listItemsWithoutSelectAll:a,removeClickedItemFromSelectedItems:u,selectAllCheckboxState:function(){return!!o||!!i&&"indeterminate"},selectAllUnselectedItemsInListItems:m,someListItemsAreSelected:i,unselectAllListItems:p}}({listItems:Be,selectAll:Pe,selectedItems:K}),je=Re.hasSelectedItems,Ke=Re.handleListItemClicked,qe=Re.selectAllCheckboxState,He=n.useMultipleSelection({selectedItems:K,itemToString:le,onStateChange:function(e){var t=e.selectedItems;switch(e.type){case n.useMultipleSelection.stateChangeTypes.SelectedItemKeyDownBackspace:case n.useMultipleSelection.stateChangeTypes.SelectedItemKeyDownDelete:case n.useMultipleSelection.stateChangeTypes.DropdownKeyDownBackspace:case n.useMultipleSelection.stateChangeTypes.FunctionRemoveSelectedItem:void 0!==t&&B(t)}},getA11yRemovalMessage:function(e){return function(e){var t=e.selectAllItem,n=e.removedItem;return void 0===n?"":n.value===(null==t?void 0:t.value)?"Alle elementer i listen fjernet fra valgte.":(0,e.itemToString)(n)+" fjernet fra valgte."}(g({},e,{selectAllItem:Pe,removedItem:Ce}))}}),Ge=He.getSelectedItemProps,Ye=He.getDropdownProps,Ue=t.useCallback((function(e,t){var l=t.changes,a=t.type;switch(void 0!==l.highlightedIndex&&(null==l?void 0:l.highlightedIndex)>=0&&we(null==l?void 0:l.highlightedIndex),a){case n.useCombobox.stateChangeTypes.InputKeyDownEnter:case n.useCombobox.stateChangeTypes.ItemClick:var r,o;return u&&De({inputValue:ee}),g({},l,{isOpen:!0,inputValue:u?ee:null!=(r=null==Le||null==(o=Le.current)?void 0:o.value)?r:ee});case n.useCombobox.stateChangeTypes.ControlledPropUpdatedSelectedItem:var i,s;return g({},l,{inputValue:u?ee:null!=(i=null==Le||null==(s=Le.current)?void 0:s.value)?i:ee});case n.useCombobox.stateChangeTypes.InputChange:var c,d=/^\s+/g,m=" "===l.inputValue;return null!=(c=l.inputValue)&&c.match(d)?(lt(l.inputValue.replace(d,ee)),m&&(nt(),tt&&void 0!==l.highlightedIndex&&Ke({clickedItem:Be[l.highlightedIndex],onChange:B,setLastRemovedItem:Ee}))):De({inputValue:l.inputValue}),l;case n.useCombobox.stateChangeTypes.InputBlur:return De({inputValue:ee}),g({},l,{inputValue:ee});default:return l}}),[y,Te,Me,I]),$e=n.useCombobox(g({defaultHighlightedIndex:_e,items:Be,itemToString:le,selectedItem:null,stateReducer:Ue,onStateChange:function(e){var t=e.selectedItem;if(t)switch(e.type){case n.useCombobox.stateChangeTypes.InputBlur:if(!H)break;case n.useCombobox.stateChangeTypes.InputKeyDownEnter:case n.useCombobox.stateChangeTypes.ItemClick:Ke({clickedItem:t,onChange:B,setLastRemovedItem:Ee})}},getA11yStatusMessage:function(e){return re(g({},e,{selectAllItemIncluded:!y}))},getA11ySelectionMessage:function(e){return oe(g({},e,{selectAllItem:Pe}))}},ye)),Xe=$e.getInputProps,Je=$e.getItemProps,We=$e.getLabelProps,ze=$e.getMenuProps,Qe=$e.getToggleButtonProps,Ze=$e.highlightedIndex,et=$e.inputValue,tt=$e.isOpen,nt=$e.openMenu,lt=$e.setInputValue,at=function(){var e;B([]),lt(ee),null==(e=Le.current)||e.focus(),De({inputValue:et})};return t.createElement("div",{className:l("eds-dropdown__wrapper",i),style:U},t.createElement(a.BaseFormControl,g({append:t.createElement(z,{ariaLabelCloseList:ue,ariaLabelOpenList:ge,selectedItems:K,isOpen:tt,clearable:c,labelClearSelectedItems:S,focusable:!1,loading:Oe,loadingText:N,disabled:R||v,onClear:at,getToggleButtonProps:Qe}),className:"eds-dropdown",disabled:v,feedback:f,isFilled:je||et!==ee,label:x,labelId:We().id,labelProps:We(),onClick:function(e){var t;e.target===e.currentTarget&&(null==(t=Le.current)||t.focus())},readOnly:R,variant:J},ye),t.createElement("div",{className:l("eds-dropdown--multiselect__selected-items-and-input",{"eds-dropdown--multiselect__selected-items-and-input--filled":je})},K.length<A?t.createElement(t.Fragment,null,K.length>1?t.createElement(o.VisuallyHidden,{onClick:function(){var e;return null==(e=Le.current)?void 0:e.focus()}},pe):t.createElement(t.Fragment,null),K.map((function(e,n){return t.createElement(W,{ariaLabelChosen:Z,ariaLabelRemoveSelected:he,disabled:v,getSelectedItemProps:Ge,index:n,key:e.value,readOnly:R,removeSelectedItem:function(){var t;Ke({clickedItem:e,onChange:B,setLastRemovedItem:Ee}),null==Le||null==(t=Le.current)||t.focus()},selectedItem:e})}))):t.createElement(W,{ariaLabelRemoveSelected:S,ariaLabelChosen:"",disabled:v,readOnly:R,removeSelectedItem:at,selectedItem:Ae}),t.createElement("input",g({placeholder:M,className:"eds-dropdown__input eds-form-control",disabled:R||v},Xe(g({onKeyDown:function(e){Y&&"Tab"===e.key&&Ke({clickedItem:Be[Ze],onChange:B,setLastRemovedItem:Ee})}},Ye({onClick:function(e){!tt&&ie(e)&&nt()},preventKeyAction:tt,ref:Le,value:null!=et?et:ee}))))))),t.createElement(X,{ariaLabelChosenSingular:Z,ariaLabelSelectedItem:be,getItemProps:Je,getMenuProps:ze,highlightedIndex:Ze,inputValue:et,isOpen:tt,listItems:Be,listStyle:k,loading:Oe,loadingText:N,selectAllCheckboxState:qe,selectAllItem:Pe,selectedItems:K}))},exports.MultiSelectDeprecated=function(r){var o=r.className,i=r.clearable,c=void 0!==i&&i,d=r.debounceTimeout,u=r.disabled,m=r.feedback,p=r.initialSelectedItems,v=void 0===p?[]:p,f=r.items,b=r.itemsSelectedLabel,y=void 0===b?function(e){return function(e){return e.length<3?e.map((function(e){return e.label})).toString():e.length+" elementer valgt"}(e)}:b,I=r.label,_=r.listStyle,w=r.loading,x=void 0!==w&&w,C=r.loadingText,E=void 0===C?"":C,L=r.onChange,S=void 0===L?function(){}:L,T=r.openOnFocus,O=void 0!==T&&T,k=r.readOnly,N=void 0!==k&&k,P=r.style,A=r.variant,F=h(r,R),B=V(f,d).items,M=t.useState(v),D=M[0],K=M[1],H=t.useCallback((function(){K([])}),[]);function Y(e){return D.some((function(t){return t.value===e.value}))}var $=n.useSelect(g({items:B,stateReducer:q,selectedItem:null,onSelectedItemChange:function(e){var t=e.selectedItem;if(t)if(Y(t)){var n=D.filter((function(e){return e.value!==t.value}));K(n),S(n)}else{var l=[].concat(D,[t]);K(l),S(l)}}},F)),X=$.isOpen,J=$.getToggleButtonProps,W=$.getLabelProps,z=$.getMenuProps,Q=$.highlightedIndex,Z=$.getItemProps,ee=$.openMenu,te=D.length?y(D):"",ne=e.useRandomId("eds-multiselect");return t.createElement(j.Provider,{value:{isOpen:X,reset:H,getToggleButtonProps:J,openMenu:ee,openOnFocus:O}},t.createElement("div",{className:l("eds-multiselect","eds-dropdown-wrapper",o),style:P},t.createElement(a.BaseFormControl,{label:I,labelId:ne,labelProps:W(),feedback:m,variant:A,isFilled:D.length>0||X,disabled:u,readOnly:N,append:t.createElement(G,{hasSelected:c&&D.length>0,loading:x,loadingText:E,readOnly:N})},t.createElement("button",g({},J({style:{textAlign:"left"},type:"button",className:"eds-form-control eds-multiselect__button"})),te)),t.createElement("ul",g({className:l("eds-dropdown-list",{"eds-dropdown-list--open":X})},z({style:g({position:"absolute",top:s.space.extraLarge3+s.space.extraSmall+"px"},_)})),X&&B.map((function(e,n){return t.createElement("li",g({className:l("eds-dropdown-list__item",{"eds-dropdown-list__item--highlighted":Q===n,"eds-dropdown-list__item--selected":Y(e)}),key:""+e.value+n},Z({item:e,index:n}),{style:{display:"flex"}}),t.createElement("span",{style:{display:"flex"}},t.createElement("span",{className:l("eds-multiselect-checkbox",{"eds-multiselect-checkbox--checked":Y(e)})},t.createElement(U,null)),t.createElement("span",{className:"eds-multiselect__item-label"},e.label)),e.icons&&t.createElement("span",null,e.icons.map((function(e,n){return t.createElement(e,{key:n,inline:!0,className:"eds-dropdown-list__item-icon"})}))))})))))},exports.NativeDropdown=function(n){var l,r=n.className,o=n.disabled,i=void 0!==o&&o,s=n.disableLabelAnimation,c=n.feedback,d=n.items,u=n.label,m=n.loadingText,p=n.onChange,v=n.prepend,f=n.readOnly,b=void 0!==f&&f,y=n.selectedItem,I=n.style,_=n.value,w=n.variant,x=h(n,ue),C=V(d),E=C.items,L=C.loading,S=e.useRandomId("eds-dropdown-native");return t.createElement(a.BaseFormControl,{disabled:i,readOnly:b,prepend:v,append:t.createElement(me,{hidden:i||b,loading:L,loadingText:m}),className:r,style:I,label:u,labelId:S,variant:w,feedback:c,disableLabelAnimation:s,isFilled:!0},t.createElement("select",g({"aria-invalid":"error"===w,"aria-labelledby":S,"aria-busy":L,className:"eds-form-control eds-dropdown--native",disabled:i||b,onChange:function(e){var t;null==p||p({value:e.target.value,selectedItem:null!=(t=E.find((function(t){return t.value===e.target.value})))?t:null,target:e.target})},value:null!=(l=null!=_?_:null==y?void 0:y.value)?l:void 0},x),E.map((function(e){return t.createElement("option",{key:e.value,value:e.value},e.label)}))))},exports.SearchableDropdown=function(e){var r,o=e.ariaLabelCloseList,i=e.ariaLabelOpenList,s=e.className,c=e.clearable,d=void 0===c||c,u=e.debounceTimeout,m=e.disabled,p=void 0!==m&&m,v=e.disableLabelAnimation,f=void 0!==v&&v,b=e.feedback,y=e.items,I=e.itemFilter,_=void 0===I?ae(y)?ne:te:I,w=e.label,x=e.labelClearSelectedItem,C=void 0===x?"fjern valgt":x,E=e.listStyle,L=e.loadingText,S=e.onChange,T=void 0===S?function(){}:S,O=e.placeholder,k=e.prepend,N=e.readOnly,P=void 0!==N&&N,A=e.selectedItem,F=e.selectOnBlur,B=void 0!==F&&F,M=e.selectOnTab,D=void 0!==M&&M,R=e.style,j=e.variant,K=void 0===j?"info":j,q=h(e,se),H=t.useState(null!==A),G=H[0],Y=H[1],U=t.useState(0),$=U[0],J=U[1],W=t.useRef(null),Q=V(y,u),Z=Q.items,ce=Q.loading,de=Q.fetchItems,ue=t.useState(Z),me=ue[0],pe=ue[1],ge=function(e){var t=e.inputValue;return pe(Z.filter((function(e){return _(e,t)})))},ve=function(e){var t=e.inputValue;ae(y)&&de(null!=t?t:ee),ge({inputValue:null!=t?t:ee})};t.useEffect((function(){ge({inputValue:Se})}),[Z]);var he=t.useCallback((function(e,t){var l=t.type,a=t.changes;switch(void 0!==a.highlightedIndex&&(null==a?void 0:a.highlightedIndex)>=0&&J(null==a?void 0:a.highlightedIndex),l){case n.useCombobox.stateChangeTypes.ItemClick:case n.useCombobox.stateChangeTypes.InputKeyDownEnter:case n.useCombobox.stateChangeTypes.InputBlur:case n.useCombobox.stateChangeTypes.ControlledPropUpdatedSelectedItem:return ve({inputValue:ee}),g({},a,{inputValue:ee});case n.useCombobox.stateChangeTypes.InputChange:var r,o=/^\s+/g,i=" "===a.inputValue;return null!=(r=a.inputValue)&&r.match(o)?(Te(a.inputValue.replace(o,ee)),i&&(ye(),be&&void 0!==a.highlightedIndex&&T(me[a.highlightedIndex]))):ve({inputValue:a.inputValue}),a;default:return a}}),[de,ge]),fe=n.useCombobox(g({defaultHighlightedIndex:$,items:me,itemToString:le,selectedItem:A,stateReducer:he,onStateChange:function(e){var t=e.selectedItem;switch(e.type){case n.useCombobox.stateChangeTypes.InputBlur:if(!B)break;case n.useCombobox.stateChangeTypes.InputKeyDownEnter:case n.useCombobox.stateChangeTypes.ItemClick:T(null!=t?t:null)}},getA11yStatusMessage:re,getA11ySelectionMessage:function(e){return oe(e)}},q)),be=fe.isOpen,ye=fe.openMenu,Ie=fe.getToggleButtonProps,_e=fe.getLabelProps,we=fe.getMenuProps,xe=fe.getInputProps,Ce=fe.highlightedIndex,Ee=fe.getItemProps,Le=fe.selectedItem,Se=fe.inputValue,Te=fe.setInputValue;return t.createElement("div",{className:l("eds-dropdown__wrapper",s),style:R},t.createElement(a.BaseFormControl,g({append:t.createElement(z,{ariaLabelCloseList:o,ariaLabelOpenList:i,clearable:d,labelClearSelectedItems:C,disabled:P||p,focusable:!1,getToggleButtonProps:Ie,isOpen:be,loading:ce,loadingText:L,onClear:function(){var e;T(null),Te(ee),null==(e=W.current)||e.focus(),ve({inputValue:Se})},selectedItems:[Le]}),className:"eds-dropdown",disabled:p,disableLabelAnimation:f,feedback:b,isFilled:null!==Le||Se!==ee,label:w,labelId:_e().id,labelProps:_e(),prepend:k,readOnly:P,variant:K},q),t.createElement("span",{className:l("eds-dropdown--searchable__selected-item",{"eds-dropdown--searchable__selected-item--hidden":!G}),"aria-hidden":"true",onClick:function(){var e;return null==(e=W.current)?void 0:e.focus()}},null==Le?void 0:Le.label),t.createElement("input",g({className:l("eds-dropdown__input eds-form-control",{"eds-dropdown__input--hidden":G}),disabled:P||p,placeholder:null!=(r=null==Le?void 0:Le.label)?r:O},xe({onClick:function(e){!be&&ie(e)&&ye()},onBlur:function(){null!==Le&&Y(!0)},onFocus:function(){Y(!1)},onKeyDown:function(e){D&&"Tab"===e.key&&T(me[Ce])},ref:W})))),t.createElement(X,{isOpen:be,listItems:me,listStyle:E,loading:ce,loadingText:L,getItemProps:Ee,getMenuProps:we,highlightedIndex:Ce,selectedItems:null!==Le?[Le]:[]}))};
|
|
2
2
|
//# sourceMappingURL=dropdown.cjs.production.min.js.map
|