ocr-p14-dropdown-npm - npm Package Compare versions

Comparing version 2.3.0 to 2.4.0

dist/Dropdown.js

@@ -33,3 +33,3 @@ "use strict";
 var DropdownSelection = _styledComponents["default"].p(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin-block-start: 0;\n  margin-block-end: 0;\n  padding-left: 15px;\n  color: white;\n"])));
-var SearchBar = _styledComponents["default"].input(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  width: 40%;\n  height: 15px;\n  position: absolute;\n  top: 0;\n  right: 0;\n  border: solid 1px #242424;\n  border-radius: 0 0px 0px 10px;\n  background-color: #babbbe;\n  color: black;\n  padding: 5px;\n"])));
+var SearchBar = _styledComponents["default"].input(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  width: 40%;\n  height: 15px;\n  position: absolute;\n  top: 0;\n  right: 0;\n  border: solid 1px #242424;\n  border-radius: 0 0px 0px 10px;\n  background-color: #babbbe;\n  color: black;\n  padding: 5px;\n  box-sizing: initial;\n"])));
 var Dropdown = function Dropdown(_ref) {
@@ -39,3 +39,5 @@ var dropdownData = _ref.dropdownData,
     _ref$onReset = _ref.onReset,
-    onReset = _ref$onReset === void 0 ? false : _ref$onReset;
+    onReset = _ref$onReset === void 0 ? false : _ref$onReset,
+    name = _ref.name,
+    id = _ref.id;
   Dropdown.propTypes = {
@@ -130,3 +132,5 @@ dropdownData: _propTypes["default"].arrayOf(_propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])).isRequired
       toogleDropdown();
-    }
+    },
+    name: name,
+    id: id
   }), dropdownIsOpen ? /*#__PURE__*/_react["default"].createElement(DropdownMenu, {
@@ -133,0 +137,0 @@ className: "dropdownMenu"

package.json

 {
   "name": "ocr-p14-dropdown-npm",
-  "version": "2.3.0",
+  "version": "2.4.0",
   "repository": {
@@ -5,0 +5,0 @@ "type": "git",

README.md

@@ -97,2 +97,6 @@ # OCR-P14-DROPDOWN-NPM
 
+- name (variable/state, optional): a string wich will be the name of the input (for label for example)
+
+- id (variable/state, optional): a string wich will be the id of the input
+
 ### Styling
@@ -99,0 +103,0 @@

src/Dropdown.jsx

@@ -71,5 +71,6 @@ import React, { useState, useEffect, useRef } from "react";
   padding: 5px;
+  box-sizing: initial;
 `;
 
-const Dropdown = ({ dropdownData, onChange, onReset = false }) => {
+const Dropdown = ({ dropdownData, onChange, onReset = false, name, id }) => {
   Dropdown.propTypes = {
@@ -167,2 +168,4 @@ dropdownData: PropTypes.arrayOf(
         }}
+        name={name}
+        id={id}
       />
@@ -169,0 +172,0 @@ {dropdownIsOpen ? (

No alert changes

Improved metrics

Total package byte prevSize

20662

increased by1.71%

Lines of code

344

increased by2.08%

Number of lines in readme file

118

increased by3.51%

No dependency changes