@elvia/elvis-dropdown - npm Package Compare versions

Comparing version 7.1.1 to 7.1.2

CHANGELOG.json

@@ -5,2 +5,12 @@ {
     {
+      "date": "20.07.23",
+      "version": "7.1.2",
+      "changelog": [
+        {
+          "type": "bug_fix",
+          "changes": ["Fixed a bug where the text selection inside the input would be invisible."]
+        }
+      ]
+    },
+    {
       "date": "15.06.23",
@@ -7,0 +17,0 @@ "version": "7.1.1 ",

dist/react/js/dropdown-input/dropdownInput.js

@@ -5,3 +5,3 @@ /*
  */
-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}import React,{useEffect,useState}from"react";import{flattenTree,getDropdownItemId}from"../dropdownListUtils";import DOMPurify from"dompurify";import{Input}from"./dropdownInputStyles";import{DropdownIconContainer}from"../styledComponents";export var DropdownInput=function(a){var b=a.placeholder,c=a.placeholderIcon,d=a.allOptionsSelectedLabel,e=a.isEditable,f=a.onChange,g=a.isDisabled,h=a.items,i=a.onKeyPress,j=a.dropdownIsOpen,k=a.onOpenDropdown,l=a.currentVal,m=a.focusedItem,n=a.id,o=a.ariaLabel,p=useState(""),q=_slicedToArray(p,2),r=q[0],s=q[1],t=useState(),u=_slicedToArray(t,2),v=u[0],w=u[1],x=function(a){f(a),s(a)},y=function(){if("string"==typeof l){var a;w(null===(a=flattenTree(h).find(function(a){return a.value===l}))||void 0===a?void 0:a.icon)}else w(void 0)};return useEffect(function(){(function updateInputValue(){var a=flattenTree(h).filter(function(a){return Array.isArray(l)?l.includes(a.value):l===a.value});e&&j?s(""):Array.isArray(l)&&l.length===flattenTree(h).filter(function(a){return!a.isDisabled&&!a.children}).length?s(d):2<=a.length?s("".concat(a.length," valgte")):1===a.length?s(a[0].label):s("")})(),y()},[l,h,j]),/*#__PURE__*/React.createElement(React.Fragment,null,c&&!r&&/*#__PURE__*/React.createElement(DropdownIconContainer,{dangerouslySetInnerHTML:{__html:DOMPurify.sanitize(c)}}),!!v&&/*#__PURE__*/React.createElement(DropdownIconContainer,{dangerouslySetInnerHTML:{__html:DOMPurify.sanitize(v)}}),/*#__PURE__*/React.createElement(Input,{"aria-activedescendant":m?getDropdownItemId(m.value):void 0,disabled:g,placeholder:b,onChange:function(a){var b;return x(null!==(b=a.target.value)&&void 0!==b?b:"")},value:r,onClick:function onClick(){return k()},onKeyDown:function onKeyDown(a){j?i(a):["Space","Enter","ArrowUp","ArrowDown"].includes(a.code)&&(a.preventDefault(),k())},onKeyUp:function onKeyUp(){return i(void 0)},readOnly:!e||!j,role:"combobox","aria-autocomplete":"none","aria-haspopup":"true","aria-expanded":j,"aria-disabled":g,"aria-controls":n,"aria-label":o}))};
+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}import React,{useEffect,useState}from"react";import{flattenTree,getDropdownItemId}from"../dropdownListUtils";import DOMPurify from"dompurify";import{Input}from"./dropdownInputStyles";import{DropdownIconContainer}from"../styledComponents";export var DropdownInput=function(a){var b=a.placeholder,c=a.placeholderIcon,d=a.allOptionsSelectedLabel,e=a.isEditable,f=a.onChange,g=a.isDisabled,h=a.items,i=a.onKeyPress,j=a.dropdownIsOpen,k=a.onOpenDropdown,l=a.currentVal,m=a.focusedItem,n=a.id,o=a.ariaLabel,p=useState(""),q=_slicedToArray(p,2),r=q[0],s=q[1],t=useState(),u=_slicedToArray(t,2),v=u[0],w=u[1],x=function(a){f(a),s(a)},y=function(){if("string"==typeof l){var a;w(null===(a=flattenTree(h).find(function(a){return a.value===l}))||void 0===a?void 0:a.icon)}else w(void 0)};return useEffect(function(){(function updateInputValue(){var a=flattenTree(h).filter(function(a){return Array.isArray(l)?l.includes(a.value):l===a.value});e&&j?s(""):Array.isArray(l)&&l.length===flattenTree(h).filter(function(a){return!a.isDisabled&&!a.children}).length?s(d):2<=a.length?s("".concat(a.length," valgte")):1===a.length?s(a[0].label):s("")})(),y()},[l,h,j]),/*#__PURE__*/React.createElement(React.Fragment,null,c&&!r&&/*#__PURE__*/React.createElement(DropdownIconContainer,{dangerouslySetInnerHTML:{__html:DOMPurify.sanitize(c)}}),!!v&&/*#__PURE__*/React.createElement(DropdownIconContainer,{dangerouslySetInnerHTML:{__html:DOMPurify.sanitize(v)}}),/*#__PURE__*/React.createElement(Input,{"aria-activedescendant":m?getDropdownItemId(m.value):void 0,disabled:g,placeholder:b,onChange:function(a){var b;return x(null!==(b=a.target.value)&&void 0!==b?b:"")},value:r,onClick:function onClick(){return k()},onKeyDown:function onKeyDown(a){j?i(a):["Space","Enter","ArrowUp","ArrowDown"].includes(a.code)&&(a.preventDefault(),k())},onKeyUp:function onKeyUp(){return i(void 0)},readOnly:!e||!j,$isEditable:e,role:"combobox","aria-autocomplete":"none","aria-haspopup":"true","aria-expanded":j,"aria-disabled":g,"aria-controls":n,"aria-label":o}))};
 //# sourceMappingURL=dropdownInput.js.map

