@posten-hedwig/dropdown - npm Package Compare versions

Comparing version 3.0.0 to 3.0.1

dist/index.js

@@ -1,4 +0,2 @@
-require("./index.css");
-var $8zHUo$reactjsxruntime = require("react/jsx-runtime");
-require("react");
+var $8zHUo$react = require("react");
 var $8zHUo$proptypes = require("prop-types");
@@ -8,19 +6,72 @@ require("@posten-hedwig/core");
 
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
+var $parcel$global =
+typeof globalThis !== 'undefined'
+  ? globalThis
+  : typeof self !== 'undefined'
+  ? self
+  : typeof window !== 'undefined'
+  ? window
+  : typeof global !== 'undefined'
+  ? global
+  : {};
+var $parcel$modules = {};
+var $parcel$inits = {};
 
-$parcel$export(module.exports, "Dropdown", () => $abcdcc3bd963842c$export$2e2bcd8739ae039);
+var parcelRequire = $parcel$global["parcelRequire0012"];
+if (parcelRequire == null) {
+  parcelRequire = function(id) {
+    if (id in $parcel$modules) {
+      return $parcel$modules[id].exports;
+    }
+    if (id in $parcel$inits) {
+      var init = $parcel$inits[id];
+      delete $parcel$inits[id];
+      var module = {id: id, exports: {}};
+      $parcel$modules[id] = module;
+      init.call(module.exports, module, module.exports);
+      return module.exports;
+    }
+    var err = new Error("Cannot find module '" + id + "'");
+    err.code = 'MODULE_NOT_FOUND';
+    throw err;
+  };
 
+  parcelRequire.register = function register(id, init) {
+    $parcel$inits[id] = init;
+  };
 
+  $parcel$global["parcelRequire0012"] = parcelRequire;
+}
+parcelRequire.register("4hs7A", function(module, exports) {
+"use strict";
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports.default = void 0;
 
+var $abcdcc3bd963842c$var$_react = $abcdcc3bd963842c$var$_interopRequireDefault($8zHUo$react);
 
+var $abcdcc3bd963842c$var$_propTypes = $abcdcc3bd963842c$var$_interopRequireDefault($8zHUo$proptypes);
 
 
-const $abcdcc3bd963842c$var$Dropdown = ({ label: label , name: name , variant: variant , id: id , selected: selected , onChange: onChange , options: options , errorMessage: errorMessage , ariaControls: ariaControls  })=>{
-    let variation = variant ? "hw-dropdown--" + variant : "";
-    let labelVariation = variant === "line" ? "hw-label--line" : "";
+function $abcdcc3bd963842c$var$_interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+(function() {
+    var styles = 'select.hw-dropdown {\n  position: relative;\n  height: var(--hw-input-field-height);\n  font-family: var(--hw-font-primary-regular);\n  border: none;\n  border-radius: var(--hw-border-radius);\n  display: flex;\n  width: 100%;\n  height: var(--hw-input-field-height);\n  font-size: var(--hw-font-size-small);\n  cursor: pointer;\n  color: var(--hw-color-black);\n  background-color: var(--hw-color-gray-light-fill);\n  -webkit-appearance: none;\n  padding: var(--hw-spacing-small-4);\n  transition: border-color 0.3s ease, max-height 0.3s ease, transform 0.3s ease;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  background-image: linear-gradient(45deg, transparent 74%, var(--hw-color-gray-light-fill) 0%), linear-gradient(135deg, var(--hw-color-gray-light-fill) 26%, transparent 26%), linear-gradient(135deg, transparent 0, transparent 72%, var(--hw-color-gray-light-fill) 73%, var(--hw-color-gray-light-fill) 100%), linear-gradient(45deg, var(--hw-color-gray-light-fill) 0, var(--hw-color-gray-light-fill) 28%, var(--hw-color-gray-dark) 29%, var(--hw-color-gray-dark) 37%, transparent 38%, transparent 100%), linear-gradient(135deg, transparent 0, transparent 62%, var(--hw-color-gray-dark) 63%, var(--hw-color-gray-dark) 71%, var(--hw-color-gray-light-fill) 72%, var(--hw-color-gray-light-fill) 100%);\n  background-size: var(--hw-spacing-small-4) var(--hw-spacing-small-4);\n  background-position: calc(100% - var(--hw-spacing-small-4)) 45%;\n  background-repeat: no-repeat;\n  /* Remove default down-arrow for IE */\n  /* Color the selected option with the correct color for IE */\n  /* Clearfix */\n}\nselect.hw-dropdown:hover, select.hw-dropdown:active {\n  border-color: var(--hw-color-gray-dark);\n}\nselect.hw-dropdown::-ms-expand {\n  display: none;\n}\nselect.hw-dropdown::-ms-value {\n  color: var(--hw-color-gray-dark);\n  background: none;\n}\nselect.hw-dropdown::after {\n  display: table;\n  content: " ";\n  clear: both;\n}\nselect.hw-dropdown--line {\n  background-color: transparent;\n  border-bottom: var(--hw-border-thickness) solid var(--hw-color-gray-normal);\n  padding-left: 0px;\n  padding-top: var(--hw-spacing-small-1);\n  padding-bottom: var(--hw-spacing-small-3);\n  height: calc(var(--hw-input-field-height) - var(--hw-spacing-small-4) - var(--hw-spacing-small-4) + var(--hw-spacing-small-1) + var(--hw-spacing-small-3));\n  border-radius: 0px;\n}\nselect.hw-dropdown--line:focus {\n  border-bottom: var(--hw-border-thickness) solid var(--hw-color-primary-dark);\n}\nselect.hw-dropdown--line[disabled], select.hw-dropdown--line:disabled, select.hw-dropdown--line[disabled=disabled] {\n  background: transparent;\n  padding: var(--hw-spacing-small-4);\n}\nselect.hw-dropdown--white {\n  background-color: var(--hw-color-white);\n  /* Place the arrow, created below */\n}\nselect.hw-dropdown--line, select.hw-dropdown--white {\n  background-image: linear-gradient(45deg, transparent 74%, var(--hw-color-white) 0%), linear-gradient(135deg, var(--hw-color-white) 26%, transparent 26%), linear-gradient(135deg, transparent 0, transparent 72%, var(--hw-color-white) 73%, var(--hw-color-white) 100%), linear-gradient(45deg, var(--hw-color-white) 0, var(--hw-color-white) 28%, var(--hw-color-gray-dark) 29%, var(--hw-color-gray-dark) 37%, transparent 38%, transparent 100%), linear-gradient(135deg, transparent 0, transparent 62%, var(--hw-color-gray-dark) 63%, var(--hw-color-gray-dark) 71%, var(--hw-color-white) 72%, var(--hw-color-white) 100%);\n  background-size: var(--hw-spacing-small-4) var(--hw-spacing-small-4);\n  background-repeat: no-repeat;\n}';
+    var fileName = "Dropdown_dropdown";
+    var element = document.querySelector("style[data-sass-component='Dropdown_dropdown']");
+    if (!element) {
+        var styleBlock = document.createElement("style");
+        styleBlock.innerHTML = styles;
+        styleBlock.setAttribute("data-sass-component", fileName);
+        document.head.appendChild(styleBlock);
+    } else element.innerHTML = styles;
+})();
+var $abcdcc3bd963842c$var$Dropdown = function Dropdown(_ref) {
+    var label = _ref.label, name = _ref.name, variant = _ref.variant, id = _ref.id, defaultSelected = _ref.defaultSelected, _onChange = _ref.onChange, options = _ref.options, errorMessage = _ref.errorMessage, ariaControls = _ref.ariaControls, placeholder = _ref.placeholder;
+    var variation = variant ? "hw-dropdown--" + variant : "";
+    var labelVariation = variant === "line" ? "hw-label--line" : "";
     if (errorMessage !== "") {
@@ -31,30 +82,29 @@ variation += " hw-input--error";
     var items = "";
-    if (options) items = options.map((item, index)=>/*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsxs)("option", {
+    if (options) items = options.map(function(item, index) {
+        return /*#__PURE__*/ $abcdcc3bd963842c$var$_react.default.createElement("option", {
             value: item.value,
-            children: [
-                " ",
-                item.label,
-                " "
-            ]
-        }, index));
-    return /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsxs)("label", {
-        className: `hw-label ${labelVariation}`,
-        children: [
-            label,
-            /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)("select", {
-                name: name,
-                className: `hw-dropdown ${variation}`,
-                id: id,
-                value: selected,
-                "data-hw-dropdown": id,
-                onChange: onChange,
-                "aria-controls": ariaControls,
-                children: items
-            }),
-            errorMessage && /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)("div", {
-                className: "hw-error hw-error--align-left hw-error--indented",
-                children: errorMessage
-            })
-        ]
+            key: index
+        }, " ", item.label, " ");
     });
