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