@elvia/elvis-dropdown - npm Package Compare versions

Comparing version 7.0.1 to 7.0.2

CHANGELOG.json

@@ -5,2 +5,12 @@ {
     {
+      "date": "01.06.23",
+      "version": "7.0.2",
+      "changelog": [
+        {
+          "type": "bug_fix",
+          "changes": ["Fixed a bug where <code>errorOptions</code> would lose its default values."]
+        }
+      ]
+    },
+    {
       "date": "30.05.23",
@@ -27,3 +37,3 @@ "version": "7.0.1",
             "<code>isCompact</code> can be directly replaced by <code>size='small'</code>",
-            "<code>icon: 'powerline'</code> can be directly replaced by <code><i class='e-icon e-icon--powerline e-icon--sm'></i></code>"
+            "<code>icon: 'powerline'</code> can be directly replaced by <code>&lt;i class='e-icon e-icon--powerline e-icon--sm'&gt;&lt;/i&gt;</code>"
           ]
@@ -30,0 +40,0 @@ }

dist/react/js/elvia-dropdown.js

@@ -5,3 +5,3 @@ /*
  */
-var _excluded=["items","value","size","isDisabled","isFullWidth","isSearchable","allOptionsSelectedLabel","label","errorOptions","menuPosition","placeholder","placeholderIcon","isMulti","hasSelectAllOption","selectAllOption","noOptionsMessage","valueOnChange","onItemHover","hasLoadMoreItemsButton","onLoadMoreItems","isLoadingMoreItems","className","inlineStyle","webcomponent","ariaLabel"];function _typeof(a){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof(a)}function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}function _defineProperty(a,b,c){return b=_toPropertyKey(b),b in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}function _toPropertyKey(a){var b=_toPrimitive(a,"string");return"symbol"===_typeof(b)?b:b+""}function _toPrimitive(a,b){if("object"!==_typeof(a)||null===a)return a;var c=a[Symbol.toPrimitive];if(c!==void 0){var d=c.call(a,b||"default");if("object"!==_typeof(d))return d;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===b?String:Number)(a)}function _slicedToArray(a,b){return _arrayWithHoles(a)||_iterableToArrayLimit(a,b)||_unsupportedIterableToArray(a,b)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(a,b){if(a){if("string"==typeof a)return _arrayLikeToArray(a,b);var c=Object.prototype.toString.call(a).slice(8,-1);return"Object"===c&&a.constructor&&(c=a.constructor.name),"Map"===c||"Set"===c?Array.from(a):"Arguments"===c||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(c)?_arrayLikeToArray(a,b):void 0}}function _arrayLikeToArray(a,b){(null==b||b>a.length)&&(b=a.length);for(var c=0,d=Array(b);c<b;c++)d[c]=a[c];return d}function _iterableToArrayLimit(a,b){var c=null==a?null:"undefined"!=typeof Symbol&&a[Symbol.iterator]||a["@@iterator"];if(null!=c){var d,e,f,g,h=[],i=!0,j=!1;try{if(f=(c=c.call(a)).next,0===b){if(Object(c)!==c)return;i=!1}else for(;!(i=(d=f.call(c)).done)&&(h.push(d.value),h.length!==b);i=!0);}catch(a){j=!0,e=a}finally{try{if(!i&&null!=c.return&&(g=c.return(),Object(g)!==g))return}finally{if(j)throw e}}return h}}function _arrayWithHoles(a){if(Array.isArray(a))return a}function _objectWithoutProperties(a,b){if(null==a)return{};var c,d,e=_objectWithoutPropertiesLoose(a,b);if(Object.getOwnPropertySymbols){var f=Object.getOwnPropertySymbols(a);for(d=0;d<f.length;d++)c=f[d],0<=b.indexOf(c)||Object.prototype.propertyIsEnumerable.call(a,c)&&(e[c]=a[c])}return e}function _objectWithoutPropertiesLoose(a,b){if(null==a)return{};var c,d,e={},f=Object.keys(a);for(d=0;d<f.length;d++)c=f[d],0<=b.indexOf(c)||(e[c]=a[c]);return e}import React,{useEffect,useMemo,useRef,useState}from"react";import{config}from"./config";import{warnDeprecatedProps,FormFieldLabel,useConnectedOverlay,useInputModeDetection,useBreakpoint,useWebComponentState,IconWrapper,useCurrentTheme}from"@elvia/elvis-toolbox";import arrowDownBold from"@elvia/elvis-assets-icons/dist/icons/arrowDownBold";import{DropdownInput}from"./dropdown-input/dropdownInput";import{DropdownContainer,DropdownInputContainer,IconRotator}from"./styledComponents";import{DropdownError}from"./error/dropdownError";import{DropdownOverlay}from"./dropdown-overlay/dropdownOverlay";import{flattenTree,getValueAsList}from"./dropdownListUtils";var filterItems=function(a,b){if(!b)return a;var c=flattenTree(a).filter(function(a){return!a.children}),d=c.filter(function(a){return a.label.toLowerCase().includes(b.toLowerCase())});return d},uniqueDropdownId=0,Dropdown=function(a){var b=a.items,c=void 0===b?[]:b,d=a.value,e=a.size,f=void 0===e?"medium":e,g=a.isDisabled,h=void 0!==g&&g,i=a.isFullWidth,j=a.isSearchable,k=a.allOptionsSelectedLabel,l=void 0===k?"Alle":k,m=a.label,n=void 0===m?"":m,o=a.errorOptions,p=void 0===o?{isErrorState:!1,hasErrorPlaceholder:!0}:o,q=a.menuPosition,r=void 0===q?"auto":q,s=a.placeholder,t=void 0===s?"":s,u=a.placeholderIcon,v=a.isMulti,w=void 0!==v&&v,x=a.hasSelectAllOption,y=a.selectAllOption,z=void 0===y?"Alle":y,A=a.noOptionsMessage,B=void 0===A?"Ingen tilgjengelige valg":A,C=a.valueOnChange,D=a.onItemHover,E=a.hasLoadMoreItemsButton,F=a.onLoadMoreItems,G=a.isLoadingMoreItems,H=a.className,I=a.inlineStyle,J=a.webcomponent,K=a.ariaLabel,L=_objectWithoutProperties(a,_excluded);warnDeprecatedProps(config,L);var M=useState(""),N=_slicedToArray(M,2),O=N[0],P=N[1],Q=useInputModeDetection(),R=Q.inputMode,S=useBreakpoint("gt-mobile"),T=useWebComponentState(d,"value",J,C),U=_slicedToArray(T,2),V=U[0],W=U[1],X=useState(),Y=_slicedToArray(X,2),Z=Y[0],$=Y[1],_=useState(),aa=_slicedToArray(_,2),ba=aa[0],ca=aa[1],da=useState("ewc-dropdown-overlay-".concat(uniqueDropdownId++)),ea=_slicedToArray(da,1),fa=ea[0],ga=useMemo(function(){return filterItems(c,O)},[c,O]),ha=useRef(null),ia=useRef(null),ja=useConnectedOverlay(ha,ia,{offset:8,horizontalPosition:"center",verticalPosition:"top"===r?"top":"bottom",alignWidths:!0}),ka=ja.isShowing,la=ja.setIsShowing,ma=useCurrentTheme(ha),na=ma.currentTheme,oa=function(){if(!ba&&V)if(w)ca(ga[0]);else if(!Array.isArray(V)){var a=ga.find(function(a){return a.value===V});a&&ca(a)}};return useEffect(function(){if(!ka)return void P("");var a=function(a){"Escape"===a.code&&la(!1)};return window.addEventListener("keydown",a),function(){return window.removeEventListener("keydown",a)}},[ka]),/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement(DropdownContainer,{size:f,className:null!==H&&void 0!==H?H:"",style:_objectSpread({},I),isFullWidth:void 0!==i&&i,isDisabled:h,hasErrorPlaceholder:!!p.hasErrorPlaceholder||!!p.text,isActive:ka,isInvalid:!!p.text||!!p.isErrorState,"data-testid":"wrapper","aria-haspopup":"true"},!!n&&/*#__PURE__*/React.createElement(FormFieldLabel,null,n),/*#__PURE__*/React.createElement(DropdownInputContainer,{ref:ha},/*#__PURE__*/React.createElement(DropdownInput,{placeholder:t,placeholderIcon:u,allOptionsSelectedLabel:l,isEditable:void 0!==j&&j,onChange:function onChange(a){return P(a)},dropdownIsOpen:ka,isDisabled:h,items:c,onOpenDropdown:function onOpenDropdown(){return la(!0)},onKeyPress:$,currentVal:V,focusedItem:ba,id:fa,ariaLabel:K}),/*#__PURE__*/React.createElement(IconRotator,{isRotated:ka},/*#__PURE__*/React.createElement(IconWrapper,{icon:arrowDownBold,color:h?"text-disabled-1":"text-1",size:"small"===f?"xs":"sm"}))),!!p.text&&/*#__PURE__*/React.createElement(DropdownError,{errorText:p.text})),ka&&/*#__PURE__*/React.createElement(DropdownOverlay,{id:fa,ref:ia,isRootOverlay:!0,isGtMobile:S,noItemsText:B,isMulti:w,onItemSelect:function setSelectedItem(a){if(w){var b=getValueAsList(V);a.forEach(function(a){var c=b.indexOf(a);-1===c?b.push(a):b.splice(c,1)}),W(b),P("")}else W(a[0]);oa()},size:f,onClose:function onClose(){return la(!1)},filteredItems:ga,inputIsKeyboard:"keyboard"===R,allItems:c,pressedKey:Z,currentVal:V,selectAllOption:void 0!==x&&x&&w?z:void 0,hasLoadMoreItemsButton:E,onLoadMoreItems:function emitLoadMoreItems(){null===F||void 0===F?void 0:F(),null===J||void 0===J?void 0:J.triggerEvent("onLoadMoreItems")},isLoadingMoreItems:G,focusedItem:ba,setFocusedItem:function updateFocusedItem(a){(null===a||void 0===a?void 0:a.value)!==(null===ba||void 0===ba?void 0:ba.value)&&ca(a)},setHoveredItem:function emitHoveredItem(a){null===D||void 0===D?void 0:D(null===a||void 0===a?void 0:a.value),null===J||void 0===J?void 0:J.triggerEvent("onItemHover",null===a||void 0===a?void 0:a.value)},isSearchMode:!!O,currentTheme:na}))};export default Dropdown;
+var _excluded=["items","value","size","isDisabled","isFullWidth","isSearchable","allOptionsSelectedLabel","label","errorOptions","menuPosition","placeholder","placeholderIcon","isMulti","hasSelectAllOption","selectAllOption","noOptionsMessage","valueOnChange","onItemHover","hasLoadMoreItemsButton","onLoadMoreItems","isLoadingMoreItems","className","inlineStyle","webcomponent","ariaLabel"];function _typeof(a){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof(a)}function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}function _defineProperty(a,b,c){return b=_toPropertyKey(b),b in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}function _toPropertyKey(a){var b=_toPrimitive(a,"string");return"symbol"===_typeof(b)?b:b+""}function _toPrimitive(a,b){if("object"!==_typeof(a)||null===a)return a;var c=a[Symbol.toPrimitive];if(c!==void 0){var d=c.call(a,b||"default");if("object"!==_typeof(d))return d;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===b?String:Number)(a)}function _slicedToArray(a,b){return _arrayWithHoles(a)||_iterableToArrayLimit(a,b)||_unsupportedIterableToArray(a,b)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(a,b){if(a){if("string"==typeof a)return _arrayLikeToArray(a,b);var c=Object.prototype.toString.call(a).slice(8,-1);return"Object"===c&&a.constructor&&(c=a.constructor.name),"Map"===c||"Set"===c?Array.from(a):"Arguments"===c||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(c)?_arrayLikeToArray(a,b):void 0}}function _arrayLikeToArray(a,b){(null==b||b>a.length)&&(b=a.length);for(var c=0,d=Array(b);c<b;c++)d[c]=a[c];return d}function _iterableToArrayLimit(a,b){var c=null==a?null:"undefined"!=typeof Symbol&&a[Symbol.iterator]||a["@@iterator"];if(null!=c){var d,e,f,g,h=[],i=!0,j=!1;try{if(f=(c=c.call(a)).next,0===b){if(Object(c)!==c)return;i=!1}else for(;!(i=(d=f.call(c)).done)&&(h.push(d.value),h.length!==b);i=!0);}catch(a){j=!0,e=a}finally{try{if(!i&&null!=c.return&&(g=c.return(),Object(g)!==g))return}finally{if(j)throw e}}return h}}function _arrayWithHoles(a){if(Array.isArray(a))return a}function _objectWithoutProperties(a,b){if(null==a)return{};var c,d,e=_objectWithoutPropertiesLoose(a,b);if(Object.getOwnPropertySymbols){var f=Object.getOwnPropertySymbols(a);for(d=0;d<f.length;d++)c=f[d],0<=b.indexOf(c)||Object.prototype.propertyIsEnumerable.call(a,c)&&(e[c]=a[c])}return e}function _objectWithoutPropertiesLoose(a,b){if(null==a)return{};var c,d,e={},f=Object.keys(a);for(d=0;d<f.length;d++)c=f[d],0<=b.indexOf(c)||(e[c]=a[c]);return e}import React,{useEffect,useMemo,useRef,useState}from"react";import{config}from"./config";import{warnDeprecatedProps,FormFieldLabel,useConnectedOverlay,useInputModeDetection,useBreakpoint,useWebComponentState,IconWrapper,useCurrentTheme}from"@elvia/elvis-toolbox";import arrowDownBold from"@elvia/elvis-assets-icons/dist/icons/arrowDownBold";import{DropdownInput}from"./dropdown-input/dropdownInput";import{DropdownContainer,DropdownInputContainer,IconRotator}from"./styledComponents";import{DropdownError}from"./error/dropdownError";import{DropdownOverlay}from"./dropdown-overlay/dropdownOverlay";import{flattenTree,getValueAsList}from"./dropdownListUtils";var filterItems=function(a,b){if(!b)return a;var c=flattenTree(a).filter(function(a){return!a.children}),d=c.filter(function(a){return a.label.toLowerCase().includes(b.toLowerCase())});return d},uniqueDropdownId=0,defaultErrorOptions={isErrorState:!1,hasErrorPlaceholder:!0},Dropdown=function(a){var b=a.items,c=void 0===b?[]:b,d=a.value,e=a.size,f=void 0===e?"medium":e,g=a.isDisabled,h=void 0!==g&&g,i=a.isFullWidth,j=a.isSearchable,k=a.allOptionsSelectedLabel,l=void 0===k?"Alle":k,m=a.label,n=void 0===m?"":m,o=a.errorOptions,p=a.menuPosition,q=void 0===p?"auto":p,r=a.placeholder,s=void 0===r?"":r,t=a.placeholderIcon,u=a.isMulti,v=void 0!==u&&u,w=a.hasSelectAllOption,x=a.selectAllOption,y=void 0===x?"Alle":x,z=a.noOptionsMessage,A=void 0===z?"Ingen tilgjengelige valg":z,B=a.valueOnChange,C=a.onItemHover,D=a.hasLoadMoreItemsButton,E=a.onLoadMoreItems,F=a.isLoadingMoreItems,G=a.className,H=a.inlineStyle,I=a.webcomponent,J=a.ariaLabel,K=_objectWithoutProperties(a,_excluded);warnDeprecatedProps(config,K);var L=useState(""),M=_slicedToArray(L,2),N=M[0],O=M[1],P=useInputModeDetection(),Q=P.inputMode,R=useBreakpoint("gt-mobile"),S=useWebComponentState(d,"value",I,B),T=_slicedToArray(S,2),U=T[0],V=T[1],W=useState(),X=_slicedToArray(W,2),Y=X[0],Z=X[1],$=useState(),_=_slicedToArray($,2),aa=_[0],ba=_[1],ca=useState("ewc-dropdown-overlay-".concat(uniqueDropdownId++)),da=_slicedToArray(ca,1),ea=da[0],fa=useMemo(function(){return filterItems(c,N)},[c,N]),ga=useRef(null),ha=useRef(null),ia=useConnectedOverlay(ga,ha,{offset:8,horizontalPosition:"center",verticalPosition:"top"===q?"top":"bottom",alignWidths:!0}),ja=ia.isShowing,ka=ia.setIsShowing,la=useCurrentTheme(ga),ma=la.currentTheme,na=_objectSpread(_objectSpread({},defaultErrorOptions),o),oa=function(){if(!aa&&U)if(v)ba(fa[0]);else if(!Array.isArray(U)){var a=fa.find(function(a){return a.value===U});a&&ba(a)}};return useEffect(function(){if(!ja)return void O("");var a=function(a){"Escape"===a.code&&ka(!1)};return window.addEventListener("keydown",a),function(){return window.removeEventListener("keydown",a)}},[ja]),/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement(DropdownContainer,{size:f,className:null!==G&&void 0!==G?G:"",style:_objectSpread({},H),isFullWidth:void 0!==i&&i,isDisabled:h,hasErrorPlaceholder:!!na.hasErrorPlaceholder||!!na.text,isActive:ja,isInvalid:!!na.text||!!na.isErrorState,"data-testid":"wrapper","aria-haspopup":"true"},!!n&&/*#__PURE__*/React.createElement(FormFieldLabel,null,n),/*#__PURE__*/React.createElement(DropdownInputContainer,{ref:ga},/*#__PURE__*/React.createElement(DropdownInput,{placeholder:s,placeholderIcon:t,allOptionsSelectedLabel:l,isEditable:void 0!==j&&j,onChange:function onChange(a){return O(a)},dropdownIsOpen:ja,isDisabled:h,items:c,onOpenDropdown:function onOpenDropdown(){return ka(!0)},onKeyPress:Z,currentVal:U,focusedItem:aa,id:ea,ariaLabel:J}),/*#__PURE__*/React.createElement(IconRotator,{isRotated:ja},/*#__PURE__*/React.createElement(IconWrapper,{icon:arrowDownBold,color:h?"text-disabled-1":"text-1",size:"small"===f?"xs":"sm"}))),!!na.text&&/*#__PURE__*/React.createElement(DropdownError,{errorText:na.text})),ja&&/*#__PURE__*/React.createElement(DropdownOverlay,{id:ea,ref:ha,isRootOverlay:!0,isGtMobile:R,noItemsText:A,isMulti:v,onItemSelect:function setSelectedItem(a){if(v){var b=getValueAsList(U);a.forEach(function(a){var c=b.indexOf(a);-1===c?b.push(a):b.splice(c,1)}),V(b),O("")}else V(a[0]);oa()},size:f,onClose:function onClose(){return ka(!1)},filteredItems:fa,inputIsKeyboard:"keyboard"===Q,allItems:c,pressedKey:Y,currentVal:U,selectAllOption:void 0!==w&&w&&v?y:void 0,hasLoadMoreItemsButton:D,onLoadMoreItems:function emitLoadMoreItems(){null===E||void 0===E?void 0:E(),null===I||void 0===I?void 0:I.triggerEvent("onLoadMoreItems")},isLoadingMoreItems:F,focusedItem:aa,setFocusedItem:function updateFocusedItem(a){(null===a||void 0===a?void 0:a.value)!==(null===aa||void 0===aa?void 0:aa.value)&&ba(a)},setHoveredItem:function emitHoveredItem(a){null===C||void 0===C?void 0:C(null===a||void 0===a?void 0:a.value),null===I||void 0===I?void 0:I.triggerEvent("onItemHover",null===a||void 0===a?void 0:a.value)},isSearchMode:!!N,currentTheme:ma}))};export default Dropdown;
 //# sourceMappingURL=elvia-dropdown.js.map

package.json

 {
   "name": "@elvia/elvis-dropdown",
-  "version": "7.0.1",
+  "version": "7.0.2",
   "main": "web_component.js",
@@ -5,0 +5,0 @@ "license": "MIT",

No alert changes

Improved metrics

Total package byte prevSize

192197

increased by0.34%

Lines of code

1840

increased by0.55%

No dependency changes