dist/react/js/dropdown-input/dropdownInputStyles.d.ts

@@ -1,1 +0,3 @@
-export declare const Input: import("styled-components").StyledComponent<"input", any, {}, never>;
+export declare const Input: import("styled-components").StyledComponent<"input", any, {
+    $isEditable: boolean;
+}, never>;

dist/react/js/dropdown-input/dropdownInputStyles.js

@@ -5,3 +5,3 @@ /*
  */
-import{FormFieldInput}from"@elvia/elvis-toolbox";import styled from"styled-components";export var Input=styled(FormFieldInput).withConfig({displayName:"dropdownInputStyles__Input",componentId:"sc-nenx3b-0"})(["flex:1;text-overflow:ellipsis;::-moz-selection{background:transparent;}::selection{background:transparent;}"]);
+import{FormFieldInput}from"@elvia/elvis-toolbox";import styled,{css}from"styled-components";export var Input=styled(FormFieldInput).withConfig({displayName:"dropdownInputStyles__Input",componentId:"sc-nenx3b-0"})(["flex:1;text-overflow:ellipsis;",";"],function(a){var b=a.$isEditable;return!b&&css(["::-moz-selection{background:transparent;}::selection{background:transparent;}"])});
 //# sourceMappingURL=dropdownInputStyles.js.map

dist/react/js/dropdown-item/dropdownItemStyles.js

@@ -5,3 +5,3 @@ /*
  */
