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