+    if (placeholder && !defaultSelected) items.unshift(/*#__PURE__*/ $abcdcc3bd963842c$var$_react.default.createElement("option", {
+        key: "00",
+        value: "",
+        disabled: true,
+        hidden: true
+    }, placeholder));
+    return /*#__PURE__*/ $abcdcc3bd963842c$var$_react.default.createElement("label", {
+        className: "hw-label ".concat(labelVariation)
+    }, label, /*#__PURE__*/ $abcdcc3bd963842c$var$_react.default.createElement("select", {
+        name: name,
+        className: "hw-dropdown ".concat(variation),
+        id: id,
+        defaultValue: defaultSelected,
+        "data-hw-dropdown": id,
+        onChange: function onChange(val) {
+            return _onChange(val.target.value);
+        },
+        "aria-controls": ariaControls
+    }, items), errorMessage && /*#__PURE__*/ $abcdcc3bd963842c$var$_react.default.createElement("div", {
+        className: "hw-error hw-error--align-left hw-error--indented"
+    }, errorMessage));
 };
@@ -64,8 +114,10 @@ $abcdcc3bd963842c$var$Dropdown.defaultProps = {
     options: [],
-    errorMessage: ""
+    errorMessage: "",
+    placeholder: "",
+    defaultSelected: ""
 };
 $abcdcc3bd963842c$var$Dropdown.propTypes = {
-    label: (0, ($parcel$interopDefault($8zHUo$proptypes))).string,
-    id: (0, ($parcel$interopDefault($8zHUo$proptypes))).string,
-    variant: (0, ($parcel$interopDefault($8zHUo$proptypes))).oneOf([
+    label: $abcdcc3bd963842c$var$_propTypes.default.string,
+    id: $abcdcc3bd963842c$var$_propTypes.default.string,
+    variant: $abcdcc3bd963842c$var$_propTypes.default.oneOf([
         "",
@@ -75,11 +127,32 @@ "white",
     ]),
-    errorMessage: (0, ($parcel$interopDefault($8zHUo$proptypes))).string,
-    onChange: (0, ($parcel$interopDefault($8zHUo$proptypes))).func,
-    ariaControls: (0, ($parcel$interopDefault($8zHUo$proptypes))).string
+    errorMessage: $abcdcc3bd963842c$var$_propTypes.default.string,
+    onChange: $abcdcc3bd963842c$var$_propTypes.default.func,
+    ariaControls: $abcdcc3bd963842c$var$_propTypes.default.string,
+    placeholder: $abcdcc3bd963842c$var$_propTypes.default.string,
+    defaultSelected: $abcdcc3bd963842c$var$_propTypes.default.string
 };
-var $abcdcc3bd963842c$export$2e2bcd8739ae039 = $abcdcc3bd963842c$var$Dropdown;
+var $abcdcc3bd963842c$var$_default = $abcdcc3bd963842c$var$Dropdown;
+module.exports.default = $abcdcc3bd963842c$var$_default;
 
+});
 