-import{getThemeColor}from"@elvia/elvis-colors";import{IconButton}from"@elvia/elvis-toolbox";import{getTypographyCss}from"@elvia/elvis-typography";import styled,{css}from"styled-components";import{StyledCheckbox}from"../checkbox/checkboxStyles";export var TooltipContainer=styled.div.withConfig({displayName:"dropdownItemStyles__TooltipContainer",componentId:"sc-1x3x7l-0"})(["padding-right:16px;overflow:hidden;flex:1;",";"],function(a){var b=a.noRightContent,c=a.isRootOverlay;return b&&!c&&css(["padding-right:40px;max-width:300px;"])});export var TooltipTextContainer=styled.div.withConfig({displayName:"dropdownItemStyles__TooltipTextContainer",componentId:"sc-1x3x7l-1"})(["overflow:hidden;text-overflow:ellipsis;white-space:nowrap;&::after{content:'';display:block;}"]);export var DropdownItemValue=styled.span.withConfig({displayName:"dropdownItemStyles__DropdownItemValue",componentId:"sc-1x3x7l-2"})(["text-align:left;"]);export var IconContainer=styled.div.withConfig({displayName:"dropdownItemStyles__IconContainer",componentId:"sc-1x3x7l-3"})(["width:60px;display:grid;place-items:center;","{cursor:inherit;}"],IconButton);export var DropdownItemStyles=styled.div.attrs(function(){return{role:"option"}}).withConfig({displayName:"dropdownItemStyles__DropdownItemStyles",componentId:"sc-1x3x7l-4"})(["display:flex;gap:16px;border:none;margin:0;width:100%;color:",";padding:0 0 0 16px;align-items:center;cursor:pointer;height:var(--item-height);",";",";",";"," ",";"],getThemeColor("text-1"),function(a){var b=a.isActive,c=a.isMulti;return b&&!c&&css(["background-color:",";"],getThemeColor("background-selected-2"))},function(a){var b=a.isMulti,c=a.isGtMobile,d=a.isDisabled;return!c&&!b&&!d&&css(["&:hover{","{background-color:",";}}"],OpenOverlayButton,getThemeColor("background-hover-1"))},function(a){var b=a.size;return"small"===b?css(["",";","{width:40px;}"],getTypographyCss("text-sm"),IconContainer):css(["",";"],getTypographyCss("text-md"))},function(a){var b=a.isDisabled;return b?css(["cursor:not-allowed;color:",";"],getThemeColor("text-disabled-1")):css(["&:hover{background-color:",";","{background-color:",";border-color:",";}}"],getThemeColor("background-hover-2"),StyledCheckbox,getThemeColor("background-hover-1"),getThemeColor("text-1"))},function(a){var b=a.isFocused,c=a.isActive,d=a.isMulti;return b&&(!c||d)&&css(["background-color:",";"],getThemeColor("background-hover-2"))});export var OpenOverlayButton=styled(IconButton).withConfig({displayName:"dropdownItemStyles__OpenOverlayButton",componentId:"sc-1x3x7l-5"})(["&:disabled{pointer-events:none;}"]);
+import{getThemeColor}from"@elvia/elvis-colors";import{IconButton}from"@elvia/elvis-toolbox";import{getTypographyCss}from"@elvia/elvis-typography";import styled,{css}from"styled-components";import{StyledCheckbox}from"../checkbox/checkboxStyles";export var TooltipContainer=styled.div.withConfig({displayName:"dropdownItemStyles__TooltipContainer",componentId:"sc-1x3x7l-0"})(["padding-right:16px;overflow:hidden;flex:1;",";"],function(a){var b=a.noRightContent,c=a.isRootOverlay;return b&&!c&&css(["padding-right:40px;max-width:300px;"])});export var TooltipTextContainer=styled.div.withConfig({displayName:"dropdownItemStyles__TooltipTextContainer",componentId:"sc-1x3x7l-1"})(["overflow:hidden;text-overflow:ellipsis;white-space:nowrap;&::after{content:'';display:block;}"]);export var DropdownItemValue=styled.span.withConfig({displayName:"dropdownItemStyles__DropdownItemValue",componentId:"sc-1x3x7l-2"})(["text-align:left;"]);export var IconContainer=styled.div.withConfig({displayName:"dropdownItemStyles__IconContainer",componentId:"sc-1x3x7l-3"})(["width:60px;display:grid;place-items:center;","{cursor:inherit;}"],IconButton);export var DropdownItemStyles=styled.div.attrs(function(){return{role:"option"}}).withConfig({displayName:"dropdownItemStyles__DropdownItemStyles",componentId:"sc-1x3x7l-4"})(["display:flex;gap:16px;border:none;margin:0;width:100%;color:",";padding:0 0 0 16px;align-items:center;cursor:pointer;height:var(--item-height);user-select:none;",";",";",";"," ",";"],getThemeColor("text-1"),function(a){var b=a.isActive,c=a.isMulti;return b&&!c&&css(["background-color:",";"],getThemeColor("background-selected-2"))},function(a){var b=a.isMulti,c=a.isGtMobile,d=a.isDisabled;return!c&&!b&&!d&&css(["&:hover{","{background-color:",";}}"],OpenOverlayButton,getThemeColor("background-hover-1"))},function(a){var b=a.size;return"small"===b?css(["",";","{width:40px;}"],getTypographyCss("text-sm"),IconContainer):css(["",";"],getTypographyCss("text-md"))},function(a){var b=a.isDisabled;return b?css(["cursor:not-allowed;color:",";"],getThemeColor("text-disabled-1")):css(["&:hover{background-color:",";","{background-color:",";border-color:",";}}"],getThemeColor("background-hover-2"),StyledCheckbox,getThemeColor("background-hover-1"),getThemeColor("text-1"))},function(a){var b=a.isFocused,c=a.isActive,d=a.isMulti;return b&&(!c||d)&&css(["background-color:",";"],getThemeColor("background-hover-2"))});export var OpenOverlayButton=styled(IconButton).withConfig({displayName:"dropdownItemStyles__OpenOverlayButton",componentId:"sc-1x3x7l-5"})(["&:disabled{pointer-events:none;}"]);
 //# sourceMappingURL=dropdownItemStyles.js.map

package.json

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

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

204872

increased by5.78%

Lines of code

1881

increased by0.64%

No dependency changes