@entur/dropdown 5.0.0-beta.1 → 5.0.0-beta.3
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/beta/Dropdown.d.ts +6 -10
- package/dist/beta/MultiSelect.d.ts +11 -2
- package/dist/beta/SearchableDropdown.d.ts +9 -3
- package/dist/beta/components/FieldComponents.d.ts +13 -12
- package/dist/beta/utils.d.ts +5 -0
- package/dist/dropdown.cjs.development.js +388 -258
- 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 +388 -258
- package/dist/dropdown.esm.js.map +1 -1
- package/dist/styles.css +127 -98
- package/package.json +2 -2
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),t=require("react"),n=require("downshift"),l=require("classnames"),a=require("@entur/form"),r=require("@entur/icons"),o=require("@entur/a11y"),i=require("@entur/loader"),s=require("@entur/tokens"),u=require("@entur/button"),d=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(n),g=m(l);function h(){h=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 u(e,t,n,a){var r=Object.create((t&&t.prototype instanceof m?t:m).prototype),o=new S(a||[]);return l(r,"_invoke",{value:w(e,n,o)}),r}function d(e,t,n){try{return{type:"normal",arg:e.call(t,n)}}catch(e){return{type:"throw",arg:e}}}e.wrap=u;var c={};function m(){}function f(){}function p(){}var g={};s(g,r,(function(){return this}));var b=Object.getPrototypeOf,v=b&&b(b(O([])));v&&v!==t&&n.call(v,r)&&(g=v);var y=p.prototype=m.prototype=Object.create(g);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 u=s.arg,c=u.value;return c&&"object"==typeof c&&n.call(c,"__await")?t.resolve(c.__await).then((function(e){a("next",e,o,i)}),(function(e){a("throw",e,o,i)})):t.resolve(c).then((function(e){u.value=e,o(u)}),(function(e){return a("throw",e,o,i)}))}i(s.arg)}var r;l(this,"_invoke",{value:function(e,n){function l(){return new t((function(t,l){a(e,n,t,l)}))}return r=r?r.then(l,l):l()}})}function w(e,t,n){var l="suspendedStart";return function(a,r){if("executing"===l)throw new Error("Generator is already running");if("completed"===l){if("throw"===a)throw r;return{value:void 0,done:!0}}for(n.method=a,n.arg=r;;){var o=n.delegate;if(o){var i=x(o,n);if(i){if(i===c)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===c)continue;return{value:s.arg,done:n.done}}"throw"===s.type&&(l="completed",n.method="throw",n.arg=s.arg)}}}function x(e,t){var n=t.method,l=e.iterator[n];if(void 0===l)return t.delegate=null,"throw"===n&&e.iterator.return&&(t.method="return",t.arg=void 0,x(e,t),"throw"===t.method)||"return"!==n&&(t.method="throw",t.arg=new TypeError("The iterator does not provide a '"+n+"' method")),c;var a=d(l,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 E(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function C(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function S(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(E,this),this.reset(!0)}function O(e){if(e){var t=e[r];if(t)return t.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var l=-1,a=function t(){for(;++l<e.length;)if(n.call(e,l))return t.value=e[l],t.done=!1,t;return t.value=void 0,t.done=!0,t};return a.next=a}}return{next:T}}function T(){return{value:void 0,done:!0}}return f.prototype=p,l(y,"constructor",{value:p,configurable:!0}),l(p,"constructor",{value:f,configurable:!0}),f.displayName=s(p,i,"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,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 _(u(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=O,S.prototype={constructor:S,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(C),!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,c):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),c},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),C(n),c}},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;C(n)}return a}}throw new Error("illegal catch attempt")},delegateYield:function(e,t,n){return this.delegate={iterator:O(e),resultName:t,nextLoc:n},"next"===this.method&&(this.arg=void 0),c}},e}function b(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 v(){return v=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},v.apply(this,arguments)}function y(e){if(null==e)throw new TypeError("Cannot destructure "+e)}function I(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 _=["children","onChange","onInputValueChange","highlightFirstItemOnOpen","className","style","searchable"],w=f.default.createContext(null),x=function(e){var t=e.children,n=e.onChange,l=void 0===n?function(){}:n,a=e.onInputValueChange,r=void 0===a?function(){}:a,o=e.highlightFirstItemOnOpen,i=void 0!==o&&o,s=e.className,u=e.style,d=e.searchable,c=void 0!==d&&d,m=I(e,_);return f.default.createElement(p.default,v({itemToString:function(e){return e?e.label:""},onStateChange:function(e,t){e.type!==p.default.stateChangeTypes.controlledPropUpdatedSelectedItem&&("selectedItem"in e?l(e.selectedItem,t):"inputValue"in e&&r(e.inputValue))},stateReducer:function(e,t){var n=i&&"isOpen"in t&&t.isOpen?{highlightedIndex:0}:{};if(!c)return v({},t,n);switch(t.type){case"__autocomplete_change_input__":default:return v({},t,n);case"__autocomplete_click_item__":case"__autocomplete_keydown_enter__":case"__autocomplete_blur_input__":case"__autocomplete_mouseup__":return v({},t,{inputValue:""},n)}}},m),(function(e){return f.default.createElement("div",{className:g.default("eds-input-group",s),style:u},f.default.createElement(w.Provider,{value:e},t))}))},E=function(){var e=f.default.useContext(w);if(!e)throw new Error("You need to wrap your component in a DownshiftProvider");return e},C=["items"],S=function(e){var t=e.items,n=I(e,C),l=E(),a=l.highlightedIndex,o=l.isOpen,i=l.selectedItem,s=l.getItemProps,u=l.getMenuProps;return f.default.createElement("ul",v({className:g.default("eds-dropdown-list",{"eds-dropdown-list--open":o})},u(),n),o?t.map((function(e,t){return f.default.createElement("li",v({className:g.default("eds-dropdown-list__item",{"eds-dropdown-list__item--highlighted":a===t,"eds-dropdown-list__item--selected":i===e})},s({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"})}))),i===e&&f.default.createElement(r.CheckIcon,null))})):null)},O=function(){var e=E();return f.default.createElement("button",v({},(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))},T=["className","children"],k=function(e){var t=e.className,n=e.children,l=I(e,T);return f.default.createElement("div",v({className:g.default("eds-inline-spinner",t)},l),f.default.createElement(i.LoadingDots,null),f.default.createElement(o.VisuallyHidden,null,n))},N=["children","className","items","loading","loadingText","placeholder","style","listStyle","clearable","label","isFilled","disableLabelAnimation"],L=function(e){var t=e.children,n=e.className,l=e.items,r=e.loading,o=void 0!==r&&r,i=e.loadingText,u=void 0===i?"Loading...":i,d=e.style,c=e.listStyle,m=e.clearable,p=e.label,g=e.isFilled,h=void 0!==g&&g,b=e.disableLabelAnimation,y=I(e,N),_=E().getLabelProps;return f.default.createElement("div",{className:"eds-dropdown-wrapper",style:d},f.default.createElement(a.BaseFormControl,v({append:f.default.createElement(F,{clearable:m,loading:o,loadingText:u,readOnly:y.readOnly}),className:n,label:p,isFilled:h,labelProps:_(),disableLabelAnimation:b},y),t),f.default.createElement(S,v({items:l,style:v({position:"absolute",top:s.space.extraLarge3+s.space.extraSmall+"px"},c)},y)))},P=function(e){var t=v({},(y(e),e)),n=E(),l=n.clearSelection,a=n.selectedItem;return f.default.createElement(f.default.Fragment,null,a&&f.default.createElement("button",v({className:"eds-dropdown__clear-button",type:"button",tabIndex:-1,onClick:function(){return l()},"aria-label":"Trykk for å fjerne valg"},t),f.default.createElement(r.CloseSmallIcon,null)),a&&f.default.createElement("div",{className:"eds-dropdown__divider"}))},F=function(e){var t=e.clearable,n=e.readOnly;return e.loading?f.default.createElement(k,null,e.loadingText):n?null:t?f.default.createElement(f.default.Fragment,null,f.default.createElement(P,null)," ",f.default.createElement(O,null)):f.default.createElement(O,null)},A=["disabled","placeholder","selectOnTab","openOnFocus","listStyle","items","label","disableLabelAnimation","loading","loadingText","className","clearable"],B=f.default.forwardRef((function(e,t){var n=e.disabled,l=e.placeholder,a=void 0===l?"Vennligst velg":l,r=e.selectOnTab,o=void 0!==r&&r,i=e.openOnFocus,s=void 0!==i&&i,u=e.listStyle,d=e.items,c=e.label,m=e.disableLabelAnimation,p=e.loading,g=e.loadingText,h=e.className,b=e.clearable,y=I(e,A),_=E(),w=_.getToggleButtonProps,x=_.selectedItem,C=_.selectHighlightedItem,S=_.openMenu,O=_.isOpen,T=_.highlightedIndex,k=_.setHighlightedIndex;return f.default.createElement(L,v({disabled:n,listStyle:u,items:d,label:c,isFilled:!!x||0!==a.length,disableLabelAnimation:m,loading:p,loadingText:g,className:h,clearable:b},y),f.default.createElement("button",v({},w(v({className:"eds-form-control eds-dropdown__selected-item",style:{textAlign:"left"},disabled:n,type:"button",onKeyDown:function(e){if(o&&"Tab"===e.key&&C(),O){var t=e.key,n=d.map((function(e,t){return v({},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?k(l.index):n.length>0&&k(n[0].index)}},onFocus:function(){s&&!O&&S()}},y)),{ref:t}),x?x.label:a))})),V=["disabled","className","items","loading","loadingText","readOnly","prepend","selectOnTab","openOnFocus","listStyle","clearable","itemFilter","label","disableLabelAnimation","placeholder"],M=f.default.forwardRef((function(n,l){var a=n.disabled,r=void 0!==a&&a,o=n.className,i=n.items,s=n.loading,u=n.loadingText,d=n.readOnly,c=void 0!==d&&d,m=n.prepend,p=n.selectOnTab,g=void 0!==p&&p,h=n.openOnFocus,b=void 0!==h&&h,y=n.listStyle,_=n.clearable,w=n.itemFilter,x=void 0===w?function(e,t){return function(e,t){if(!t)return!0;var n=t.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&");return new RegExp(n,"i").test(e.label)}(e,t)}:w,C=n.label,S=n.disableLabelAnimation,O=n.placeholder,T=I(n,V),k=E(),N=k.getInputProps,P=k.inputValue,F=k.selectHighlightedItem,A=k.isOpen,B=k.openMenu,M=k.closeMenu,j=k.selectedItem,R=t.useState(!1),D=R[0],q=R[1],K=t.useRef(null),G=f.default.useMemo((function(){return i.filter((function(e){return x(e,P)}))}),[P,i,x]);return f.default.createElement(L,{items:G,disabled:r,readOnly:c,className:o,loading:s,loadingText:u,prepend:m,listStyle:y,clearable:_,label:C,isFilled:!!j,disableLabelAnimation:S},!D&&j&&!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()}},j.label)),f.default.createElement("input",v({},N(v({disabled:r,readOnly:c,className:"eds-form-control eds-dropdown__input",onKeyDown:function(e){g&&"Tab"===e.key&&F()},onFocus:function(){!A&&b&&B(),q(!0)},placeholder:j?j.label:O},T)),{onBlur:function(){q(!1),M()},ref:e.mergeRefs(l,K)})))})),j=function(e){var t=e.feedback,n=e.variant;return f.default.createElement(a.VariantProvider,{variant:n},f.default.createElement("div",{className:e.className,style:e.style},e.children,t&&n&&f.default.createElement(a.FeedbackText,{variant:n},t)))},R=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,n){void 0===n&&(n=250);var l,a="function"==typeof t,r=f.default.useMemo((function(){return a?t:function(){return Promise.resolve(t)}}),[t,a]),o=f.default.useReducer(R,{items:a?[]:t,loading:!1}),i=o[0],s=i.items,u=i.loading,d=o[1],c=(l=f.default.useRef(!0),f.default.useEffect((function(){return function(){l.current=!1}}),[]),l.current),m=f.default.useCallback(function(){var e,t=(e=h().mark((function e(t){var n;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 d({type:"request results"}),e.next=5,r(t);case 5:n=e.sent,c&&d({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){b(r,l,a,o,i,"next",e)}function i(e){b(r,l,a,o,i,"throw",e)}o(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:v({},e,{value:e.label})}))}),[e])}(s);return f.default.useEffect((function(){a&&m("")}),[a]),{items:p,loading:!!a&&u,fetchItems:e.debounce(m,n)}},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 n=e.highlightFirstItemOnOpen,l=e.debounceTimeout,a=e.disabled,r=e.feedback,o=e.items,i=e.label,s=e.loadingText,u=e.onChange,d=void 0===u?function(){}:u,c=e.placeholder,m=e.prepend,p=e.readOnly,g=e.searchable,h=e.selectOnTab,b=e.openOnFocus,y=e.variant,_=e.value,w=e.clearable,E=void 0!==w&&w,C=e.className,S=e.style,O=e.listStyle,T=e.itemFilter,k=e.disableLabelAnimation,N=I(e,q),L=D(o,l),P=L.items,F=L.loading,A=L.fetchItems,V=void 0===_?void 0:P.find((function(e){return _===e.value}))||null,R=g?M:B,K=g?{itemFilter:T,name:N.name,"data-cy":N["data-cy"]}:{name:N.name,"data-cy":N["data-cy"]};return f.default.createElement(x,v({selectedItem:V,onInputValueChange:A,onChange:d,value:_,highlightFirstItemOnOpen:n,className:C,style:S,searchable:g},N),f.default.createElement(j,{feedback:r,variant:y},f.default.createElement(R,v({label:i,items:P,loading:F,loadingText:s,disabled:a,readOnly:p,placeholder:c,prepend:m,selectOnTab:h,openOnFocus:b,listStyle:O,clearable:E,disableLabelAnimation:k,ref:t},K))))})),G=["className","disabled","readOnly","items","loadingText","prepend","style","label","variant","feedback","disableLabelAnimation"],H=["className","clearable","debounceTimeout","disabled","feedback","initialSelectedItems","items","itemsSelectedLabel","label","listStyle","loading","loadingText","onChange","openOnFocus","readOnly","style","variant"],U=f.default.createContext(null),Y=function(){var e=f.default.useContext(U);if(!e)throw new Error("You need to wrap your component in a DownshiftProvider");return e};function $(e,t){var l=t.changes;switch(t.type){case n.useSelect.stateChangeTypes.MenuKeyDownEnter:case n.useSelect.stateChangeTypes.MenuKeyDownSpaceButton:case n.useSelect.stateChangeTypes.ItemClick:return v({},l,{isOpen:!0,highlightedIndex:e.highlightedIndex});default:return l}}var W=function(e){var t=v({},(y(e),e)),n=Y().reset;return f.default.createElement(f.default.Fragment,null,f.default.createElement("button",v({className:"eds-dropdown__clear-button",type:"button",tabIndex:-1,onClick:function(){return n()}},t),f.default.createElement(r.CloseIcon,null)),f.default.createElement("div",{className:"eds-dropdown__divider"}))},z=function(e){var t=e.readOnly,n=e.hasSelected;return e.loading?f.default.createElement(k,null,e.loadingText):t?null:n?f.default.createElement(f.default.Fragment,null,f.default.createElement(W,null),f.default.createElement(J,null)):f.default.createElement(J,null)},J=function(){var e=Y(),t=e.openMenu,n=e.openOnFocus;return f.default.createElement("button",v({},(0,e.getToggleButtonProps)({className:g.default("eds-dropdown__toggle-button",{"eds-dropdown__toggle-button--open":e.isOpen}),onFocus:function(){n&&t()}}),{type:"button"}),f.default.createElement(r.DownArrowIcon,null))},Q=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"}))},X=["selectedItems","listItems","inputValue","isOpen","getMenuProps","getItemProps","highlightedIndex","showSelectAllInList","loading","selectAllCheckboxState","selectAllItem","listStyle","noMatchesText","loadingText","selectedItemAriaLabel"],Z=function(e){var t=e.selectedItems,n=e.listItems,l=e.isOpen,r=e.getMenuProps,i=e.getItemProps,s=e.highlightedIndex,u=e.loading,d=void 0!==u&&u,c=e.selectAllCheckboxState,m=e.selectAllItem,p=e.listStyle,h=e.noMatchesText,b=void 0===h?"Ingen treff for søket":h,y=e.loadingText,_=void 0===y?"Laster inn …":y,w=e.selectedItemAriaLabel,x=void 0===w?", valgt element":w,E=I(e,X),C=void 0!==m,S=!d&&(0===n.length||1===n.length&&n[0].value===(null==m?void 0:m.value)),O=function(e){return t.some((function(t){return t.value===e.value}))};return f.default.createElement("ul",v({},r(),{className:g.default("eds-dropdown__list",{"eds-dropdown__list--open":l}),style:v({},E.style,p)}),l&&n.length>0&&n.map((function(e,t){var l=e.value===(null==m?void 0:m.value);return l&&n.length<=2?f.default.createElement(f.default.Fragment,null):f.default.createElement("li",v({key:e.value,className:g.default("eds-dropdown__list__item",{"eds-dropdown__list__item--select-all":l,"eds-dropdown__list__item--highlighted":s===t,"eds-dropdown__list__item--selected":!C&&O(e)})},i({key:""+t+e.value,item:e,index:t})),l?f.default.createElement(f.default.Fragment,null,f.default.createElement(a.Checkbox,{className:"eds-dropdown__list__item__checkbox",checked:null==c?void 0:c(),"aria-hidden":"true",onChange:function(){}}),f.default.createElement("span",{className:"eds-dropdown__list__item__text"},null==m?void 0:m.label)):function(e){return f.default.createElement(f.default.Fragment,null,f.default.createElement(a.Checkbox,{style:C?{}:{display:"none"},className:"eds-dropdown__list__item__checkbox",checked:O(e),"aria-hidden":"true",onChange:function(){}}),f.default.createElement("span",{className:"eds-dropdown__list__item__text"},e.label,f.default.createElement(o.VisuallyHidden,null,x)),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))})),l&&S&&f.default.createElement("li",{className:"eds-dropdown__list__item"},b),l&&d&&f.default.createElement("li",{className:"eds-dropdown__list__item"},_))};function ee(e,t){if(!t)return!0;var n=t.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&");return new RegExp(n,"i").test(e.label)}var te=function(e){return e?e.label:""},ne=["tabIndex"],le=function(e){var t=e.removeSelectedItem,n=e.selectedItem,l=e.ariaLabelRemoveSelected,a=I((0,e.getSelectedItemProps)({selectedItem:n,index:e.index}),ne);return f.default.createElement(d.TagChip,v({className:g.default("eds-dropdown__selected-element-tag")},a,{onClose:function(e){e.stopPropagation(),t(n)},closeButtonAriaLabel:n.label+", "+l+" ",key:n.value}),f.default.createElement("span",{"aria-hidden":"true"},n.label))},ae=function(e){var t=e.clearable,n=e.readOnly,l=e.getToggleButtonProps,a=e.selectedItems,r=e.loading,o=e.loadingText,i=e.ariaLabelClearItems,s=e.clearSelectedItemsLabel,u=e.isOpen,d=e.onClear,c=e.focusable,m=void 0!==c&&c;return void 0!==r&&r?f.default.createElement(k,null,void 0===o?"Laster resultater …":o):n?null:f.default.createElement("div",{className:"eds-dropdown-appendix"},t&&(null==a?void 0:a.length)>0&&null!==a[0]&&f.default.createElement(f.default.Fragment,null,f.default.createElement(re,{onClear:d,focusable:m,clearSelectedItemsLabel:s,ariaLabelClearItems:i}),f.default.createElement("div",{className:"eds-dropdown-appendix__divider"})),f.default.createElement(oe,{getToggleButtonProps:l,isOpen:u,focusable:m}))},re=function(e){var t=e.clearSelectedItemsLabel,n=e.ariaLabelClearItems,l=e.focusable;return f.default.createElement(c.Tooltip,{"aria-hidden":"true",placement:"right",content:void 0===t?"Fjern valgte":t},f.default.createElement(u.IconButton,{className:"eds-dropdown-appendix__clear-button",type:"button",tabIndex:void 0!==l&&l?0:1,onClick:e.onClear,"aria-label":void 0===n?"Fjern valgte":n},f.default.createElement(r.CloseSmallIcon,{"aria-hidden":"true"})))},oe=function(e){var t=e.isOpen,n=e.closeAriaLabel,l=void 0===n?"Lukk liste med valg":n,a=e.openAriaLabel,o=void 0===a?"Åpne liste med valg":a,i=e.focusable,s=void 0!==i&&i;return f.default.createElement(u.IconButton,v({},(0,e.getToggleButtonProps)({className:g.default("eds-dropdown-appendix__toggle-button",{"eds-dropdown-appendix__toggle-button--open":t})}),{"aria-label":t?l:o,tabIndex:s?0:1,type:"button"}),f.default.createElement(r.DownArrowIcon,{"aria-hidden":"true"}))},ie=["className","clearable","debounceTimeout","disableLabelAnimation","feedback","itemFilter","items","label","listStyle","onChange","openOnFocus","placeholder","readonly","selectedItem","selectOnBlur","variant"],se=["ariaLabelRemoveSelected","className","clearable","debounceTimeout","feedback","hideSelectAll","items","label","listStyle","onChange","openOnFocus","placeholder","readonly","selectAllLabel","selectedItems","selectOnBlur","style","variant"],ue=["className","clearable","debounceTimeout","feedback","items","label","listStyle","onChange","openOnFocus","placeholder","readonly","selectedItem","selectOnBlur","selectOnTab","variant"];e.warnAboutMissingStyles("dropdown","form","a11y","chip"),exports.Dropdown=K,exports.DropdownBeta=function(e){var t,l=e.className,r=e.debounceTimeout,o=e.feedback,i=e.items,s=e.label,u=e.listStyle,d=e.onChange,c=e.readonly,m=void 0!==c&&c,p=e.selectedItem,h=e.selectOnBlur,b=void 0!==h&&h,y=e.variant,_=void 0===y?"info":y,w=I(e,ue),x=D(i,r),E=x.items,C=x.loading,S=n.useSelect({items:E,selectedItem:p,onStateChange:function(e){var t=e.selectedItem;switch(e.type){case n.useSelect.stateChangeTypes.InputBlur:if(!b)break;case n.useSelect.stateChangeTypes.MenuKeyDownEnter:case n.useSelect.stateChangeTypes.ItemClick:null==d||d(void 0!==t?t:null)}},itemToString:te}),O=S.isOpen,T=S.getToggleButtonProps,k=S.getLabelProps,N=S.getMenuProps,L=S.highlightedIndex,P=S.getItemProps;return f.default.createElement("div",{className:"eds-dropdown__wrapper"},f.default.createElement(a.BaseFormControl,v({append:f.default.createElement(ae,{selectedItems:[p],isOpen:O,clearable:!0,loading:C,loadingText:"",readOnly:m,onClear:function(){null==d||d(null)},getToggleButtonProps:T,clearSelectedItemsLabel:"Fjern valgt",ariaLabelClearItems:(null==p?void 0:p.label)+" valgt, trykk for å fjerne valget",focusable:!0}),className:g.default("eds-dropdown",l,{"eds-dropdown--not-filled":null===p}),label:s,labelId:k().id,labelProps:k(),disableLabelAnimation:!0,isFilled:null!==p,feedback:o,variant:_,readOnly:m},w),f.default.createElement("div",v({className:"eds-dropdown__selected-item-button"},T()),null!=(t=null==p?void 0:p.label)?t:"")),f.default.createElement(Z,{selectedItems:null!==p?[p]:[],isOpen:O,listItems:E,highlightedIndex:L,listStyle:u,getMenuProps:N,getItemProps:P,loading:C}))},exports.MultiSelect=function(l){var r=l.className,o=l.clearable,i=void 0!==o&&o,u=l.debounceTimeout,d=l.disabled,c=l.feedback,m=l.initialSelectedItems,p=void 0===m?[]:m,h=l.items,b=l.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,_=l.label,w=l.listStyle,x=l.loading,E=void 0!==x&&x,C=l.loadingText,S=void 0===C?"":C,O=l.onChange,T=void 0===O?function(){}:O,k=l.openOnFocus,N=void 0!==k&&k,L=l.readOnly,P=void 0!==L&&L,F=l.style,A=l.variant,B=I(l,H),V=D(h,u).items,M=t.useState(p),j=M[0],R=M[1],q=f.default.useCallback((function(){R([])}),[]);function K(e){return j.some((function(t){return t.value===e.value}))}var G=n.useSelect(v({items:V,stateReducer:$,selectedItem:null,onSelectedItemChange:function(e){var t=e.selectedItem;if(t)if(K(t)){var n=j.filter((function(e){return e.value!==t.value}));R(n),T(n)}else{var l=[].concat(j,[t]);R(l),T(l)}}},B)),Y=G.isOpen,W=G.getToggleButtonProps,J=G.getLabelProps,X=G.getMenuProps,Z=G.highlightedIndex,ee=G.getItemProps,te=G.openMenu,ne=j.length?y(j):"",le=e.useRandomId("eds-multiselect");return f.default.createElement(U.Provider,{value:{isOpen:Y,reset:q,getToggleButtonProps:W,openMenu:te,openOnFocus:N}},f.default.createElement("div",{className:g.default("eds-multiselect","eds-dropdown-wrapper",r),style:F},f.default.createElement(a.BaseFormControl,{label:_,labelId:le,labelProps:J(),feedback:c,variant:A,isFilled:j.length>0||Y,disabled:d,readOnly:P,append:f.default.createElement(z,{hasSelected:i&&j.length>0,loading:E,loadingText:S,readOnly:P})},f.default.createElement("button",v({},W({style:{textAlign:"left"},type:"button",className:"eds-form-control eds-multiselect__button"})),ne)),f.default.createElement("ul",v({className:g.default("eds-dropdown-list",{"eds-dropdown-list--open":Y})},X({style:v({position:"absolute",top:s.space.extraLarge3+s.space.extraSmall+"px"},w)})),Y&&V.map((function(e,t){return f.default.createElement("li",v({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(Q,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.MultiSelectBeta=function(l){var r=l.ariaLabelRemoveSelected,o=void 0===r?"trykk for å fjerne valg":r,i=l.className,s=l.clearable,u=void 0!==s&&s,d=l.feedback,c=l.hideSelectAll,m=void 0!==c&&c,p=l.items,h=l.label,b=l.listStyle,_=l.onChange,w=l.openOnFocus,x=void 0!==w&&w,E=l.placeholder,C=l.readonly,S=void 0!==C&&C,O=l.selectAllLabel,T=void 0===O?"Velg alle":O,k=l.selectedItems,N=l.selectOnBlur,L=void 0!==N&&N,P=l.style,F=l.variant,A=void 0===F?"info":F,B=I(l,se),V=f.default.useState(0),M=V[0],j=V[1],R=t.useRef(null),q=D(p),K=q.items,G=q.loading,H=q.fetchItems,U={value:e.useRandomId("select-all"),label:T},Y=t.useState([].concat(m?[]:[U],K)),$=Y[0],W=Y[1],z=function(e){var t=e.inputValue;return W([].concat(m?[]:[U],K.filter((function(e){return ee(e,t)}))))};f.default.useEffect((function(){z({inputValue:Ee})}),[K]);var J=function(e){var t=e.selectedItems,n=e.selectAllValue,l=t.length>0,a=e.listItems.filter((function(e){return e.value!==n})),r=0===a.filter((function(e){return!t.includes(e)})).length,o=a.some((function(e){return t.includes(e)}));return{addClickedItemToSelectedItems:function(e,n){return n([].concat(t,[e]))},allListItemsAreSelected:r,clickedItemIsInSelectedItems:function(e){return t.some((function(t){return t.value===e.value}))},clickedItemIsSelectAll:function(e){return e.value===n},hasSelectedItems:l,listItemsWithoutSelectAll:a,removeClickedItemFromSelectedItems:function(e,n){return n(t.filter((function(t){return t.value!==e.value})))},selectAllCheckboxState:function(){return!!r||!!o&&"indeterminate"},selectAllUnselectedItemsInListItems:function(e){e([].concat(t,a.filter((function(e){return!t.includes(e)}))))},someListItemsAreSelected:o,unselectAllListItems:function(e){e(t.filter((function(e){return!a.includes(e)})))}}}({listItems:$,selectAllValue:U.value,selectedItems:k}),Q=J.addClickedItemToSelectedItems,X=J.allListItemsAreSelected,ne=J.clickedItemIsInSelectedItems,re=J.clickedItemIsSelectAll,oe=J.hasSelectedItems,ie=J.removeClickedItemFromSelectedItems,ue=J.selectAllCheckboxState,de=J.selectAllUnselectedItemsInListItems,ce=J.unselectAllListItems,me=n.useMultipleSelection({selectedItems:k,itemToString:te,onSelectedItemsChange:function(e){var t;_(null!=(t=e.selectedItems)?t:[])}}),fe=me.getSelectedItemProps,pe=me.getDropdownProps,ge=me.removeSelectedItem,he=f.default.useCallback((function(e,t){var l,a,r,o,i,s,u,d=t.changes,c=t.type;switch(null!=d&&d.highlightedIndex&&(null==d?void 0:d.highlightedIndex)>=0&&j(null==d?void 0:d.highlightedIndex),c){case n.useCombobox.stateChangeTypes.InputKeyDownEnter:case n.useCombobox.stateChangeTypes.ItemClick:return v({},d,{isOpen:!0,inputValue:null!=(l=null==R||null==(a=R.current)?void 0:a.value)?l:""});case n.useCombobox.stateChangeTypes.ControlledPropUpdatedSelectedItem:return v({},d,{inputValue:null!=(r=null==R||null==(o=R.current)?void 0:o.value)?r:""});case n.useCombobox.stateChangeTypes.InputChange:var m;return null!=(i=d.inputValue)&&i.match(/^\s+/g)?v({},d,{inputValue:null!=(m=d.inputValue.replace(/^\s+/g,""))?m:""}):("function"==typeof p&&H(null!=(s=d.inputValue)?s:""),z({inputValue:null!=(u=d.inputValue)?u:""}),d);case n.useCombobox.stateChangeTypes.InputBlur:return v({},d,{inputValue:""});default:return d}}),[m,K,z,p]),be=n.useCombobox(v({defaultHighlightedIndex:M,items:$,itemToString:te,selectedItem:null,stateReducer:he,onStateChange:function(e){var t=e.selectedItem;if(t)switch(e.type){case n.useCombobox.stateChangeTypes.InputBlur:if(!L)break;case n.useCombobox.stateChangeTypes.InputKeyDownEnter:case n.useCombobox.stateChangeTypes.ItemClick:if(re(t))return X?ce(_):de(_);if(ne(t))return ie(t,_);Q(t,_)}}},B)),ve=be.getInputProps,ye=be.getItemProps,Ie=be.getLabelProps,_e=be.getMenuProps,we=be.getToggleButtonProps,xe=be.highlightedIndex,Ee=be.inputValue,Ce=be.isOpen,Se=be.openMenu,Oe=be.setInputValue,Te=(0,be.getComboboxProps)(),ke=v({},(y(Te),Te));return f.default.createElement("div",{className:"eds-dropdown__wrapper"},f.default.createElement(a.BaseFormControl,v({append:f.default.createElement(ae,{selectedItems:k,isOpen:Ce,clearable:u,loading:G,loadingText:"",readOnly:S,onClear:function(){var e;_([]),Oe(""),null==(e=R.current)||e.focus(),"function"==typeof p&&H(null!=Ee?Ee:"")},getToggleButtonProps:we}),className:g.default("eds-dropdown",i),label:h,isFilled:oe||""!==Ee,feedback:d,variant:A,readOnly:S,style:P,labelProps:v({"aria-label":h+", multiselect, "+k.length+" valgte elementer"},Ie())},ke,B),f.default.createElement("div",{className:g.default("eds-dropdown__selected-items-and-input",{"eds-dropdown__selected-items-and-input--filled":oe}),onClick:function(e){var t;e.target===e.currentTarget&&(null==(t=R.current)||t.focus())}},k.map((function(e,t){return f.default.createElement(le,{index:t,key:e.value,getSelectedItemProps:fe,selectedItem:e,removeSelectedItem:ge,ariaLabelRemoveSelected:o})})),f.default.createElement("input",v({placeholder:E,className:"eds-dropdown__input eds-form-control",role:"combobox"},ve(pe({preventKeyAction:Ce,onFocus:function(){!Ce&&x&&Se()},ref:R,value:null!=Ee?Ee:""})))))),f.default.createElement(Z,{listItems:$,selectedItems:k,inputValue:Ee,isOpen:Ce,highlightedIndex:xe,getMenuProps:_e,getItemProps:ye,selectAllItem:U,selectAllCheckboxState:ue,listStyle:b,loading:G}))},exports.NativeDropdown=function(t){var n=t.className,l=t.disabled,o=void 0!==l&&l,i=t.readOnly,s=void 0!==i&&i,u=t.items,d=t.loadingText,c=t.prepend,m=t.style,p=t.label,g=t.variant,h=t.feedback,b=t.disableLabelAnimation,y=I(t,G),_=D(u),w=_.items,x=_.loading,E=f.default.createElement(r.DownArrowIcon,{inline:!0,"aria-hidden":"true"});o||s?E=null:x&&(E=f.default.createElement(k,{"aria-hidden":"true"},d));var C=e.useRandomId("eds-native-dropdown");return f.default.createElement(a.BaseFormControl,{disabled:o,readOnly:s,prepend:c,append:E,className:n,style:m,label:p,labelId:C,variant:g,feedback:h,disableLabelAnimation:b,isFilled:!0},f.default.createElement("select",v({"aria-invalid":"error"===g,"aria-labelledby":C,"aria-busy":x,className:"eds-form-control eds-dropdown",disabled:o||s},y),w.map((function(e){return f.default.createElement("option",{key:e.value,value:e.value},e.label)}))))},exports.SearchableDropdownBeta=function(e){var l,r=e.className,o=e.clearable,i=void 0!==o&&o,s=e.debounceTimeout,u=e.disableLabelAnimation,d=void 0!==u&&u,c=e.feedback,m=e.itemFilter,p=void 0===m?ee:m,h=e.items,b=e.label,y=e.listStyle,_=e.onChange,w=e.openOnFocus,x=void 0!==w&&w,E=e.placeholder,C=e.readonly,S=void 0!==C&&C,O=e.selectedItem,T=e.selectOnBlur,k=void 0!==T&&T,N=e.variant,L=void 0===N?"info":N,P=I(e,ie),F=t.useState(!1),A=F[0],B=F[1],V=t.useRef(null),M=D(h,s),j=M.items,R=M.loading,q=M.fetchItems,K=f.default.useState(j),G=K[0],H=K[1],U=function(e){var t=e.inputValue;return H(j.filter((function(e){return p(e,t)})))};f.default.useEffect((function(){U({inputValue:se})}),[j]);var Y=f.default.useCallback((function(e,t){var l=t.changes;switch(t.type){case n.useCombobox.stateChangeTypes.ItemClick:case n.useCombobox.stateChangeTypes.InputKeyDownEnter:case n.useCombobox.stateChangeTypes.InputBlur:case n.useCombobox.stateChangeTypes.ControlledPropUpdatedSelectedItem:return U({inputValue:""}),v({},l,{inputValue:""});case n.useCombobox.stateChangeTypes.InputChange:var a,r,o,i=/^\s+/g;return null!=(a=l.inputValue)&&a.match(i)?ue(l.inputValue.replace(i,"")):(q(null!=(r=l.inputValue)?r:""),U({inputValue:null!=(o=l.inputValue)?o:""})),l;default:return l}}),[q,U]),$=n.useCombobox(v({items:G,selectedItem:O,itemToString:te,stateReducer:Y,onStateChange:function(e){var t=e.selectedItem;switch(e.type){case n.useCombobox.stateChangeTypes.InputBlur:if(!k)break;case n.useCombobox.stateChangeTypes.InputKeyDownEnter:case n.useCombobox.stateChangeTypes.ItemClick:_(null!=t?t:null)}}},P)),W=$.isOpen,z=$.openMenu,J=$.getLabelProps,Q=$.getMenuProps,X=$.getInputProps,ne=$.getComboboxProps,le=$.highlightedIndex,re=$.getItemProps,oe=$.selectedItem,se=$.inputValue,ue=$.setInputValue;return f.default.createElement("div",{className:"eds-dropdown__wrapper"},f.default.createElement(a.BaseFormControl,v({append:f.default.createElement(ae,{selectedItems:[oe],isOpen:W,clearable:i,loading:!1,loadingText:"",readOnly:S,onClear:function(){var e;_(null),ue(""),null==(e=V.current)||e.focus(),"function"==typeof h&&q(null!=se?se:"")},getToggleButtonProps:$.getToggleButtonProps}),disableLabelAnimation:d,className:g.default("eds-dropdown",r),label:b,isFilled:oe||""!==se,feedback:c,variant:L,readOnly:S,labelProps:J()},ne(),P),!A&&oe&&!se&&f.default.createElement("span",{className:"eds-dropdown__selected-item__wrapper"},f.default.createElement("span",{className:"eds-dropdown__selected-item",onClick:function(){var e;return null==(e=V.current)?void 0:e.focus()}},oe.label)),f.default.createElement("input",v({placeholder:null!=(l=null==oe?void 0:oe.label)?l:E,className:"eds-dropdown__input eds-form-control"},X({onFocus:function(){!W&&x&&z(),B(!0)},onBlur:function(){B(!1)},ref:V})))),f.default.createElement(Z,{selectedItems:null!==oe?[oe]:[],isOpen:W,listItems:G,highlightedIndex:le,listStyle:y,getMenuProps:Q,getItemProps:re,loading:R}))};
|
|
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"),o=require("@entur/a11y"),i=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",o=a.asyncIterator||"@@asyncIterator",i=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),o=new S(a||[]);return n(r,"_invoke",{value:x(e,l,o)}),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 b=Object.getPrototypeOf,v=b&&b(b(O([])));v&&v!==t&&l.call(v,r)&&(g=v);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,o,i){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,o,i)}),(function(e){a("throw",e,o,i)})):t.resolve(c).then((function(e){s.value=e,o(s)}),(function(e){return a("throw",e,o,i)}))}i(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 o=l.delegate;if(o){var i=w(o,l);if(i){if(i===c)continue;return i}}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 E(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function C(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function S(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(E,this),this.reset(!0)}function O(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:T}}function T(){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,i,"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,i,"GeneratorFunction")),e.prototype=Object.create(y),e},e.awrap=function(e){return{__await:e}},I(_.prototype),d(_.prototype,o,(function(){return this})),e.AsyncIterator=_,e.async=function(t,l,n,a,r){void 0===r&&(r=Promise);var o=new _(s(t,l,n,a),r);return e.isGeneratorFunction(l)?o:o.next().then((function(e){return e.done?e.value:o.next()}))},I(y),d(y,i,"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=O,S.prototype={constructor:S,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(C),!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 o.type="throw",o.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],o=r.completion;if("root"===r.tryLoc)return n("end");if(r.tryLoc<=this.prev){var i=l.call(r,"catchLoc"),d=l.call(r,"finallyLoc");if(i&&d){if(this.prev<r.catchLoc)return n(r.catchLoc,!0);if(this.prev<r.finallyLoc)return n(r.finallyLoc)}else if(i){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 o=r?r.completion:{};return o.type=e,o.arg=t,r?(this.method="next",this.next=r.finallyLoc,c):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),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),C(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;C(l)}return a}}throw new Error("illegal catch attempt")},delegateYield:function(e,t,l){return this.delegate={iterator:O(e),resultName:t,nextLoc:l},"next"===this.method&&(this.arg=void 0),c}},e}function b(e,t,l,n,a,r,o){try{var i=e[r](o),d=i.value}catch(e){return void l(e)}i.done?t(d):Promise.resolve(d).then(n,a)}function v(){return v=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},v.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,o=e.highlightFirstItemOnOpen,i=void 0!==o&&o,d=e.className,s=e.style,u=e.searchable,c=void 0!==u&&u,m=I(e,_);return f.default.createElement(p.default,v({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=i&&"isOpen"in t&&t.isOpen?{highlightedIndex:0}:{};if(!c)return v({},t,l);switch(t.type){case"__autocomplete_change_input__":default:return v({},t,l);case"__autocomplete_click_item__":case"__autocomplete_keydown_enter__":case"__autocomplete_blur_input__":case"__autocomplete_mouseup__":return v({},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))}))},E=function(){var e=f.default.useContext(x);if(!e)throw new Error("You need to wrap your component in a DownshiftProvider");return e},C=["items"],S=function(e){var t=e.items,l=I(e,C),n=E(),a=n.highlightedIndex,o=n.isOpen,i=n.selectedItem,d=n.getItemProps,s=n.getMenuProps;return f.default.createElement("ul",v({className:g.default("eds-dropdown-list",{"eds-dropdown-list--open":o})},s(),l),o?t.map((function(e,t){return f.default.createElement("li",v({className:g.default("eds-dropdown-list__item",{"eds-dropdown-list__item--highlighted":a===t,"eds-dropdown-list__item--selected":i===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"})}))),i===e&&f.default.createElement(r.CheckIcon,null))})):null)},O=function(){var e=E();return f.default.createElement("button",v({},(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))},T=["className","children"],k=function(e){var t=e.className,l=e.children,n=I(e,T);return f.default.createElement("div",v({className:g.default("eds-inline-spinner",t)},n),f.default.createElement(i.LoadingDots,null),f.default.createElement(o.VisuallyHidden,null,l))},L=["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,o=void 0!==r&&r,i=e.loadingText,s=void 0===i?"Loading...":i,u=e.style,c=e.listStyle,m=e.clearable,p=e.label,g=e.isFilled,h=void 0!==g&&g,b=e.disableLabelAnimation,y=I(e,L),_=E().getLabelProps;return f.default.createElement("div",{className:"eds-dropdown-wrapper",style:u},f.default.createElement(a.BaseFormControl,v({append:f.default.createElement(F,{clearable:m,loading:o,loadingText:s,readOnly:y.readOnly}),className:l,label:p,isFilled:h,labelProps:_(),disableLabelAnimation:b},y),t),f.default.createElement(S,v({items:n,style:v({position:"absolute",top:d.space.extraLarge3+d.space.extraSmall+"px"},c)},y)))},P=function(e){var t=v({},(y(e),e)),l=E(),n=l.clearSelection,a=l.selectedItem;return f.default.createElement(f.default.Fragment,null,a&&f.default.createElement("button",v({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"}))},F=function(e){var t=e.clearable,l=e.readOnly;return e.loading?f.default.createElement(k,null,e.loadingText):l?null:t?f.default.createElement(f.default.Fragment,null,f.default.createElement(P,null)," ",f.default.createElement(O,null)):f.default.createElement(O,null)},A=["disabled","placeholder","selectOnTab","openOnFocus","listStyle","items","label","disableLabelAnimation","loading","loadingText","className","clearable"],V=f.default.forwardRef((function(e,t){var l=e.disabled,n=e.placeholder,a=void 0===n?"Vennligst velg":n,r=e.selectOnTab,o=void 0!==r&&r,i=e.openOnFocus,d=void 0!==i&&i,s=e.listStyle,u=e.items,c=e.label,m=e.disableLabelAnimation,p=e.loading,g=e.loadingText,h=e.className,b=e.clearable,y=I(e,A),_=E(),x=_.getToggleButtonProps,w=_.selectedItem,C=_.selectHighlightedItem,S=_.openMenu,O=_.isOpen,T=_.highlightedIndex,k=_.setHighlightedIndex;return f.default.createElement(N,v({disabled:l,listStyle:s,items:u,label:c,isFilled:!!w||0!==a.length,disableLabelAnimation:m,loading:p,loadingText:g,className:h,clearable:b},y),f.default.createElement("button",v({},x(v({className:"eds-form-control eds-dropdown__selected-item",style:{textAlign:"left"},disabled:l,type:"button",onKeyDown:function(e){if(o&&"Tab"===e.key&&C(),O){var t=e.key,l=u.map((function(e,t){return v({},e,{index:t})})).filter((function(e){return e.label.trim().charAt(0).toLowerCase()===t})),n=l.find((function(e){return e.index>(null!=T?T:0)}));n?k(n.index):l.length>0&&k(l[0].index)}},onFocus:function(){d&&!O&&S()}},y)),{ref:t}),w?w.label:a))})),B=["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,o=l.className,i=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,b=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,C=l.label,S=l.disableLabelAnimation,O=l.placeholder,T=I(l,B),k=E(),L=k.getInputProps,P=k.inputValue,F=k.selectHighlightedItem,A=k.isOpen,V=k.openMenu,M=k.closeMenu,j=k.selectedItem,R=t.useState(!1),D=R[0],q=R[1],K=t.useRef(null),G=f.default.useMemo((function(){return i.filter((function(e){return w(e,P)}))}),[P,i,w]);return f.default.createElement(N,{items:G,disabled:r,readOnly:c,className:o,loading:d,loadingText:s,prepend:m,listStyle:y,clearable:_,label:C,isFilled:!!j,disableLabelAnimation:S},!D&&j&&!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()}},j.label)),f.default.createElement("input",v({},L(v({disabled:r,readOnly:c,className:"eds-form-control eds-dropdown__input",onKeyDown:function(e){g&&"Tab"===e.key&&F()},onFocus:function(){!A&&b&&V(),q(!0)},placeholder:j?j.label:O},T)),{onBlur:function(){q(!1),M()},ref:e.mergeRefs(n,K)})))})),j=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)))},R=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]),o=f.default.useReducer(R,{items:a?[]:t,loading:!1}),i=o[0],d=i.items,s=i.loading,u=o[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 o(e){b(r,n,a,o,i,"next",e)}function i(e){b(r,n,a,o,i,"throw",e)}o(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:v({},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,o=e.items,i=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,b=e.openOnFocus,y=e.variant,_=e.value,x=e.clearable,E=void 0!==x&&x,C=e.className,S=e.style,O=e.listStyle,T=e.itemFilter,k=e.disableLabelAnimation,L=I(e,q),N=D(o,n),P=N.items,F=N.loading,A=N.fetchItems,B=void 0===_?void 0:P.find((function(e){return _===e.value}))||null,R=g?M:V,K=g?{itemFilter:T,name:L.name,"data-cy":L["data-cy"]}:{name:L.name,"data-cy":L["data-cy"]};return f.default.createElement(w,v({selectedItem:B,onInputValueChange:A,onChange:u,value:_,highlightFirstItemOnOpen:l,className:C,style:S,searchable:g},L),f.default.createElement(j,{feedback:r,variant:y},f.default.createElement(R,v({label:i,items:P,loading:F,loadingText:d,disabled:a,readOnly:p,placeholder:c,prepend:m,selectOnTab:h,openOnFocus:b,listStyle:O,clearable:E,disableLabelAnimation:k,ref:t},K))))})),G=["className","disabled","readOnly","items","loadingText","prepend","style","label","variant","feedback","disableLabelAnimation"],H=["className","clearable","debounceTimeout","disabled","feedback","initialSelectedItems","items","itemsSelectedLabel","label","listStyle","loading","loadingText","onChange","openOnFocus","readOnly","style","variant"],U=f.default.createContext(null),Y=function(){var e=f.default.useContext(U);if(!e)throw new Error("You need to wrap your component in a DownshiftProvider");return e};function $(e,t){var n=t.changes;switch(t.type){case l.useSelect.stateChangeTypes.MenuKeyDownEnter:case l.useSelect.stateChangeTypes.MenuKeyDownSpaceButton:case l.useSelect.stateChangeTypes.ItemClick:return v({},n,{isOpen:!0,highlightedIndex:e.highlightedIndex});default:return n}}var W=function(e){var t=v({},(y(e),e)),l=Y().reset;return f.default.createElement(f.default.Fragment,null,f.default.createElement("button",v({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"}))},z=function(e){var t=e.readOnly,l=e.hasSelected;return e.loading?f.default.createElement(k,null,e.loadingText):t?null:l?f.default.createElement(f.default.Fragment,null,f.default.createElement(W,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",v({},(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))},Q=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"}))},X=["selectedItems","listItems","inputValue","isOpen","getMenuProps","getItemProps","highlightedIndex","showSelectAllInList","loading","selectAllCheckboxState","selectAllItem","listStyle","noMatchesText","loadingText","selectedItemAriaLabel"],Z=function(e){var t=e.selectedItems,l=e.listItems,n=e.isOpen,r=e.getMenuProps,i=e.getItemProps,d=e.highlightedIndex,s=e.loading,u=void 0!==s&&s,c=e.selectAllCheckboxState,m=e.selectAllItem,p=e.listStyle,h=e.noMatchesText,b=void 0===h?"Ingen treff for søket":h,y=e.loadingText,_=void 0===y?"Laster inn …":y,x=e.selectedItemAriaLabel,w=void 0===x?", valgt element":x,E=I(e,X),C=void 0!==m,S=!u&&(0===l.length||1===l.length&&l[0].value===(null==m?void 0:m.value)),O=function(e){return t.some((function(t){return t.value===e.value}))};return f.default.createElement("ul",v({},r(),{className:g.default("eds-dropdown__list",{"eds-dropdown__list--open":n}),style:v({},E.style,p)}),n&&l.length>0&&l.map((function(e,t){var n=e.value===(null==m?void 0:m.value);return n&&l.length<=2?f.default.createElement(f.default.Fragment,null):f.default.createElement("li",v({key:e.value,className:g.default("eds-dropdown__list__item",{"eds-dropdown__list__item--select-all":n,"eds-dropdown__list__item--highlighted":d===t,"eds-dropdown__list__item--selected":!C&&O(e)})},i({key:""+t+e.value,item:e,index:t})),n?f.default.createElement(f.default.Fragment,null,f.default.createElement(a.Checkbox,{"aria-hidden":"true",checked:null==c?void 0:c(),className:"eds-dropdown__list__item__checkbox",onChange:function(){},tabIndex:-1}),f.default.createElement("span",{className:"eds-dropdown__list__item__text"},null==m?void 0:m.label)):function(e){return f.default.createElement(f.default.Fragment,null,f.default.createElement(a.Checkbox,{"aria-hidden":"true",checked:O(e),className:"eds-dropdown__list__item__checkbox",onChange:function(){},style:C?{}:{display:"none"},tabIndex:-1}),f.default.createElement("span",{className:"eds-dropdown__list__item__text"},e.label,f.default.createElement(o.VisuallyHidden,null,w)),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))})),n&&S&&f.default.createElement("li",{className:"eds-dropdown__list__item"},b),n&&u&&f.default.createElement("li",{className:"eds-dropdown__list__item"},_))};function ee(e,t){if(!t)return!0;var l=t.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&");return new RegExp(l,"i").test(e.label)}var te=function(e){return e?e.label:""},le=["tabIndex"],ne=function(e){var t,l=e.ariaLabelRemoveSelected,n=e.disabled,a=e.getSelectedItemProps,r=e.readOnly,o=e.removeSelectedItem,i=e.selectedItem,d=I(null!=(t=null==a?void 0:a({selectedItem:i,index:e.index}))?t:{},le);return f.default.createElement(u.TagChip,v({className:g.default("eds-dropdown__selected-item-tag",{"eds-dropdown__selected-item-tag--readonly":r,"eds-dropdown__selected-item-tag--disabled":n})},d,{onClose:function(e){e.stopPropagation(),o(i)},closeButtonAriaLabel:i.label+", "+l+" ",key:i.value}),f.default.createElement("span",{"aria-hidden":"true"},i.label))},ae=function(e){var t=e.clearable,l=void 0!==t&&t,n=e.clearSelectedItemsLabel,a=e.disabled,r=void 0!==a&&a,o=e.focusable,i=void 0!==o&&o,d=e.getToggleButtonProps,s=e.isOpen,u=e.loading,c=e.loadingText,m=e.onClear,p=e.selectedItems;return void 0!==u&&u?f.default.createElement(k,null,void 0===c?"Laster resultater …":c):r?null:f.default.createElement("div",{className:"eds-dropdown-appendix"},f.default.createElement(oe,{getToggleButtonProps:d,isOpen:s,focusable:i}),l&&(null==p?void 0:p.length)>0&&null!==p[0]&&f.default.createElement(f.default.Fragment,null,f.default.createElement("div",{className:"eds-dropdown-appendix__divider"}),f.default.createElement(re,{onClear:m,focusable:!0,clearSelectedItemsLabel:n})))},re=function(e){var t=e.clearSelectedItemsLabel,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"})))},oe=function(e){var t=e.isOpen,l=e.closeAriaLabel,n=void 0===l?"Lukk liste med valg":l,a=e.openAriaLabel,o=void 0===a?"Åpne liste med valg":a,i=e.focusable,d=void 0!==i&&i;return f.default.createElement(s.IconButton,v({},(0,e.getToggleButtonProps)({className:g.default("eds-dropdown-appendix__toggle-button",{"eds-dropdown-appendix__toggle-button--open":t})}),{"aria-label":t?n:o,tabIndex:d?0:-1,type:"button"}),f.default.createElement(r.DownArrowIcon,{"aria-hidden":"true"}))},ie=["className","clearable","debounceTimeout","disabled","disableLabelAnimation","feedback","itemFilter","items","label","listStyle","loadingText","onChange","openOnFocus","placeholder","prepend","readOnly","selectedItem","selectOnBlur","style","variant"],de=["allItemsSelectedLabel","ariaLabelRemoveSelected","className","clearable","clearInputOnSelect","debounceTimeout","disabled","feedback","hideSelectAll","items","label","listStyle","loadingText","maxTags","onChange","openOnFocus","placeholder","readOnly","clearAllItemsAriaLabel","selectAllLabel","selectedItems","selectOnBlur","style","variant"],se=["className","clearable","disabled","disableLabelAnimation","feedback","items","label","labelTooltip","listStyle","loadingText","onChange","placeholder","prepend","readOnly","selectedItem","selectOnBlur","style","variant"];e.warnAboutMissingStyles("dropdown","form","a11y","chip"),exports.Dropdown=K,exports.DropdownBeta=function(e){var t,n,r=e.className,o=e.disabled,i=void 0!==o&&o,d=e.disableLabelAnimation,s=e.feedback,u=e.items,c=e.label,m=e.labelTooltip,p=e.listStyle,h=e.loadingText,b=e.onChange,y=e.placeholder,_=e.prepend,x=e.readOnly,w=void 0!==x&&x,E=e.selectedItem,C=e.selectOnBlur,S=void 0!==C&&C,O=e.style,T=e.variant,k=void 0===T?"info":T,L=I(e,se),N=D(u),P=N.items,F=N.loading,A=null!==E||void 0!==y,V=l.useSelect({items:P,selectedItem:E,onStateChange:function(e){var t=e.selectedItem;switch(e.type){case l.useSelect.stateChangeTypes.InputBlur:if(!S)break;case l.useSelect.stateChangeTypes.MenuKeyDownEnter:case l.useSelect.stateChangeTypes.ItemClick:null==b||b(void 0!==t?t:null)}},itemToString:te}),B=V.isOpen,M=V.getItemProps,j=V.getLabelProps,R=V.getMenuProps,q=V.getToggleButtonProps,K=V.highlightedIndex;return f.default.createElement("div",{className:"eds-dropdown__wrapper"},f.default.createElement(a.BaseFormControl,v({append:f.default.createElement(ae,{clearable:!0,clearSelectedItemsLabel:"Fjern valgt",focusable:!0,getToggleButtonProps:q,isOpen:B,loading:F,loadingText:h,onClear:function(){null==b||b(null)},disabled:w||i,selectedItems:[E]}),className:g.default("eds-dropdown",r,{"eds-dropdown--not-filled":!A}),disabled:i,disableLabelAnimation:d,feedback:s,isFilled:A,label:c,labelId:j().id,labelProps:j(),labelTooltip:m,prepend:_,readOnly:w,style:O,variant:k},L),f.default.createElement("div",v({className:"eds-dropdown__selected-item-button"},q()),null!=(t=null!=(n=null==E?void 0:E.label)?n:f.default.createElement("span",{className:g.default("eds-dropdown__selected-item-button__placeholder",{"eds-dropdown__selected-item-button__placeholder--readonly":w})},y))?t:"")),f.default.createElement(Z,{getItemProps:M,getMenuProps:R,highlightedIndex:K,isOpen:B,listItems:P,listStyle:p,loading:F,loadingText:h,selectedItems:null!==E?[E]:[]}))},exports.MultiSelect=function(n){var r=n.className,o=n.clearable,i=void 0!==o&&o,s=n.debounceTimeout,u=n.disabled,c=n.feedback,m=n.initialSelectedItems,p=void 0===m?[]:m,h=n.items,b=n.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,_=n.label,x=n.listStyle,w=n.loading,E=void 0!==w&&w,C=n.loadingText,S=void 0===C?"":C,O=n.onChange,T=void 0===O?function(){}:O,k=n.openOnFocus,L=void 0!==k&&k,N=n.readOnly,P=void 0!==N&&N,F=n.style,A=n.variant,V=I(n,H),B=D(h,s).items,M=t.useState(p),j=M[0],R=M[1],q=f.default.useCallback((function(){R([])}),[]);function K(e){return j.some((function(t){return t.value===e.value}))}var G=l.useSelect(v({items:B,stateReducer:$,selectedItem:null,onSelectedItemChange:function(e){var t=e.selectedItem;if(t)if(K(t)){var l=j.filter((function(e){return e.value!==t.value}));R(l),T(l)}else{var n=[].concat(j,[t]);R(n),T(n)}}},V)),Y=G.isOpen,W=G.getToggleButtonProps,J=G.getLabelProps,X=G.getMenuProps,Z=G.highlightedIndex,ee=G.getItemProps,te=G.openMenu,le=j.length?y(j):"",ne=e.useRandomId("eds-multiselect");return f.default.createElement(U.Provider,{value:{isOpen:Y,reset:q,getToggleButtonProps:W,openMenu:te,openOnFocus:L}},f.default.createElement("div",{className:g.default("eds-multiselect","eds-dropdown-wrapper",r),style:F},f.default.createElement(a.BaseFormControl,{label:_,labelId:ne,labelProps:J(),feedback:c,variant:A,isFilled:j.length>0||Y,disabled:u,readOnly:P,append:f.default.createElement(z,{hasSelected:i&&j.length>0,loading:E,loadingText:S,readOnly:P})},f.default.createElement("button",v({},W({style:{textAlign:"left"},type:"button",className:"eds-form-control eds-multiselect__button"})),le)),f.default.createElement("ul",v({className:g.default("eds-dropdown-list",{"eds-dropdown-list--open":Y})},X({style:v({position:"absolute",top:d.space.extraLarge3+d.space.extraSmall+"px"},x)})),Y&&B.map((function(e,t){return f.default.createElement("li",v({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(Q,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.MultiSelectBeta=function(n){var r=n.allItemsSelectedLabel,o=void 0===r?"Alle valgt":r,i=n.ariaLabelRemoveSelected,d=void 0===i?"trykk for å fjerne valg":i,s=n.className,u=n.clearable,c=void 0!==u&&u,m=n.clearInputOnSelect,p=void 0!==m&&m,h=n.disabled,b=void 0!==h&&h,_=n.feedback,x=n.hideSelectAll,w=void 0!==x&&x,E=n.items,C=n.label,S=n.listStyle,O=n.loadingText,T=n.maxTags,k=void 0===T?10:T,L=n.onChange,N=n.openOnFocus,P=void 0!==N&&N,F=n.placeholder,A=n.readOnly,V=void 0!==A&&A,B=n.clearAllItemsAriaLabel,M=void 0===B?"Fjern valgte":B,j=n.selectAllLabel,R=void 0===j?"Velg alle":j,q=n.selectedItems,K=n.selectOnBlur,G=void 0!==K&&K,H=n.style,U=n.variant,Y=void 0===U?"info":U,$=I(n,de),W=f.default.useState(0),z=W[0],J=W[1],Q=t.useRef(null),X=D(E),le=X.items,re=X.loading,oe=X.fetchItems,ie="function"!=typeof E&&q.length===le.length,se={value:e.useRandomId("select-all"),label:R},ue=f.default.useMemo((function(){return{value:"",label:ie?o:q.length+" valgte"}}),[ie,q,o]),ce=t.useState([].concat(w?[]:[se],le)),me=ce[0],fe=ce[1],pe=function(e){var t=e.inputValue;return fe([].concat(w?[]:[se],le.filter((function(e){return ee(e,t)}))))},ge=function(e){var t=e.inputValue;"function"==typeof E&&oe(null!=t?t:""),pe({inputValue:null!=t?t:""})};f.default.useEffect((function(){pe({inputValue:Pe})}),[le]);var he=l.useMultipleSelection({selectedItems:q,itemToString:te,onSelectedItemsChange:function(e){var t;L(null!=(t=e.selectedItems)?t:[])}}),be=he.getSelectedItemProps,ve=he.getDropdownProps,ye=he.removeSelectedItem,Ie=function(e){var t=e.selectedItems,l=e.selectAllValue,n=t.length>0,a=e.listItems.filter((function(e){return e.value!==l})),r=0===a.filter((function(e){return!t.includes(e)})).length,o=a.some((function(e){return t.includes(e)})),i=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},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:i,allListItemsAreSelected:r,clickedItemIsInSelectedItems:d,clickedItemIsSelectAll:s,handleListItemClicked:function(e){var t=e.clickedItem,l=e.onChange;return s(t)?r?m(l):c(l):d(t)?u(t,l):void i(t,l)},hasSelectedItems:n,listItemsWithoutSelectAll:a,removeClickedItemFromSelectedItems:u,selectAllCheckboxState:function(){return!!r||!!o&&"indeterminate"},selectAllUnselectedItemsInListItems:c,someListItemsAreSelected:o,unselectAllListItems:m}}({listItems:me,selectAllValue:se.value,selectedItems:q}),_e=Ie.hasSelectedItems,xe=Ie.handleListItemClicked,we=Ie.selectAllCheckboxState,Ee=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&&J(null==n?void 0:n.highlightedIndex),a){case l.useCombobox.stateChangeTypes.InputKeyDownEnter:case l.useCombobox.stateChangeTypes.ItemClick:var r,o;return p&&ge({inputValue:""}),v({},n,{isOpen:!0,inputValue:p?"":null!=(r=null==Q||null==(o=Q.current)?void 0:o.value)?r:""});case l.useCombobox.stateChangeTypes.ControlledPropUpdatedSelectedItem:var i,d;return v({},n,{inputValue:p?"":null!=(i=null==Q||null==(d=Q.current)?void 0:d.value)?i:""});case l.useCombobox.stateChangeTypes.InputChange:var s,u=/^\s+/g,c=" "===n.inputValue;return null!=(s=n.inputValue)&&s.match(u)?(Ve(n.inputValue.replace(u,"")),c&&(Ae(),Fe&&n.highlightedIndex&&xe({clickedItem:me[n.highlightedIndex],onChange:L}))):ge({inputValue:n.inputValue}),n;case l.useCombobox.stateChangeTypes.InputBlur:return v({},n,{inputValue:""});default:return n}}),[w,le,pe,E]),Ce=l.useCombobox(v({defaultHighlightedIndex:z,items:me,itemToString:te,selectedItem:null,stateReducer:Ee,onStateChange:function(e){var t=e.selectedItem;if(t)switch(e.type){case l.useCombobox.stateChangeTypes.InputBlur:if(!G)break;case l.useCombobox.stateChangeTypes.InputKeyDownEnter:case l.useCombobox.stateChangeTypes.ItemClick:xe({clickedItem:t,onChange:L})}}},$)),Se=Ce.getInputProps,Oe=Ce.getItemProps,Te=Ce.getLabelProps,ke=Ce.getMenuProps,Le=Ce.getToggleButtonProps,Ne=Ce.highlightedIndex,Pe=Ce.inputValue,Fe=Ce.isOpen,Ae=Ce.openMenu,Ve=Ce.setInputValue,Be=function(){var e;L([]),Ve(""),null==(e=Q.current)||e.focus(),ge({inputValue:Pe})},Me=(0,Ce.getComboboxProps)(),je=v({},(y(Me),Me));return f.default.createElement("div",{className:"eds-dropdown__wrapper"},f.default.createElement(a.BaseFormControl,v({append:f.default.createElement(ae,{selectedItems:q,isOpen:Fe,clearable:c,clearSelectedItemsLabel:M,focusable:!1,loading:re,loadingText:O,disabled:V||b,onClear:Be,getToggleButtonProps:Le}),className:g.default("eds-dropdown",s),disabled:b,feedback:_,isFilled:_e||""!==Pe,label:C,labelProps:v({"aria-label":C+", multiselect, "+q.length+" valgte elementer"},Te()),readOnly:V,style:H,variant:Y},je,$),f.default.createElement("div",{className:g.default("eds-dropdown__selected-items-and-input",{"eds-dropdown__selected-items-and-input--filled":_e}),onClick:function(e){var t;e.target===e.currentTarget&&(null==(t=Q.current)||t.focus())}},q.length<k?q.map((function(e,t){return f.default.createElement(ne,{ariaLabelRemoveSelected:d,disabled:b,getSelectedItemProps:be,index:t,key:e.value,readOnly:V,removeSelectedItem:ye,selectedItem:e})})):f.default.createElement(ne,{ariaLabelRemoveSelected:M,disabled:b,readOnly:V,removeSelectedItem:Be,selectedItem:ue}),f.default.createElement("input",v({placeholder:F,className:"eds-dropdown__input eds-form-control",disabled:V||b,role:"combobox"},Se(ve({preventKeyAction:Fe,onFocus:function(){!Fe&&P&&Ae()},ref:Q,value:null!=Pe?Pe:""})))))),f.default.createElement(Z,{getItemProps:Oe,getMenuProps:ke,highlightedIndex:Ne,inputValue:Pe,isOpen:Fe,listItems:me,listStyle:S,loading:re,loadingText:O,selectAllCheckboxState:we,selectAllItem:se,selectedItems:q}))},exports.NativeDropdown=function(t){var l=t.className,n=t.disabled,o=void 0!==n&&n,i=t.readOnly,d=void 0!==i&&i,s=t.items,u=t.loadingText,c=t.prepend,m=t.style,p=t.label,g=t.variant,h=t.feedback,b=t.disableLabelAnimation,y=I(t,G),_=D(s),x=_.items,w=_.loading,E=f.default.createElement(r.DownArrowIcon,{inline:!0,"aria-hidden":"true"});o||d?E=null:w&&(E=f.default.createElement(k,{"aria-hidden":"true"},u));var C=e.useRandomId("eds-native-dropdown");return f.default.createElement(a.BaseFormControl,{disabled:o,readOnly:d,prepend:c,append:E,className:l,style:m,label:p,labelId:C,variant:g,feedback:h,disableLabelAnimation:b,isFilled:!0},f.default.createElement("select",v({"aria-invalid":"error"===g,"aria-labelledby":C,"aria-busy":w,className:"eds-form-control eds-dropdown",disabled:o||d},y),x.map((function(e){return f.default.createElement("option",{key:e.value,value:e.value},e.label)}))))},exports.SearchableDropdownBeta=function(e){var n,r=e.className,o=e.clearable,i=void 0!==o&&o,d=e.debounceTimeout,s=e.disabled,u=void 0!==s&&s,c=e.disableLabelAnimation,m=void 0!==c&&c,p=e.feedback,h=e.itemFilter,b=void 0===h?ee:h,y=e.items,_=e.label,x=e.listStyle,w=e.loadingText,E=e.onChange,C=e.openOnFocus,S=void 0!==C&&C,O=e.placeholder,T=e.prepend,k=e.readOnly,L=void 0!==k&&k,N=e.selectedItem,P=e.selectOnBlur,F=void 0!==P&&P,A=e.style,V=e.variant,B=void 0===V?"info":V,M=I(e,ie),j=t.useState(!1),R=j[0],q=j[1],K=f.default.useState(0),G=K[0],H=K[1],U=t.useRef(null),Y=D(y,d),$=Y.items,W=Y.loading,z=Y.fetchItems,J=f.default.useState($),Q=J[0],X=J[1],le=function(e){var t=e.inputValue;return X($.filter((function(e){return b(e,t)})))},ne=function(e){var t=e.inputValue;"function"==typeof y&&z(null!=t?t:""),le({inputValue:null!=t?t:""})};f.default.useEffect((function(){le({inputValue:be})}),[$]);var re=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&&H(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 le({inputValue:""}),v({},a,{inputValue:""});case l.useCombobox.stateChangeTypes.InputChange:var r,o=/^\s+/g,i=" "==a.inputValue;return null!=(r=a.inputValue)&&r.match(o)?(ve(a.inputValue.replace(o,"")),i&&(se(),de&&void 0!==a.highlightedIndex&&E(Q[a.highlightedIndex]))):ne({inputValue:a.inputValue}),a;default:return a}}),[z,le]),oe=l.useCombobox(v({defaultHighlightedIndex:G,items:Q,itemToString:te,selectedItem:N,stateReducer:re,onStateChange:function(e){var t=e.selectedItem;switch(e.type){case l.useCombobox.stateChangeTypes.InputBlur:if(!F)break;case l.useCombobox.stateChangeTypes.InputKeyDownEnter:case l.useCombobox.stateChangeTypes.ItemClick:E(null!=t?t:null)}}},M)),de=oe.isOpen,se=oe.openMenu,ue=oe.getLabelProps,ce=oe.getMenuProps,me=oe.getInputProps,fe=oe.getComboboxProps,pe=oe.highlightedIndex,ge=oe.getItemProps,he=oe.selectedItem,be=oe.inputValue,ve=oe.setInputValue;return f.default.createElement("div",{className:"eds-dropdown__wrapper"},f.default.createElement(a.BaseFormControl,v({append:f.default.createElement(ae,{clearable:i,clearSelectedItemsLabel:"Fjern valgt",disabled:L||u,focusable:!1,getToggleButtonProps:oe.getToggleButtonProps,isOpen:de,loading:W,loadingText:w,onClear:function(){var e;E(null),ve(""),null==(e=U.current)||e.focus(),ne({inputValue:be})},selectedItems:[he]}),className:g.default("eds-dropdown",r),disabled:u,disableLabelAnimation:m,feedback:p,isFilled:he||""!==be,label:_,labelProps:ue(),prepend:T,readOnly:L,style:A,variant:B},fe(),M),!R&&he&&!be&&f.default.createElement("span",{className:"eds-dropdown__selected-item__wrapper"},f.default.createElement("span",{className:"eds-dropdown__selected-item",onClick:function(){var e;return null==(e=U.current)?void 0:e.focus()}},he.label)),f.default.createElement("input",v({className:"eds-dropdown__input eds-form-control",disabled:L||u,placeholder:null!=(n=null==he?void 0:he.label)?n:O},me({onBlur:function(){q(!1)},onFocus:function(){!de&&S&&se(),q(!0)},ref:U})))),f.default.createElement(Z,{isOpen:de,listItems:Q,listStyle:x,loading:W,loadingText:w,getItemProps:ge,getMenuProps:ce,highlightedIndex:pe,selectedItems:null!==he?[he]:[]}))};
|
|
2
2
|
//# sourceMappingURL=dropdown.cjs.production.min.js.map
|