@elvia/elvis-dropdown - npm Package Compare versions

Comparing version 2.0.6 to 2.1.0

CHANGELOG.md

 # Elvia Dropdown
 
+## 2.1.0 (07.02.22)
+
+### New feature
+
+- Added inlineStyle and className props
+
 ## 2.0.6 (26.01.21)
@@ -4,0 +10,0 @@

dist/react/js/declarations.d.ts

 declare module '*';

dist/react/js/elvia-dropdown.js

@@ -42,2 +42,4 @@ /*
   valueOnChange,
+  className,
+  inlineStyle,
   webcomponent
@@ -309,3 +311,6 @@ }) => {
   }, [errorMessage]);
-  return /*#__PURE__*/React.createElement(DropdownWrapper, {
+  return /*#__PURE__*/React.createElement("div", {
+    className: `${className ? className : ''}`,
+    style: inlineStyle
+  }, /*#__PURE__*/React.createElement(DropdownWrapper, {
     isDisabled: isDisabled,
@@ -350,5 +355,5 @@ ref: dropdownRef,
     "data-testid": "error"
-  }) : null);
+  }) : null));
 };
 
 export default Dropdown;

dist/web_component/js/elvia-dropdown.js

@@ -10,3 +10,3 @@ /*
   static get observedAttributes() {
-    return ["defaultvalue", "errormessage", "iscompact", "isdisabled", "ismulti", "label", "menuposition", "nooptionsmessage", "options", "placeholder", "value"];
+    return ["defaultvalue", "errormessage", "iscompact", "isdisabled", "ismulti", "label", "menuposition", "nooptionsmessage", "options", "placeholder", "value", "classname", "inlinestyle"];
   }
@@ -62,2 +62,10 @@
         "propType": "object | undefined"
+      }, {
+        "name": "className",
+        "type": "string",
+        "propType": "string | undefined"
+      }, {
+        "name": "inlineStyle",
+        "type": "object",
+        "propType": "object | undefined"
       }],
@@ -252,2 +260,42 @@ "slotItems": false,
 
+  set className(newValue) {
+    super.setProps({
+      'classname': newValue
+    });
+  }
+
+  get className() {
+    return super.getProps()['classname'];
+  }
+
+  set classname(newValue) {
+    super.setProps({
+      'classname': newValue
+    });
+  }
+
+  get classname() {
+    return super.getProps()['classname'];
+  }
+
+  set inlineStyle(newValue) {
+    super.setProps({
+      'inlinestyle': newValue
+    });
+  }
+
+  get inlineStyle() {
+    return super.getProps()['inlinestyle'];
+  }
+
+  set inlinestyle(newValue) {
+    super.setProps({
+      'inlinestyle': newValue
+    });
+  }
+
+  get inlinestyle() {
+    return super.getProps()['inlinestyle'];
+  }
+
   constructor() {
@@ -254,0 +302,0 @@ super(ElviaComponent, ReactComponent['Dropdown'], style);

package.json

 {
   "name": "@elvia/elvis-dropdown",
-  "version": "2.0.6",
+  "version": "2.1.0",
   "description": "",
@@ -5,0 +5,0 @@ "main": "web_component.js",

react.js

 export { default as Dropdown } from './dist/react/js/elvia-dropdown';

README.md

@@ -0,0 +0,0 @@ # Elvia Dropdown

src/react/declarations.d.ts

 declare module '*';

src/react/elvia-dropdown.test.js

@@ -79,2 +79,14 @@ import Dropdown from './elvia-dropdown.tsx';
   });
+
+  describe('className and inlineStyle passed to wrapper', () => {
+    beforeEach(() => {
+      wrapper = mount(<Dropdown className="test-class" inlineStyle={{ margin: '24px' }}></Dropdown>);
+      dropdownWrapper = wrapper.find({ 'data-testid': 'wrapper' }).at(0).closest('div').at(0);
+    });
+    it('should have className and inlineStyle', function (done) {
+      expect(dropdownWrapper.getDOMNode()).toHaveStyle('margin: 24px');
+      expect(dropdownWrapper.getDOMNode()).toHaveClass('test-class');
+      done();
+    });
+  });
 });

web_component.js

 export { default as Dropdown } from './dist/web_component/js/elvia-dropdown';

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

Worsened metrics

Total package byte prevSize

49448

decreased by-82.58%

Number of package files

13

decreased by-23.53%

Lines of code

1342

decreased by-27.5%

No dependency changes