+"use strict";
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(module.exports, "Dropdown", {
+    enumerable: true,
+    get: function get() {
+        return $882b6d93070905b3$var$_Dropdown.default;
+    }
+});
 
+var $882b6d93070905b3$var$_Dropdown = $882b6d93070905b3$var$_interopRequireDefault((parcelRequire("4hs7A")));
+function $882b6d93070905b3$var$_interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 
+
 //# sourceMappingURL=index.js.map

dist/module.js

@@ -1,17 +0,76 @@
-import "./index.css";
-import {jsxs as $hgUW1$jsxs, jsx as $hgUW1$jsx} from "react/jsx-runtime";
-import "react";
-import $hgUW1$proptypes from "prop-types";
+import * as $hgUW1$react from "react";
+import * as $hgUW1$proptypes from "prop-types";
 import "@posten-hedwig/core";
 import "@posten-hedwig/label";
 
+var $parcel$global =
+typeof globalThis !== 'undefined'
+  ? globalThis
+  : typeof self !== 'undefined'
+  ? self
+  : typeof window !== 'undefined'
+  ? window
+  : typeof global !== 'undefined'
+  ? global
+  : {};
+var $parcel$modules = {};
+var $parcel$inits = {};
 
+var parcelRequire = $parcel$global["parcelRequire0012"];
+if (parcelRequire == null) {
+  parcelRequire = function(id) {
+    if (id in $parcel$modules) {
+      return $parcel$modules[id].exports;
+    }
+    if (id in $parcel$inits) {
+      var init = $parcel$inits[id];
+      delete $parcel$inits[id];
+      var module = {id: id, exports: {}};
+      $parcel$modules[id] = module;
+      init.call(module.exports, module, module.exports);
+      return module.exports;
+    }
+    var err = new Error("Cannot find module '" + id + "'");
+    err.code = 'MODULE_NOT_FOUND';
+    throw err;
+  };
 
+  parcelRequire.register = function register(id, init) {
+    $parcel$inits[id] = init;
+  };
 
+  $parcel$global["parcelRequire0012"] = parcelRequire;
+}
+parcelRequire.register("gpt01", function(module, exports) {
+"use strict";
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports.default = void 0;
 
+var $f48600c1005d9336$var$_react = $f48600c1005d9336$var$_interopRequireDefault($hgUW1$react);
 
+var $f48600c1005d9336$var$_propTypes = $f48600c1005d9336$var$_interopRequireDefault($hgUW1$proptypes);
 
-const $f48600c1005d9336$var$Dropdown = ({ label: label , name: name , variant: variant , id: id , selected: selected , onChange: onChange , options: options , errorMessage: errorMessage , ariaControls: ariaControls  })=>{
-    let variation = variant ? "hw-dropdown--" + variant : "";
-    let labelVariation = variant === "line" ? "hw-label--line" : "";
+
+function $f48600c1005d9336$var$_interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+(function() {
+    var styles = 'select.hw-dropdown {\n  position: relative;\n  height: var(--hw-input-field-height);\n  font-family: var(--hw-font-primary-regular);\n  border: none;\n  border-radius: var(--hw-border-radius);\n  display: flex;\n  width: 100%;\n  height: var(--hw-input-field-height);\n  font-size: var(--hw-font-size-small);\n  cursor: pointer;\n  color: var(--hw-color-black);\n  background-color: var(--hw-color-gray-light-fill);\n  -webkit-appearance: none;\n  padding: var(--hw-spacing-small-4);\n  transition: border-color 0.3s ease, max-height 0.3s ease, transform 0.3s ease;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  background-image: linear-gradient(45deg, transparent 74%, var(--hw-color-gray-light-fill) 0%), linear-gradient(135deg, var(--hw-color-gray-light-fill) 26%, transparent 26%), linear-gradient(135deg, transparent 0, transparent 72%, var(--hw-color-gray-light-fill) 73%, var(--hw-color-gray-light-fill) 100%), linear-gradient(45deg, var(--hw-color-gray-light-fill) 0, var(--hw-color-gray-light-fill) 28%, var(--hw-color-gray-dark) 29%, var(--hw-color-gray-dark) 37%, transparent 38%, transparent 100%), linear-gradient(135deg, transparent 0, transparent 62%, var(--hw-color-gray-dark) 63%, var(--hw-color-gray-dark) 71%, var(--hw-color-gray-light-fill) 72%, var(--hw-color-gray-light-fill) 100%);\n  background-size: var(--hw-spacing-small-4) var(--hw-spacing-small-4);\n  background-position: calc(100% - var(--hw-spacing-small-4)) 45%;\n  background-repeat: no-repeat;\n  /* Remove default down-arrow for IE */\n  /* Color the selected option with the correct color for IE */\n  /* Clearfix */\n}\nselect.hw-dropdown:hover, select.hw-dropdown:active {\n  border-color: var(--hw-color-gray-dark);\n}\nselect.hw-dropdown::-ms-expand {\n  display: none;\n}\nselect.hw-dropdown::-ms-value {\n  color: var(--hw-color-gray-dark);\n  background: none;\n}\nselect.hw-dropdown::after {\n  display: table;\n  content: " ";\n  clear: both;\n}\nselect.hw-dropdown--line {\n  background-color: transparent;\n  border-bottom: var(--hw-border-thickness) solid var(--hw-color-gray-normal);\n  padding-left: 0px;\n  padding-top: var(--hw-spacing-small-1);\n  padding-bottom: var(--hw-spacing-small-3);\n  height: calc(var(--hw-input-field-height) - var(--hw-spacing-small-4) - var(--hw-spacing-small-4) + var(--hw-spacing-small-1) + var(--hw-spacing-small-3));\n  border-radius: 0px;\n}\nselect.hw-dropdown--line:focus {\n  border-bottom: var(--hw-border-thickness) solid var(--hw-color-primary-dark);\n}\nselect.hw-dropdown--line[disabled], select.hw-dropdown--line:disabled, select.hw-dropdown--line[disabled=disabled] {\n  background: transparent;\n  padding: var(--hw-spacing-small-4);\n}\nselect.hw-dropdown--white {\n  background-color: var(--hw-color-white);\n  /* Place the arrow, created below */\n}\nselect.hw-dropdown--line, select.hw-dropdown--white {\n  background-image: linear-gradient(45deg, transparent 74%, var(--hw-color-white) 0%), linear-gradient(135deg, var(--hw-color-white) 26%, transparent 26%), linear-gradient(135deg, transparent 0, transparent 72%, var(--hw-color-white) 73%, var(--hw-color-white) 100%), linear-gradient(45deg, var(--hw-color-white) 0, var(--hw-color-white) 28%, var(--hw-color-gray-dark) 29%, var(--hw-color-gray-dark) 37%, transparent 38%, transparent 100%), linear-gradient(135deg, transparent 0, transparent 62%, var(--hw-color-gray-dark) 63%, var(--hw-color-gray-dark) 71%, var(--hw-color-white) 72%, var(--hw-color-white) 100%);\n  background-size: var(--hw-spacing-small-4) var(--hw-spacing-small-4);\n  background-repeat: no-repeat;\n}';
+    var fileName = "Dropdown_dropdown";
+    var element = document.querySelector("style[data-sass-component='Dropdown_dropdown']");
+    if (!element) {
+        var styleBlock = document.createElement("style");
+        styleBlock.innerHTML = styles;
+        styleBlock.setAttribute("data-sass-component", fileName);
+        document.head.appendChild(styleBlock);
+    } else element.innerHTML = styles;
+})();
+var $f48600c1005d9336$var$Dropdown = function Dropdown(_ref) {
+    var label = _ref.label, name = _ref.name, variant = _ref.variant, id = _ref.id, defaultSelected = _ref.defaultSelected, _onChange = _ref.onChange, options = _ref.options, errorMessage = _ref.errorMessage, ariaControls = _ref.ariaControls, placeholder = _ref.placeholder;
+    var variation = variant ? "hw-dropdown--" + variant : "";
+    var labelVariation = variant === "line" ? "hw-label--line" : "";
     if (errorMessage !== "") {
@@ -22,30 +81,29 @@ variation += " hw-input--error";
     var items = "";
-    if (options) items = options.map((item, index)=>/*#__PURE__*/ (0, $hgUW1$jsxs)("option", {
+    if (options) items = options.map(function(item, index) {
+        return /*#__PURE__*/ $f48600c1005d9336$var$_react.default.createElement("option", {
             value: item.value,
-            children: [
-                " ",
-                item.label,
-                " "
-            ]
-        }, index));
-    return /*#__PURE__*/ (0, $hgUW1$jsxs)("label", {
-        className: `hw-label ${labelVariation}`,
-        children: [
-            label,
-            /*#__PURE__*/ (0, $hgUW1$jsx)("select", {
-                name: name,
-                className: `hw-dropdown ${variation}`,
-                id: id,
-                value: selected,
-                "data-hw-dropdown": id,
-                onChange: onChange,
-                "aria-controls": ariaControls,
-                children: items
-            }),
-            errorMessage && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                className: "hw-error hw-error--align-left hw-error--indented",
-                children: errorMessage
-            })
-        ]
+            key: index
+        }, " ", item.label, " ");
     });
+    if (placeholder && !defaultSelected) items.unshift(/*#__PURE__*/ $f48600c1005d9336$var$_react.default.createElement("option", {
+        key: "00",
+        value: "",
+        disabled: true,
+        hidden: true
+    }, placeholder));
+    return /*#__PURE__*/ $f48600c1005d9336$var$_react.default.createElement("label", {
+        className: "hw-label ".concat(labelVariation)
+    }, label, /*#__PURE__*/ $f48600c1005d9336$var$_react.default.createElement("select", {
+        name: name,
+        className: "hw-dropdown ".concat(variation),
+        id: id,
+        defaultValue: defaultSelected,
+        "data-hw-dropdown": id,
+        onChange: function onChange(val) {
+            return _onChange(val.target.value);
+        },
+        "aria-controls": ariaControls
+    }, items), errorMessage && /*#__PURE__*/ $f48600c1005d9336$var$_react.default.createElement("div", {
+        className: "hw-error hw-error--align-left hw-error--indented"
+    }, errorMessage));
 };
@@ -55,8 +113,10 @@ $f48600c1005d9336$var$Dropdown.defaultProps = {
     options: [],
-    errorMessage: ""
+    errorMessage: "",
+    placeholder: "",
+    defaultSelected: ""
 };
 $f48600c1005d9336$var$Dropdown.propTypes = {
-    label: (0, $hgUW1$proptypes).string,
-    id: (0, $hgUW1$proptypes).string,
-    variant: (0, $hgUW1$proptypes).oneOf([
+    label: $f48600c1005d9336$var$_propTypes.default.string,
+    id: $f48600c1005d9336$var$_propTypes.default.string,
+    variant: $f48600c1005d9336$var$_propTypes.default.oneOf([
         "",
@@ -66,12 +126,34 @@ "white",
     ]),
-    errorMessage: (0, $hgUW1$proptypes).string,
-    onChange: (0, $hgUW1$proptypes).func,
-    ariaControls: (0, $hgUW1$proptypes).string
+    errorMessage: $f48600c1005d9336$var$_propTypes.default.string,
+    onChange: $f48600c1005d9336$var$_propTypes.default.func,
+    ariaControls: $f48600c1005d9336$var$_propTypes.default.string,
+    placeholder: $f48600c1005d9336$var$_propTypes.default.string,
+    defaultSelected: $f48600c1005d9336$var$_propTypes.default.string
 };
-var $f48600c1005d9336$export$2e2bcd8739ae039 = $f48600c1005d9336$var$Dropdown;
+var $f48600c1005d9336$var$_default = $f48600c1005d9336$var$Dropdown;
+module.exports.default = $f48600c1005d9336$var$_default;
 
+});
 
+var $149c1bd638913645$exports = {};
+"use strict";
+Object.defineProperty($149c1bd638913645$exports, "__esModule", {
+    value: true
+});
+Object.defineProperty($149c1bd638913645$exports, "Dropdown", {
+    enumerable: true,
+    get: function get() {
+        return $149c1bd638913645$var$_Dropdown.default;
+    }
+});
 
+var $149c1bd638913645$var$_Dropdown = $149c1bd638913645$var$_interopRequireDefault((parcelRequire("gpt01")));
+function $149c1bd638913645$var$_interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 
-export {$f48600c1005d9336$export$2e2bcd8739ae039 as Dropdown};
+
+export {$149c1bd638913645$exports as default};
 //# sourceMappingURL=module.js.map

package.json

 {
     "name": "@posten-hedwig/dropdown",
-    "version": "3.0.0",
+    "version": "3.0.1",
     "publishConfig": {
@@ -23,7 +23,9 @@ "access": "public"
         "prebuild": "rimraf dist",
-        "build": "parcel build"
+        "build": "parcel build",
+        "test": "jest",
+        "coverage": "jest --coverage"
     },
     "dependencies": {
-        "@posten-hedwig/core": "^2.0.0",
-        "@posten-hedwig/label": "^3.0.0",
+        "@posten-hedwig/core": "^2.0.1",
+        "@posten-hedwig/label": "^3.0.1",
         "prop-types": "^15.8.1"
@@ -34,3 +36,11 @@ },
     },
-    "gitHead": "db1ecb7f0e21c0984ae41a576527fcf2db23936f"
+    "devDependencies": {
+        "@testing-library/jest-dom": "^5.16.5",
+        "@testing-library/react": "^14.0.0",
+        "babel-jest": "^29.4.3",
+        "jest": "^29.4.3",
+        "jest-environment-jsdom": "^29.4.3",
+        "jest-transform-css": "^6.0.1"
+    },
+    "gitHead": "7d2cd5aaee8b66f251a8b8b40f58ab066853e474"
 }

README.md

@@ -24,2 +24,3 @@ # Dropdown
   onChange={() => {}}
+  placeholder: 'Please select'
   options={[
@@ -26,0 +27,0 @@ {

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

30567

increased by44.31%

Lines of code

310

increased by55.78%

Number of lines in readme file

41

increased by2.5%

Worsened metrics

Dev dependency count

6

increased byInfinity%

Number of package files

6

decreased by-25%

Number of low supply chain risk alerts

3

increased by200%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• Updated@posten-hedwig/core@^2.0.1

• Updated@posten-hedwig/label@^3.0.1