@entur/dropdown 5.0.8 → 5.0.9-beta.0
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/MultiSelect.d.ts +1 -1
- package/dist/SearchableDropdown.d.ts +1 -1
- package/dist/dropdown.cjs.development.js +51 -36
- 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 +52 -37
- package/dist/dropdown.esm.js.map +1 -1
- package/dist/styles.css +91 -94
- package/dist/utils.d.ts +2 -0
- package/package.json +4 -4
|
@@ -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:x(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 h(){}var v={};s(v,r,(function(){return this}));var f=Object.getPrototypeOf,b=f&&f(f(S([])));b&&b!==t&&n.call(b,r)&&(v=b);var y=h.prototype=p.prototype=Object.create(v);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 x(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=w(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 w(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,w(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:O}}function O(){return{value:void 0,done:!0}}return g.prototype=h,l(y,"constructor",{value:h,configurable:!0}),l(h,"constructor",{value:g,configurable:!0}),g.displayName=s(h,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,h):(e.__proto__=h,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 h(e){if(null==e)throw new TypeError("Cannot destructure "+e)}function v(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,h=void 0!==p&&p,y=v(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(!h)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"],x=function(e){var n=e.items,a=v(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)},w=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=v(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,h=e.label,f=e.isFilled,b=void 0!==f&&f,y=e.disableLabelAnimation,_=v(e,L),w=I().getLabelProps;return t.createElement("div",{className:"eds-dropdown-wrapper",style:u},t.createElement(a.BaseFormControl,g({append:t.createElement(T,{clearable:p,loading:i,loadingText:d,readOnly:_.readOnly}),className:l,label:h,isFilled:b,labelProps:w(),disableLabelAnimation:y},_),n),t.createElement(x,g({items:r,style:g({position:"absolute",top:s.space.extraLarge3+s.space.extraSmall+"px"},m)},_)))},O=function(e){var n=g({},(h(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"}))},T=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(O,null)," ",t.createElement(w,null)):t.createElement(w,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,h=e.loading,f=e.loadingText,b=e.className,y=e.clearable,_=v(e,k),x=I(),w=x.getToggleButtonProps,C=x.selectedItem,E=x.selectHighlightedItem,L=x.openMenu,O=x.isOpen,T=x.highlightedIndex,N=x.setHighlightedIndex;return t.createElement(S,g({disabled:l,listStyle:d,items:u,label:m,isFilled:!!C||0!==r.length,disableLabelAnimation:p,loading:h,loadingText:f,className:b,clearable:y},_),t.createElement("button",g({},w(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(),O){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!=T?T:0)}));l?N(l.index):n.length>0&&N(n[0].index)}},onFocus:function(){c&&!O&&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,h=void 0!==p&&p,f=n.openOnFocus,b=void 0!==f&&f,y=n.listStyle,_=n.clearable,x=n.itemFilter,w=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,C=n.label,E=n.disableLabelAnimation,L=n.placeholder,O=v(n,P),T=I(),k=T.getInputProps,N=T.inputValue,A=T.selectHighlightedItem,F=T.isOpen,B=T.openMenu,V=T.closeMenu,M=T.selectedItem,R=t.useState(!1),D=R[0],j=R[1],q=t.useRef(null),K=t.useMemo((function(){return i.filter((function(e){return w(e,N)}))}),[N,i,w]);return t.createElement(S,{items:K,disabled:r,readOnly:u,className:o,loading:s,loadingText:c,prepend:m,listStyle:y,clearable:_,label:C,isFilled:!!M,disableLabelAnimation:E},!D&&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=q.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){h&&"Tab"===e.key&&A()},onFocus:function(){!F&&b&&B(),j(!0)},placeholder:M?M.label:L},O)),{onBlur:function(){j(!1),V()},ref:e.mergeRefs(l,q)})))})),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)}}),[r]),i=t.useReducer(B,{items:r?[]:n,loading:!1}),s=i[0],c=s.items,d=s.loading,u=i[1],h=(a=t.useRef(!0),t.useEffect((function(){return function(){a.current=!1}}),[]),a.current),v=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(h){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,h&&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,h]),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&&v("")}),[r,v]),{items:f,loading:!!r&&d,fetchItems:e.debounce(v,l)}},M=["highlightFirstItemOnOpen","debounceTimeout","disabled","feedback","items","label","loadingText","onChange","placeholder","prepend","readOnly","searchable","selectOnTab","openOnFocus","variant","value","clearable","className","style","listStyle","itemFilter","disableLabelAnimation"],R=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,h=e.readOnly,f=e.searchable,b=e.selectOnTab,I=e.openOnFocus,_=e.variant,x=e.value,w=e.clearable,C=void 0!==w&&w,E=e.className,L=e.style,S=e.listStyle,O=e.itemFilter,T=e.disableLabelAnimation,k=v(e,M),P=V(i,a),B=P.items,R=P.loading,D=P.fetchItems,j=void 0===x?void 0:B.find((function(e){return x===e.value}))||null,q=f?A:N,K=f?{itemFilter:O,name:k.name,"data-cy":k["data-cy"]}:{name:k.name,"data-cy":k["data-cy"]};return t.createElement(y,g({selectedItem:j,onInputValueChange:D,onChange:u,value:x,highlightFirstItemOnOpen:l,className:E,style:L,searchable:f},k),t.createElement(F,{feedback:o,variant:_},t.createElement(q,g({label:s,items:B,loading:R,loadingText:c,disabled:r,readOnly:h,placeholder:m,prepend:p,selectOnTab:b,openOnFocus:I,listStyle:S,clearable:C,disableLabelAnimation:T,ref:n},K))))})),D=["className","clearable","debounceTimeout","disabled","feedback","initialSelectedItems","items","itemsSelectedLabel","label","listStyle","loading","loadingText","onChange","openOnFocus","readOnly","style","variant"],j=t.createContext(null),q=function(){var e=t.useContext(j);if(!e)throw new Error("You need to wrap your component in a DownshiftProvider");return e};function K(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({},(h(e),e)),l=q().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=q(),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,h=e.listStyle,f=e.loading,b=void 0!==f&&f,y=e.loadingText,I=void 0===y?"Laster inn …":y,_=e.noMatchesText,x=void 0===_?"Ingen treff for søket":_,w=e.selectAllCheckboxState,C=e.selectAllItem,E=e.selectedItems,L=v(e,$),S=void 0!==C,O=!b&&(0===p.length||1===p.length&&p[0].value===(null==C?void 0:C.value)),T=function(e){return E.some((function(t){return t.value===e.value&&t.label===e.label}))},k=function(){switch(null==w?void 0:w()){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,h)}),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&&T(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==w?void 0:w(),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:T(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,T(e)?s:"")),e.icons&&t.createElement("span",null,e.icons.map((function(e){return t.createElement(e,{key:e.displayName,inline:!0,className:"eds-dropdown__list__item__icon"})}))))}(e))})),O&&t.createElement("li",{key:"dropdown-list-no-match",className:"eds-dropdown__list__item"},x),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=v(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,h=e.isOpen,v=e.loading,f=e.loadingText,b=e.onClear,y=e.selectedItems;return void 0!==v&&v?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:h,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)}var ne=function(e){return e?e.label:""};function le(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 ae(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 re=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},oe=["ariaLabelCloseList","ariaLabelOpenList","className","clearable","debounceTimeout","disabled","disableLabelAnimation","feedback","itemFilter","items","label","labelClearSelectedItem","listStyle","loadingText","onChange","placeholder","prepend","readOnly","selectedItem","selectOnBlur","style","variant"],ie=["className","clearable","clearInputOnSelect","debounceTimeout","disabled","feedback","hideSelectAll","itemFilter","items","label","labelAllItemsSelected","labelClearAllItems","labelSelectAll","listStyle","loadingText","maxChips","noMatchesText","onChange","placeholder","readOnly","selectedItems","selectOnBlur","style","variant","ariaLabelChosenSingular","ariaLabelChosenPlural","ariaLabelCloseList","ariaLabelJumpToInput","ariaLabelOpenList","ariaLabelRemoveSelected","ariaLabelSelectedItem"],se=["ariaLabelCloseList","ariaLabelOpenList","className","clearable","disabled","disableLabelAnimation","feedback","items","label","labelClearSelectedItem","listStyle","loadingText","onChange","placeholder","prepend","readOnly","selectedItem","selectOnBlur","style","variant"],ce=["className","disabled","disableLabelAnimation","feedback","items","label","loadingText","onChange","prepend","readOnly","selectedItem","style","value","variant"],de=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,h=e.disableLabelAnimation,f=e.feedback,b=e.items,y=e.label,I=e.labelClearSelectedItem,_=void 0===I?"fjern valgt":I,x=e.listStyle,w=e.loadingText,C=e.onChange,E=e.placeholder,L=e.prepend,S=e.readOnly,O=void 0!==S&&S,T=e.selectedItem,k=e.selectOnBlur,N=void 0!==k&&k,P=e.style,A=e.variant,F=void 0===A?"info":A,B=v(e,se),M=V(b),R=M.items,D=M.loading,j=null!==T||void 0!==E,q=n.useSelect({items:R,defaultHighlightedIndex:T?void 0:0,selectedItem:T,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:ne}),K=q.isOpen,H=q.getItemProps,G=q.getLabelProps,Y=q.getMenuProps,U=q.getToggleButtonProps,$=q.highlightedIndex;return t.createElement("div",{className:l("eds-dropdown__wrapper",c),style:P},t.createElement(a.BaseFormControl,g({append:t.createElement(z,{ariaHiddenToggleButton:!0,ariaLabelCloseList:i,ariaLabelOpenList:s,clearable:u,labelClearSelectedItems:_,focusable:!1,getToggleButtonProps:U,isOpen:K,loading:D,loadingText:w,onClear:function(){null==C||C(null)},disabled:O||p,selectedItems:[T]}),className:l("eds-dropdown",{"eds-dropdown--not-filled":!j}),disabled:p,disableLabelAnimation:h,feedback:f,isFilled:j,label:y,labelId:G().id,labelProps:G(),prepend:L,readOnly:O,variant:F},B),t.createElement("div",g({className:"eds-dropdown__selected-item-button"},U({id:void 0})),null!=(r=null!=(o=null==T?void 0:T.label)?o:t.createElement("span",{className:l("eds-dropdown__selected-item-button__placeholder",{"eds-dropdown__selected-item-button__placeholder--readonly":O})},E))?r:"")),t.createElement(X,{getItemProps:H,getMenuProps:Y,highlightedIndex:$,isOpen:K,listItems:R,listStyle:x,loading:D,loadingText:w,selectedItems:null!==T?[T]:[]}))},exports.DropdownDeprecated=R,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,h=void 0!==p&&p,f=r.feedback,b=r.hideSelectAll,y=void 0!==b&&b,I=r.itemFilter,_=void 0===I?te:I,x=r.items,w=r.label,C=r.labelAllItemsSelected,E=void 0===C?"Alle valgt":C,L=r.labelClearAllItems,S=void 0===L?"Fjern valgte":L,O=r.labelSelectAll,T=void 0===O?"Velg alle":O,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,R=r.readOnly,D=void 0!==R&&R,j=r.selectedItems,q=r.selectOnBlur,K=void 0!==q&&q,H=r.style,G=r.variant,Y=void 0===G?"info":G,U=r.ariaLabelChosenSingular,$=void 0===U?"valgt":U,J=r.ariaLabelChosenPlural,Q=void 0===J?"valgte":J,Z=r.ariaLabelCloseList,oe=r.ariaLabelJumpToInput,se=void 0===oe?j.length+" valgte elementer, trykk for å hoppe til tekstfeltet":oe,ce=r.ariaLabelOpenList,de=r.ariaLabelRemoveSelected,ue=void 0===de?"trykk for å fjerne valg":de,me=r.ariaLabelSelectedItem,pe=void 0===me?", valgt element, trykk for å fjerne":me,ge=v(r,ie),he=t.useState(0),ve=he[0],fe=he[1],be=t.useState(void 0),ye=be[0],Ie=be[1],_e=t.useRef(null),xe=V(x,m),we=xe.items,Ce=xe.loading,Ee=xe.fetchItems,Le="function"!=typeof x&&j.length===we.length,Se={value:e.useRandomId("select-all"),label:T},Oe=t.useMemo((function(){return{value:ee,label:Le?E:j.length+" "+Q}}),[Le,j,E,Q]),Te=t.useState([].concat(y?[]:[Se],we)),ke=Te[0],Ne=Te[1],Pe=function(e){var t=e.inputValue;return Ne([].concat(y?[]:[Se],we.filter((function(e){return _(e,t)}))))},Ae=function(e){var t=e.inputValue;"function"==typeof x&&x.length>0&&Ee(null!=t?t:ee),Pe({inputValue:null!=t?t:ee})};t.useEffect((function(){Pe({inputValue:Je})}),[we]);var Fe=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:ke,selectAll:Se,selectedItems:j}),Be=Fe.hasSelectedItems,Ve=Fe.handleListItemClicked,Me=Fe.selectAllCheckboxState,Re=n.useMultipleSelection({selectedItems:j,itemToString:ne,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:Se,removedItem:ye}))}}),De=Re.getSelectedItemProps,je=Re.getDropdownProps,qe=t.useCallback((function(e,t){var l=t.changes,a=t.type;switch(void 0!==l.highlightedIndex&&(null==l?void 0:l.highlightedIndex)>=0&&fe(null==l?void 0:l.highlightedIndex),a){case n.useCombobox.stateChangeTypes.InputKeyDownEnter:case n.useCombobox.stateChangeTypes.ItemClick:var r,o;return u&&Ae({inputValue:ee}),g({},l,{isOpen:!0,inputValue:u?ee:null!=(r=null==_e||null==(o=_e.current)?void 0:o.value)?r:ee});case n.useCombobox.stateChangeTypes.ControlledPropUpdatedSelectedItem:var i,s;return g({},l,{inputValue:u?ee:null!=(i=null==_e||null==(s=_e.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)?(Qe(l.inputValue.replace(d,ee)),m&&(ze(),We&&void 0!==l.highlightedIndex&&Ve({clickedItem:ke[l.highlightedIndex],onChange:B,setLastRemovedItem:Ie}))):Ae({inputValue:l.inputValue}),l;case n.useCombobox.stateChangeTypes.InputBlur:return g({},l,{inputValue:ee});default:return l}}),[y,we,Pe,x]),Ke=n.useCombobox(g({defaultHighlightedIndex:ve,items:ke,itemToString:ne,selectedItem:null,stateReducer:qe,onStateChange:function(e){var t=e.selectedItem;if(t)switch(e.type){case n.useCombobox.stateChangeTypes.InputBlur:if(!K)break;case n.useCombobox.stateChangeTypes.InputKeyDownEnter:case n.useCombobox.stateChangeTypes.ItemClick:Ve({clickedItem:t,onChange:B,setLastRemovedItem:Ie})}},getA11yStatusMessage:function(e){return le(g({},e,{selectAllItemIncluded:!y}))},getA11ySelectionMessage:function(e){return ae(g({},e,{selectAllItem:Se}))}},ge)),He=Ke.getInputProps,Ge=Ke.getItemProps,Ye=Ke.getLabelProps,Ue=Ke.getMenuProps,$e=Ke.getToggleButtonProps,Xe=Ke.highlightedIndex,Je=Ke.inputValue,We=Ke.isOpen,ze=Ke.openMenu,Qe=Ke.setInputValue,Ze=function(){var e;B([]),Qe(ee),null==(e=_e.current)||e.focus(),Ae({inputValue:Je})};return t.createElement("div",{className:l("eds-dropdown__wrapper",i),style:H},t.createElement(a.BaseFormControl,g({append:t.createElement(z,{ariaLabelCloseList:Z,ariaLabelOpenList:ce,selectedItems:j,isOpen:We,clearable:c,labelClearSelectedItems:S,focusable:!1,loading:Ce,loadingText:N,disabled:D||h,onClear:Ze,getToggleButtonProps:$e}),className:"eds-dropdown",disabled:h,feedback:f,isFilled:Be||Je!==ee,label:w,labelId:Ye().id,labelProps:Ye(),readOnly:D,variant:Y},ge),t.createElement("div",{className:l("eds-dropdown__selected-items-and-input",{"eds-dropdown__selected-items-and-input--filled":Be}),onClick:function(e){var t;e.target===e.currentTarget&&(null==(t=_e.current)||t.focus())}},j.length<A?t.createElement(t.Fragment,null,j.length>1?t.createElement(o.VisuallyHidden,{onClick:function(){var e;return null==(e=_e.current)?void 0:e.focus()}},se):t.createElement(t.Fragment,null),j.map((function(e,n){return t.createElement(W,{ariaLabelChosen:$,ariaLabelRemoveSelected:ue,disabled:h,getSelectedItemProps:De,index:n,key:e.value,readOnly:D,removeSelectedItem:function(){var t;Ve({clickedItem:e,onChange:B,setLastRemovedItem:Ie}),null==_e||null==(t=_e.current)||t.focus()},selectedItem:e})}))):t.createElement(W,{ariaLabelRemoveSelected:S,ariaLabelChosen:"",disabled:h,readOnly:D,removeSelectedItem:Ze,selectedItem:Oe}),t.createElement("input",g({placeholder:M,className:"eds-dropdown__input eds-form-control",disabled:D||h},He(je({onClick:function(e){!We&&re(e)&&ze()},preventKeyAction:We,ref:_e,value:null!=Je?Je:ee})))))),t.createElement(X,{ariaLabelChosenSingular:$,ariaLabelSelectedItem:pe,getItemProps:Ge,getMenuProps:Ue,highlightedIndex:Xe,inputValue:Je,isOpen:We,listItems:ke,listStyle:k,loading:Ce,loadingText:N,selectAllCheckboxState:Me,selectAllItem:Se,selectedItems:j}))},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,h=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,x=r.loading,w=void 0!==x&&x,C=r.loadingText,E=void 0===C?"":C,L=r.onChange,S=void 0===L?function(){}:L,O=r.openOnFocus,T=void 0!==O&&O,k=r.readOnly,N=void 0!==k&&k,P=r.style,A=r.variant,F=v(r,D),B=V(f,d).items,M=t.useState(h),R=M[0],q=M[1],H=t.useCallback((function(){q([])}),[]);function Y(e){return R.some((function(t){return t.value===e.value}))}var $=n.useSelect(g({items:B,stateReducer:K,selectedItem:null,onSelectedItemChange:function(e){var t=e.selectedItem;if(t)if(Y(t)){var n=R.filter((function(e){return e.value!==t.value}));q(n),S(n)}else{var l=[].concat(R,[t]);q(l),S(l)}}},F)),X=$.isOpen,J=$.getToggleButtonProps,W=$.getLabelProps,z=$.getMenuProps,Q=$.highlightedIndex,Z=$.getItemProps,ee=$.openMenu,te=R.length?y(R):"",ne=e.useRandomId("eds-multiselect");return t.createElement(j.Provider,{value:{isOpen:X,reset:H,getToggleButtonProps:J,openMenu:ee,openOnFocus:T}},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:R.length>0||X,disabled:u,readOnly:N,append:t.createElement(G,{hasSelected:c&&R.length>0,loading:w,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,h=n.prepend,f=n.readOnly,b=void 0!==f&&f,y=n.selectedItem,I=n.style,_=n.value,x=n.variant,w=v(n,ce),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:h,append:t.createElement(de,{hidden:i||b,loading:L,loadingText:m}),className:r,style:I,label:u,labelId:S,variant:x,feedback:c,disableLabelAnimation:s,isFilled:!0},t.createElement("select",g({"aria-invalid":"error"===x,"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},w),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,h=e.disableLabelAnimation,f=void 0!==h&&h,b=e.feedback,y=e.itemFilter,I=void 0===y?te:y,_=e.items,x=e.label,w=e.labelClearSelectedItem,C=void 0===w?"fjern valgt":w,E=e.listStyle,L=e.loadingText,S=e.onChange,O=e.placeholder,T=e.prepend,k=e.readOnly,N=void 0!==k&&k,P=e.selectedItem,A=e.selectOnBlur,F=void 0!==A&&A,B=e.style,M=e.variant,R=void 0===M?"info":M,D=v(e,oe),j=t.useState(!1),q=j[0],K=j[1],H=t.useState(0),G=H[0],Y=H[1],U=t.useRef(null),$=V(_,u),J=$.items,W=$.loading,Q=$.fetchItems,Z=t.useState(J),ie=Z[0],se=Z[1],ce=function(e){var t=e.inputValue;return se(J.filter((function(e){return I(e,t)})))},de=function(e){var t=e.inputValue;"function"==typeof _&&Q(null!=t?t:ee),ce({inputValue:null!=t?t:ee})};t.useEffect((function(){ce({inputValue:xe})}),[J]);var ue=t.useCallback((function(e,t){var l=t.type,a=t.changes;switch(void 0!==a.highlightedIndex&&(null==a?void 0:a.highlightedIndex)>=0&&Y(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 ce({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)?(we(a.inputValue.replace(o,ee)),i&&(ge(),pe&&void 0!==a.highlightedIndex&&(null==S||S(ie[a.highlightedIndex])))):de({inputValue:a.inputValue}),a;default:return a}}),[Q,ce]),me=n.useCombobox(g({defaultHighlightedIndex:G,items:ie,itemToString:ne,selectedItem:P,stateReducer:ue,onStateChange:function(e){var t=e.selectedItem;switch(e.type){case n.useCombobox.stateChangeTypes.InputBlur:if(!F)break;case n.useCombobox.stateChangeTypes.InputKeyDownEnter:case n.useCombobox.stateChangeTypes.ItemClick:null==S||S(null!=t?t:null)}},getA11yStatusMessage:le,getA11ySelectionMessage:function(e){return ae(e)}},D)),pe=me.isOpen,ge=me.openMenu,he=me.getToggleButtonProps,ve=me.getLabelProps,fe=me.getMenuProps,be=me.getInputProps,ye=me.highlightedIndex,Ie=me.getItemProps,_e=me.selectedItem,xe=me.inputValue,we=me.setInputValue;return t.createElement("div",{className:l("eds-dropdown__wrapper",s),style:B},t.createElement(a.BaseFormControl,g({append:t.createElement(z,{ariaLabelCloseList:o,ariaLabelOpenList:i,clearable:d,labelClearSelectedItems:C,disabled:N||p,focusable:!1,getToggleButtonProps:he,isOpen:pe,loading:W,loadingText:L,onClear:function(){var e;null==S||S(null),we(ee),null==(e=U.current)||e.focus(),de({inputValue:xe})},selectedItems:[_e]}),className:"eds-dropdown",disabled:p,disableLabelAnimation:f,feedback:b,isFilled:null!==_e||xe!==ee,label:x,labelId:ve().id,labelProps:ve(),prepend:T,readOnly:N,variant:R},D),!q&&_e&&!xe&&t.createElement("span",{className:"eds-dropdown__selected-item__wrapper","aria-hidden":"true"},t.createElement("span",{className:"eds-dropdown__selected-item",onClick:function(){var e;return null==(e=U.current)?void 0:e.focus()}},_e.label)),t.createElement("input",g({className:"eds-dropdown__input eds-form-control",disabled:N||p,placeholder:null!=(r=null==_e?void 0:_e.label)?r:O},be({onClick:function(e){!pe&&re(e)&&ge()},onBlur:function(){K(!1)},onFocus:function(){K(!0)},ref:U})))),t.createElement(X,{isOpen:pe,listItems:ie,listStyle:E,loading:W,loadingText:L,getItemProps:Ie,getMenuProps:fe,highlightedIndex:ye,selectedItems:null!==_e?[_e]:[]}))};
|
|
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"),i=require("@entur/a11y"),o=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",i=a.asyncIterator||"@@asyncIterator",o=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),i=new L(a||[]);return l(r,"_invoke",{value:x(e,n,i)}),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 h(){}var v={};s(v,r,(function(){return this}));var f=Object.getPrototypeOf,b=f&&f(f(S([])));b&&b!==t&&n.call(b,r)&&(v=b);var y=h.prototype=p.prototype=Object.create(v);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,i,o){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,i,o)}),(function(e){a("throw",e,i,o)})):t.resolve(u).then((function(e){c.value=e,i(c)}),(function(e){return a("throw",e,i,o)}))}o(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 x(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 i=n.delegate;if(i){var o=w(i,n);if(o){if(o===u)continue;return o}}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 w(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,w(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:O}}function O(){return{value:void 0,done:!0}}return g.prototype=h,l(y,"constructor",{value:h,configurable:!0}),l(h,"constructor",{value:g,configurable:!0}),g.displayName=s(h,o,"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,h):(e.__proto__=h,s(e,o,"GeneratorFunction")),e.prototype=Object.create(y),e},e.awrap=function(e){return{__await:e}},I(_.prototype),s(_.prototype,i,(function(){return this})),e.AsyncIterator=_,e.async=function(t,n,l,a,r){void 0===r&&(r=Promise);var i=new _(c(t,n,l,a),r);return e.isGeneratorFunction(n)?i:i.next().then((function(e){return e.done?e.value:i.next()}))},I(y),s(y,o,"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 i.type="throw",i.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],i=r.completion;if("root"===r.tryLoc)return l("end");if(r.tryLoc<=this.prev){var o=n.call(r,"catchLoc"),s=n.call(r,"finallyLoc");if(o&&s){if(this.prev<r.catchLoc)return l(r.catchLoc,!0);if(this.prev<r.finallyLoc)return l(r.finallyLoc)}else if(o){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 i=r?r.completion:{};return i.type=e,i.arg=t,r?(this.method="next",this.next=r.finallyLoc,u):this.complete(i)},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,i){try{var o=e[r](i),s=o.value}catch(e){return void n(e)}o.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 h(e){if(null==e)throw new TypeError("Cannot destructure "+e)}function v(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,i=void 0===r?function(){}:r,o=e.onInputValueChange,s=void 0===o?function(){}:o,c=e.highlightFirstItemOnOpen,d=void 0!==c&&c,u=e.className,m=e.style,p=e.searchable,h=void 0!==p&&p,y=v(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?i(e.selectedItem,t):"inputValue"in e&&s(e.inputValue))},stateReducer:function(e,t){var n=d&&"isOpen"in t&&t.isOpen?{highlightedIndex:0}:{};if(!h)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"],x=function(e){var n=e.items,a=v(e,_),i=I(),o=i.highlightedIndex,s=i.isOpen,c=i.selectedItem,d=i.getItemProps,u=i.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":o===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)},w=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=v(e,C);return t.createElement("div",g({className:l("eds-inline-spinner",n)},r),t.createElement(o.LoadingDots,null),t.createElement(i.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,i=e.loading,o=void 0!==i&&i,c=e.loadingText,d=void 0===c?"Loading...":c,u=e.style,m=e.listStyle,p=e.clearable,h=e.label,f=e.isFilled,b=void 0!==f&&f,y=e.disableLabelAnimation,_=v(e,L),w=I().getLabelProps;return t.createElement("div",{className:"eds-dropdown-wrapper",style:u},t.createElement(a.BaseFormControl,g({append:t.createElement(T,{clearable:p,loading:o,loadingText:d,readOnly:_.readOnly}),className:l,label:h,isFilled:b,labelProps:w(),disableLabelAnimation:y},_),n),t.createElement(x,g({items:r,style:g({position:"absolute",top:s.space.extraLarge3+s.space.extraSmall+"px"},m)},_)))},O=function(e){var n=g({},(h(e),e)),l=I(),a=l.clearSelection,i=l.selectedItem;return t.createElement(t.Fragment,null,i&&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)),i&&t.createElement("div",{className:"eds-dropdown__divider"}))},T=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(O,null)," ",t.createElement(w,null)):t.createElement(w,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,i=e.selectOnTab,o=void 0!==i&&i,s=e.openOnFocus,c=void 0!==s&&s,d=e.listStyle,u=e.items,m=e.label,p=e.disableLabelAnimation,h=e.loading,f=e.loadingText,b=e.className,y=e.clearable,_=v(e,k),x=I(),w=x.getToggleButtonProps,C=x.selectedItem,E=x.selectHighlightedItem,L=x.openMenu,O=x.isOpen,T=x.highlightedIndex,N=x.setHighlightedIndex;return t.createElement(S,g({disabled:l,listStyle:d,items:u,label:m,isFilled:!!C||0!==r.length,disableLabelAnimation:p,loading:h,loadingText:f,className:b,clearable:y},_),t.createElement("button",g({},w(g({className:"eds-form-control eds-dropdown__selected-item",style:{textAlign:"left"},disabled:l,type:"button",onKeyDown:function(e){if(o&&"Tab"===e.key&&E(),O){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!=T?T:0)}));l?N(l.index):n.length>0&&N(n[0].index)}},onFocus:function(){c&&!O&&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,i=n.className,o=n.items,s=n.loading,c=n.loadingText,d=n.readOnly,u=void 0!==d&&d,m=n.prepend,p=n.selectOnTab,h=void 0!==p&&p,f=n.openOnFocus,b=void 0!==f&&f,y=n.listStyle,_=n.clearable,x=n.itemFilter,w=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,C=n.label,E=n.disableLabelAnimation,L=n.placeholder,O=v(n,P),T=I(),k=T.getInputProps,N=T.inputValue,A=T.selectHighlightedItem,F=T.isOpen,B=T.openMenu,V=T.closeMenu,M=T.selectedItem,R=t.useState(!1),D=R[0],j=R[1],q=t.useRef(null),K=t.useMemo((function(){return o.filter((function(e){return w(e,N)}))}),[N,o,w]);return t.createElement(S,{items:K,disabled:r,readOnly:u,className:i,loading:s,loadingText:c,prepend:m,listStyle:y,clearable:_,label:C,isFilled:!!M,disableLabelAnimation:E},!D&&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=q.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){h&&"Tab"===e.key&&A()},onFocus:function(){!F&&b&&B(),j(!0)},placeholder:M?M.label:L},O)),{onBlur:function(){j(!1),V()},ref:e.mergeRefs(l,q)})))})),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,i=t.useMemo((function(){return r?n:function(){return Promise.resolve(n)}}),[n,r]),o=t.useReducer(B,{items:r?[]:n,loading:!1}),s=o[0],c=s.items,d=s.loading,u=o[1],h=(a=t.useRef(!0),t.useEffect((function(){return function(){a.current=!1}}),[]),a.current),v=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(h){e.next=2;break}return e.abrupt("return");case 2:return u({type:"request results"}),e.next=5,i(t);case 5:n=e.sent,h&&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 i(e){p(r,l,a,i,o,"next",e)}function o(e){p(r,l,a,i,o,"throw",e)}i(void 0)}))});return function(e){return t.apply(this,arguments)}}(),[i,h]),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&&v("")}),[r,v]),{items:f,loading:!!r&&d,fetchItems:e.debounce(v,l)}},M=["highlightFirstItemOnOpen","debounceTimeout","disabled","feedback","items","label","loadingText","onChange","placeholder","prepend","readOnly","searchable","selectOnTab","openOnFocus","variant","value","clearable","className","style","listStyle","itemFilter","disableLabelAnimation"],R=t.forwardRef((function(e,n){var l=e.highlightFirstItemOnOpen,a=e.debounceTimeout,r=e.disabled,i=e.feedback,o=e.items,s=e.label,c=e.loadingText,d=e.onChange,u=void 0===d?function(){}:d,m=e.placeholder,p=e.prepend,h=e.readOnly,f=e.searchable,b=e.selectOnTab,I=e.openOnFocus,_=e.variant,x=e.value,w=e.clearable,C=void 0!==w&&w,E=e.className,L=e.style,S=e.listStyle,O=e.itemFilter,T=e.disableLabelAnimation,k=v(e,M),P=V(o,a),B=P.items,R=P.loading,D=P.fetchItems,j=void 0===x?void 0:B.find((function(e){return x===e.value}))||null,q=f?A:N,K=f?{itemFilter:O,name:k.name,"data-cy":k["data-cy"]}:{name:k.name,"data-cy":k["data-cy"]};return t.createElement(y,g({selectedItem:j,onInputValueChange:D,onChange:u,value:x,highlightFirstItemOnOpen:l,className:E,style:L,searchable:f},k),t.createElement(F,{feedback:i,variant:_},t.createElement(q,g({label:s,items:B,loading:R,loadingText:c,disabled:r,readOnly:h,placeholder:m,prepend:p,selectOnTab:b,openOnFocus:I,listStyle:S,clearable:C,disableLabelAnimation:T,ref:n},K))))})),D=["className","clearable","debounceTimeout","disabled","feedback","initialSelectedItems","items","itemsSelectedLabel","label","listStyle","loading","loadingText","onChange","openOnFocus","readOnly","style","variant"],j=t.createContext(null),q=function(){var e=t.useContext(j);if(!e)throw new Error("You need to wrap your component in a DownshiftProvider");return e};function K(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({},(h(e),e)),l=q().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=q(),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,o=e.ariaLabelSelectedItem,s=void 0===o?", valgt element, trykk for å fjerne":o,c=e.getItemProps,d=e.getMenuProps,u=e.isOpen,m=e.highlightedIndex,p=e.listItems,h=e.listStyle,f=e.loading,b=void 0!==f&&f,y=e.loadingText,I=void 0===y?"Laster inn …":y,_=e.noMatchesText,x=void 0===_?"Ingen treff for søket":_,w=e.selectAllCheckboxState,C=e.selectAllItem,E=e.selectedItems,L=v(e,$),S=void 0!==C,O=!b&&(0===p.length||1===p.length&&p[0].value===(null==C?void 0:C.value)),T=function(e){return E.some((function(t){return t.value===e.value&&t.label===e.label}))},k=function(){switch(null==w?void 0:w()){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,h)}),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&&T(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==w?void 0:w(),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:T(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(i.VisuallyHidden,null,T(e)?s:"")),e.icons&&t.createElement("span",null,e.icons.map((function(e){return t.createElement(e,{key:e.displayName,inline:!0,className:"eds-dropdown__list__item__icon"})}))))}(e))})),O&&t.createElement("li",{key:"dropdown-list-no-match",className:"eds-dropdown__list__item"},x),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,i=void 0===r?"valgt":r,o=e.disabled,s=e.getSelectedItemProps,c=e.readOnly,u=e.removeSelectedItem,m=e.selectedItem,p=v(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":o})},p,{onClose:function(e){e.stopPropagation(),u(m)},closeButtonAriaLabel:m.label+" "+i+", "+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,i=e.clearable,s=void 0!==i&&i,c=e.labelClearSelectedItems,d=e.disabled,u=void 0!==d&&d,m=e.focusable,p=void 0!==m&&m,g=e.getToggleButtonProps,h=e.isOpen,v=e.loading,f=e.loadingText,b=e.onClear,y=e.selectedItems;return void 0!==v&&v?t.createElement("div",{className:"eds-dropdown__appendix__toggle-button--loading-dots"},t.createElement(o.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:h,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"],i=void 0!==a&&a,o=e.ariaLabelCloseList,s=void 0===o?"Lukk liste med valg":o,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":i,"aria-label":i?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 ie(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 oe=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","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","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","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(o.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,i,o=e.ariaLabelCloseList,s=e.ariaLabelOpenList,c=e.className,d=e.clearable,u=void 0!==d&&d,m=e.disabled,p=void 0!==m&&m,h=e.disableLabelAnimation,f=e.feedback,b=e.items,y=e.label,I=e.labelClearSelectedItem,_=void 0===I?"fjern valgt":I,x=e.listStyle,w=e.loadingText,C=e.onChange,E=e.placeholder,L=e.prepend,S=e.readOnly,O=void 0!==S&&S,T=e.selectedItem,k=e.selectOnBlur,N=void 0!==k&&k,P=e.style,A=e.variant,F=void 0===A?"info":A,B=v(e,de),M=V(b),R=M.items,D=M.loading,j=null!==T||void 0!==E,q=n.useSelect({items:R,defaultHighlightedIndex:T?void 0:0,selectedItem:T,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}),K=q.isOpen,H=q.getItemProps,G=q.getLabelProps,Y=q.getMenuProps,U=q.getToggleButtonProps,$=q.highlightedIndex;return t.createElement("div",{className:l("eds-dropdown__wrapper",c),style:P},t.createElement(a.BaseFormControl,g({append:t.createElement(z,{ariaHiddenToggleButton:!0,ariaLabelCloseList:o,ariaLabelOpenList:s,clearable:u,labelClearSelectedItems:_,focusable:!1,getToggleButtonProps:U,isOpen:K,loading:D,loadingText:w,onClear:function(){null==C||C(null)},disabled:O||p,selectedItems:[T]}),className:l("eds-dropdown",{"eds-dropdown--not-filled":!j}),disabled:p,disableLabelAnimation:h,feedback:f,isFilled:j,label:y,labelId:G().id,labelProps:G(),prepend:L,readOnly:O,variant:F},B),t.createElement("div",g({className:"eds-dropdown__selected-item"},U({id:void 0})),null!=(r=null!=(i=null==T?void 0:T.label)?i:t.createElement("span",{className:l("eds-dropdown__selected-item__placeholder",{"eds-dropdown__selected-item__placeholder--readonly":O})},E))?r:"")),t.createElement(X,{getItemProps:H,getMenuProps:Y,highlightedIndex:$,isOpen:K,listItems:R,listStyle:x,loading:D,loadingText:w,selectedItems:null!==T?[T]:[]}))},exports.DropdownDeprecated=R,exports.MultiSelect=function(r){var o=r.className,s=r.clearable,c=void 0===s||s,d=r.clearInputOnSelect,u=void 0!==d&&d,m=r.debounceTimeout,p=r.disabled,h=void 0!==p&&p,f=r.feedback,b=r.hideSelectAll,y=void 0!==b&&b,I=r.items,_=r.itemFilter,x=void 0===_?ae(I)?ne:te:_,w=r.label,C=r.labelAllItemsSelected,E=void 0===C?"Alle valgt":C,L=r.labelClearAllItems,S=void 0===L?"Fjern valgte":L,O=r.labelSelectAll,T=void 0===O?"Velg alle":O,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,R=r.readOnly,D=void 0!==R&&R,j=r.selectedItems,q=void 0===j?[]:j,K=r.selectOnBlur,H=void 0!==K&&K,G=r.style,Y=r.variant,U=void 0===Y?"info":Y,$=r.ariaLabelChosenSingular,J=void 0===$?"valgt":$,Q=r.ariaLabelChosenPlural,Z=void 0===Q?"valgte":Q,se=r.ariaLabelCloseList,de=r.ariaLabelJumpToInput,ue=void 0===de?q.length+" valgte elementer, trykk for å hoppe til tekstfeltet":de,me=r.ariaLabelOpenList,pe=r.ariaLabelRemoveSelected,ge=void 0===pe?"trykk for å fjerne valg":pe,he=r.ariaLabelSelectedItem,ve=void 0===he?", valgt element, trykk for å fjerne":he,fe=v(r,ce),be=t.useState(0),ye=be[0],Ie=be[1],_e=t.useState(void 0),xe=_e[0],we=_e[1],Ce=t.useRef(null);t.useEffect((function(){void 0!==fe.selectedItem&&console.warn("Incorrect 'selectedItem' prop found, did you mean to use 'selectedItems?")}),[]);var Ee=V(I,m),Le=Ee.items,Se=Ee.loading,Oe=Ee.fetchItems,Te="function"!=typeof I&&q.length===Le.length,ke={value:e.useRandomId("select-all"),label:T},Ne=t.useMemo((function(){return{value:ee,label:Te?E:q.length+" "+Z}}),[Te,q,E,Z]),Pe=t.useState([].concat(y?[]:[ke],Le)),Ae=Pe[0],Fe=Pe[1],Be=function(e){var t=e.inputValue;return Fe([].concat(y?[]:[ke],Le.filter((function(e){return x(e,t)}))))},Ve=function(e){var t=e.inputValue;ae(I)&&Oe(null!=t?t:ee),Be({inputValue:null!=t?t:ee})};t.useEffect((function(){Be({inputValue:Qe})}),[Le]);var Me=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}))})),i=!a.some((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}))})),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:i,clickedItemIsInSelectedItems:c,clickedItemIsSelectAll:d,handleListItemClicked:function(e){var t=e.clickedItem,l=e.onChange,a=e.setLastRemovedItem;return d(t)?i?(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!!i||!!o&&"indeterminate"},selectAllUnselectedItemsInListItems:m,someListItemsAreSelected:o,unselectAllListItems:p}}({listItems:Ae,selectAll:ke,selectedItems:q}),Re=Me.hasSelectedItems,De=Me.handleListItemClicked,je=Me.selectAllCheckboxState,qe=n.useMultipleSelection({selectedItems:q,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:ke,removedItem:xe}))}}),Ke=qe.getSelectedItemProps,He=qe.getDropdownProps,Ge=t.useCallback((function(e,t){var l=t.changes,a=t.type;switch(void 0!==l.highlightedIndex&&(null==l?void 0:l.highlightedIndex)>=0&&Ie(null==l?void 0:l.highlightedIndex),a){case n.useCombobox.stateChangeTypes.InputKeyDownEnter:case n.useCombobox.stateChangeTypes.ItemClick:var r,i;return u&&Ve({inputValue:ee}),g({},l,{isOpen:!0,inputValue:u?ee:null!=(r=null==Ce||null==(i=Ce.current)?void 0:i.value)?r:ee});case n.useCombobox.stateChangeTypes.ControlledPropUpdatedSelectedItem:var o,s;return g({},l,{inputValue:u?ee:null!=(o=null==Ce||null==(s=Ce.current)?void 0:s.value)?o:ee});case n.useCombobox.stateChangeTypes.InputChange:var c,d=/^\s+/g,m=" "===l.inputValue;return null!=(c=l.inputValue)&&c.match(d)?(tt(l.inputValue.replace(d,ee)),m&&(et(),Ze&&void 0!==l.highlightedIndex&&De({clickedItem:Ae[l.highlightedIndex],onChange:B,setLastRemovedItem:we}))):Ve({inputValue:l.inputValue}),l;case n.useCombobox.stateChangeTypes.InputBlur:return Ve({inputValue:ee}),g({},l,{inputValue:ee});default:return l}}),[y,Le,Be,I]),Ye=n.useCombobox(g({defaultHighlightedIndex:ye,items:Ae,itemToString:le,selectedItem:null,stateReducer:Ge,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:De({clickedItem:t,onChange:B,setLastRemovedItem:we})}},getA11yStatusMessage:function(e){return re(g({},e,{selectAllItemIncluded:!y}))},getA11ySelectionMessage:function(e){return ie(g({},e,{selectAllItem:ke}))}},fe)),Ue=Ye.getInputProps,$e=Ye.getItemProps,Xe=Ye.getLabelProps,Je=Ye.getMenuProps,We=Ye.getToggleButtonProps,ze=Ye.highlightedIndex,Qe=Ye.inputValue,Ze=Ye.isOpen,et=Ye.openMenu,tt=Ye.setInputValue,nt=function(){var e;B([]),tt(ee),null==(e=Ce.current)||e.focus(),Ve({inputValue:Qe})};return t.createElement("div",{className:l("eds-dropdown__wrapper",o),style:G},t.createElement(a.BaseFormControl,g({append:t.createElement(z,{ariaLabelCloseList:se,ariaLabelOpenList:me,selectedItems:q,isOpen:Ze,clearable:c,labelClearSelectedItems:S,focusable:!1,loading:Se,loadingText:N,disabled:D||h,onClear:nt,getToggleButtonProps:We}),className:"eds-dropdown",disabled:h,feedback:f,isFilled:Re||Qe!==ee,label:w,labelId:Xe().id,labelProps:Xe(),onClick:function(e){var t;e.target===e.currentTarget&&(null==(t=Ce.current)||t.focus())},readOnly:D,variant:U},fe),t.createElement("div",{className:l("eds-dropdown--multiselect__selected-items-and-input",{"eds-dropdown--multiselect__selected-items-and-input--filled":Re})},q.length<A?t.createElement(t.Fragment,null,q.length>1?t.createElement(i.VisuallyHidden,{onClick:function(){var e;return null==(e=Ce.current)?void 0:e.focus()}},ue):t.createElement(t.Fragment,null),q.map((function(e,n){return t.createElement(W,{ariaLabelChosen:J,ariaLabelRemoveSelected:ge,disabled:h,getSelectedItemProps:Ke,index:n,key:e.value,readOnly:D,removeSelectedItem:function(){var t;De({clickedItem:e,onChange:B,setLastRemovedItem:we}),null==Ce||null==(t=Ce.current)||t.focus()},selectedItem:e})}))):t.createElement(W,{ariaLabelRemoveSelected:S,ariaLabelChosen:"",disabled:h,readOnly:D,removeSelectedItem:nt,selectedItem:Ne}),t.createElement("input",g({placeholder:M,className:"eds-dropdown__input eds-form-control",disabled:D||h},Ue(He({onClick:function(e){!Ze&&oe(e)&&et()},preventKeyAction:Ze,ref:Ce,value:null!=Qe?Qe:ee})))))),t.createElement(X,{ariaLabelChosenSingular:J,ariaLabelSelectedItem:ve,getItemProps:$e,getMenuProps:Je,highlightedIndex:ze,inputValue:Qe,isOpen:Ze,listItems:Ae,listStyle:k,loading:Se,loadingText:N,selectAllCheckboxState:je,selectAllItem:ke,selectedItems:q}))},exports.MultiSelectDeprecated=function(r){var i=r.className,o=r.clearable,c=void 0!==o&&o,d=r.debounceTimeout,u=r.disabled,m=r.feedback,p=r.initialSelectedItems,h=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,x=r.loading,w=void 0!==x&&x,C=r.loadingText,E=void 0===C?"":C,L=r.onChange,S=void 0===L?function(){}:L,O=r.openOnFocus,T=void 0!==O&&O,k=r.readOnly,N=void 0!==k&&k,P=r.style,A=r.variant,F=v(r,D),B=V(f,d).items,M=t.useState(h),R=M[0],q=M[1],H=t.useCallback((function(){q([])}),[]);function Y(e){return R.some((function(t){return t.value===e.value}))}var $=n.useSelect(g({items:B,stateReducer:K,selectedItem:null,onSelectedItemChange:function(e){var t=e.selectedItem;if(t)if(Y(t)){var n=R.filter((function(e){return e.value!==t.value}));q(n),S(n)}else{var l=[].concat(R,[t]);q(l),S(l)}}},F)),X=$.isOpen,J=$.getToggleButtonProps,W=$.getLabelProps,z=$.getMenuProps,Q=$.highlightedIndex,Z=$.getItemProps,ee=$.openMenu,te=R.length?y(R):"",ne=e.useRandomId("eds-multiselect");return t.createElement(j.Provider,{value:{isOpen:X,reset:H,getToggleButtonProps:J,openMenu:ee,openOnFocus:T}},t.createElement("div",{className:l("eds-multiselect","eds-dropdown-wrapper",i),style:P},t.createElement(a.BaseFormControl,{label:I,labelId:ne,labelProps:W(),feedback:m,variant:A,isFilled:R.length>0||X,disabled:u,readOnly:N,append:t.createElement(G,{hasSelected:c&&R.length>0,loading:w,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,i=n.disabled,o=void 0!==i&&i,s=n.disableLabelAnimation,c=n.feedback,d=n.items,u=n.label,m=n.loadingText,p=n.onChange,h=n.prepend,f=n.readOnly,b=void 0!==f&&f,y=n.selectedItem,I=n.style,_=n.value,x=n.variant,w=v(n,ue),C=V(d),E=C.items,L=C.loading,S=e.useRandomId("eds-dropdown-native");return t.createElement(a.BaseFormControl,{disabled:o,readOnly:b,prepend:h,append:t.createElement(me,{hidden:o||b,loading:L,loadingText:m}),className:r,style:I,label:u,labelId:S,variant:x,feedback:c,disableLabelAnimation:s,isFilled:!0},t.createElement("select",g({"aria-invalid":"error"===x,"aria-labelledby":S,"aria-busy":L,className:"eds-form-control eds-dropdown--native",disabled:o||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},w),E.map((function(e){return t.createElement("option",{key:e.value,value:e.value},e.label)}))))},exports.SearchableDropdown=function(e){var r,i=e.ariaLabelCloseList,o=e.ariaLabelOpenList,s=e.className,c=e.clearable,d=void 0===c||c,u=e.debounceTimeout,m=e.disabled,p=void 0!==m&&m,h=e.disableLabelAnimation,f=void 0!==h&&h,b=e.feedback,y=e.items,I=e.itemFilter,_=void 0===I?ae(y)?ne:te:I,x=e.label,w=e.labelClearSelectedItem,C=void 0===w?"fjern valgt":w,E=e.listStyle,L=e.loadingText,S=e.onChange,O=e.placeholder,T=e.prepend,k=e.readOnly,N=void 0!==k&&k,P=e.selectedItem,A=e.selectOnBlur,F=void 0!==A&&A,B=e.style,M=e.variant,R=void 0===M?"info":M,D=v(e,se),j=t.useState(!1),q=j[0],K=j[1],H=t.useState(0),G=H[0],Y=H[1],U=t.useRef(null),$=V(y,u),J=$.items,W=$.loading,Q=$.fetchItems,Z=t.useState(J),ce=Z[0],de=Z[1],ue=function(e){var t=e.inputValue;return de(J.filter((function(e){return _(e,t)})))},me=function(e){var t=e.inputValue;ae(y)&&Q(null!=t?t:ee),ue({inputValue:null!=t?t:ee})};t.useEffect((function(){ue({inputValue:Ce})}),[J]);var pe=t.useCallback((function(e,t){var l=t.type,a=t.changes;switch(void 0!==a.highlightedIndex&&(null==a?void 0:a.highlightedIndex)>=0&&Y(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 me({inputValue:ee}),g({},a,{inputValue:ee});case n.useCombobox.stateChangeTypes.InputChange:var r,i=/^\s+/g,o=" "===a.inputValue;return null!=(r=a.inputValue)&&r.match(i)?(Ee(a.inputValue.replace(i,ee)),o&&(ve(),he&&void 0!==a.highlightedIndex&&(null==S||S(ce[a.highlightedIndex])))):me({inputValue:a.inputValue}),a;default:return a}}),[Q,ue]),ge=n.useCombobox(g({defaultHighlightedIndex:G,items:ce,itemToString:le,selectedItem:P,stateReducer:pe,onStateChange:function(e){var t=e.selectedItem;switch(e.type){case n.useCombobox.stateChangeTypes.InputBlur:if(!F)break;case n.useCombobox.stateChangeTypes.InputKeyDownEnter:case n.useCombobox.stateChangeTypes.ItemClick:null==S||S(null!=t?t:null)}},getA11yStatusMessage:re,getA11ySelectionMessage:function(e){return ie(e)}},D)),he=ge.isOpen,ve=ge.openMenu,fe=ge.getToggleButtonProps,be=ge.getLabelProps,ye=ge.getMenuProps,Ie=ge.getInputProps,_e=ge.highlightedIndex,xe=ge.getItemProps,we=ge.selectedItem,Ce=ge.inputValue,Ee=ge.setInputValue;return t.createElement("div",{className:l("eds-dropdown__wrapper",s),style:B},t.createElement(a.BaseFormControl,g({append:t.createElement(z,{ariaLabelCloseList:i,ariaLabelOpenList:o,clearable:d,labelClearSelectedItems:C,disabled:N||p,focusable:!1,getToggleButtonProps:fe,isOpen:he,loading:W,loadingText:L,onClear:function(){var e;null==S||S(null),Ee(ee),null==(e=U.current)||e.focus(),me({inputValue:Ce})},selectedItems:[we]}),className:"eds-dropdown",disabled:p,disableLabelAnimation:f,feedback:b,isFilled:null!==we||Ce!==ee,label:x,labelId:be().id,labelProps:be(),prepend:T,readOnly:N,variant:R},D),!q&&null!==we&&""===Ce&&t.createElement("span",{className:"eds-dropdown--searchable__selected-item","aria-hidden":"true",onClick:function(){var e;return null==(e=U.current)?void 0:e.focus()}},we.label),t.createElement("input",g({className:"eds-dropdown__input eds-form-control",disabled:N||p,placeholder:null!=(r=null==we?void 0:we.label)?r:O},Ie({onClick:function(e){!he&&oe(e)&&ve()},onBlur:function(){K(!1)},onFocus:function(){K(!0)},ref:U})))),t.createElement(X,{isOpen:he,listItems:ce,listStyle:E,loading:W,loadingText:L,getItemProps:xe,getMenuProps:ye,highlightedIndex:_e,selectedItems:null!==we?[we]:[]}))};
|
|
2
2
|
//# sourceMappingURL=dropdown.cjs.production.min.js.map
|