@entur/dropdown - npm Package Compare versions

Comparing version 0.4.2 to 0.5.0

CHANGELOG.md

@@ -6,2 +6,8 @@ # Change Log
 
+# [0.5.0](https://bitbucket.org/enturas/design-system/compare/@entur/dropdown@0.4.2...@entur/dropdown@0.5.0) (2020-01-10)
+
+### Features
+
+- add classname prop for dropdown component ([60bdd48](https://bitbucket.org/enturas/design-system/commits/60bdd487a1cd04d0e55363698b095041e4953216))
+
 ## [0.4.2](https://bitbucket.org/enturas/design-system/compare/@entur/dropdown@0.4.1...@entur/dropdown@0.4.2) (2020-01-08)
@@ -8,0 +14,0 @@

dist/dropdown.cjs.development.js

@@ -348,3 +348,4 @@ 'use strict';
       feedback = _ref.feedback,
-      variant = _ref.variant;
+      variant = _ref.variant,
+      className = _ref.className;
 
@@ -356,2 +357,4 @@ var _useDownshift = useDownshift(),
     variant: variant
+  }, React.createElement("div", {
+    className: classNames(className)
   }, label && React.createElement(typography.Label, Object.assign({}, getLabelProps(), {
@@ -363,3 +366,3 @@ style: {
     variant: variant
-  }, feedback));
+  }, feedback)));
 };
@@ -568,3 +571,4 @@
       value = _ref.value,
-      rest = _objectWithoutProperties(_ref, ["debounceTimeout", "disabled", "feedback", "items", "label", "loadingText", "onChange", "placeholder", "prepend", "readOnly", "searchable", "selectOnTab", "openOnFocus", "variant", "value"]);
+      className = _ref.className,
+      rest = _objectWithoutProperties(_ref, ["debounceTimeout", "disabled", "feedback", "items", "label", "loadingText", "onChange", "placeholder", "prepend", "readOnly", "searchable", "selectOnTab", "openOnFocus", "variant", "value", "className"]);
 
@@ -585,2 +589,3 @@ var _useResolvedItems = useResolvedItems(items, debounceTimeout),
   }, rest), React.createElement(DropdownInputGroup, {
+    className: classNames(className),
     label: label,
@@ -587,0 +592,0 @@ feedback: feedback,

dist/dropdown.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var t=require("@entur/utils"),n=e(require("@babel/runtime/helpers/objectWithoutProperties")),r=e(require("react")),a=e(require("downshift")),o=e(require("@babel/runtime/helpers/defineProperty")),i=require("@entur/form"),l=e(require("classnames")),c=require("@entur/icons"),s=require("@entur/a11y"),u=require("@entur/typography"),d=e(require("@babel/runtime/regenerator")),p=e(require("@babel/runtime/helpers/asyncToGenerator")),b=e(require("@babel/runtime/helpers/slicedToArray")),f=r.createContext(null),m=function(e){var t=e.children,o=e.onChange,i=void 0===o?function(){}:o,l=e.onInputValueChange,c=void 0===l?function(){}:l,s=n(e,["children","onChange","onInputValueChange"]);return r.createElement(a,Object.assign({itemToString:function(e){return e?e.label:""},onStateChange:function(e,t){"selectedItem"in e?i(e.selectedItem,t):"inputValue"in e&&c(e.inputValue)}},s),(function(e){return r.createElement("div",{className:"eds-input-group"},r.createElement(f.Provider,{value:e},t))}))},g=function(){var e=r.useContext(f);if(!e)throw new Error("You need to wrap your component in a DownshiftProvider");return e};function O(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var y=function(e){var t=e.items,a=n(e,["items"]),i=g(),c=i.highlightedIndex,s=i.isOpen,u=i.selectedItem,d=i.getItemProps,p=i.getMenuProps;return r.createElement("ul",Object.assign({className:l("eds-dropdown-list",{"eds-dropdown-list--open":s})},p(function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?O(Object(n),!0).forEach((function(t){o(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},a))),s?t.map((function(e,t){return r.createElement("li",Object.assign({className:l("eds-dropdown-list__item",{"eds-dropdown-list__item--highlighted":c===t,"eds-dropdown-list__item--selected":u===e})},d({key:e.value,item:e,index:t})),r.createElement("span",null,e.label),e.icons&&r.createElement("span",null,e.icons.map((function(e,t){return r.createElement(e,{key:t,inline:!0,className:"eds-dropdown-list__item-icon"})}))))})):null)},v=function(){var e=g();return r.createElement("button",Object.assign({},(0,e.getToggleButtonProps)({className:l("eds-dropdown__toggle-button",{"eds-dropdown__toggle-button--open":e.isOpen})}),{tabIndex:"-1"}),r.createElement(c.DownArrowIcon,{inline:!0}))},h=function(e){var t=e.children,a=n(e,["className","children"]);return r.createElement("div",Object.assign({className:l("eds-inline-spinner",l)},a),r.createElement("span",{className:"eds-inline-spinner__twirly-part"}),r.createElement(s.VisuallyHidden,null,t))};function j(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function w(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){o(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var E=function(e){var t=e.children,a=e.className,o=e.items,l=e.loading,c=e.loadingText,s=void 0===c?"Loading...":c,u=e.style,d=n(e,["children","className","items","loading","loadingText","placeholder","style"]);return r.createElement("div",{className:"eds-dropdown-wrapper"},r.createElement(i.BaseFormControl,Object.assign({append:l?r.createElement(h,null,s):r.createElement(v,null),className:a,dark:!0},d),t),r.createElement(y,Object.assign({items:o,style:w({position:"absolute",top:"100%"},u)},d)))},P=function(e){var t=e.disabled,a=e.placeholder,o=void 0===a?"Vennligst velg":a,i=e.selectOnTab,l=void 0!==i&&i,c=e.openOnFocus,s=void 0!==c&&c,u=n(e,["disabled","placeholder","selectOnTab","openOnFocus"]),d=g(),p=d.getToggleButtonProps,b=d.selectedItem,f=d.selectHighlightedItem,m=d.openMenu;return r.createElement(E,Object.assign({disabled:t},u),r.createElement("button",Object.assign({},p({className:"eds-form-control",style:{textAlign:"left"},disabled:t,type:"button",onKeyDown:function(e){l&&"Tab"===e.key&&f()},onFocus:function(){s&&m()}})),b?b.label:o))};function T(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var k=function(e){var t=e.disabled,a=void 0!==t&&t,i=e.className,l=e.items,c=e.loading,s=e.loadingText,u=e.readOnly,d=void 0!==u&&u,p=e.prepend,b=e.selectOnTab,f=void 0!==b&&b,m=e.openOnFocus,O=void 0!==m&&m,y=n(e,["disabled","className","items","loading","loadingText","readOnly","prepend","selectOnTab","openOnFocus"]),v=g(),h=v.getInputProps,j=v.inputValue,w=v.selectHighlightedItem,P=v.openMenu,k=r.useMemo((function(){if(!j)return l;var e=new RegExp(j,"i");return l.filter((function(t){return e.test(t.label)}))}),[j,l]);return r.createElement(E,{items:k,disabled:a,readOnly:d,className:i,loading:c,loadingText:s,prepend:p},r.createElement("input",Object.assign({},h(function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){o(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({disabled:a,readOnly:d,className:"eds-form-control eds-dropdown__input",onKeyDown:function(e){f&&"Tab"===e.key&&w()},onFocus:function(){O&&P()}},y)))))},x=function(e){var t=e.children,n=e.label,a=e.feedback,o=e.variant,l=g();return r.createElement(i.VariantProvider,{variant:o},n&&r.createElement(u.Label,Object.assign({},(0,l.getLabelProps)(),{style:{display:"block"}}),n),t,a&&o&&r.createElement(i.FeedbackText,{variant:o},a))};function D(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var N=function(e){return r.useMemo((function(){return e.map((function(e){return"string"==typeof e?{value:e,label:e}:"value"in e?e:function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?D(Object(n),!0).forEach((function(t){o(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):D(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},e,{value:e.label})}))}),[e])};function I(e,t){var n;return function(){for(var r=arguments.length,a=new Array(r),o=0;o<r;o++)a[o]=arguments[o];clearTimeout(n),n=setTimeout((function(){return e.apply(void 0,a)}),t)}}var _=function(){var e=r.useRef(!0);return r.useEffect((function(){return function(){e.current=!1}}),[]),e.current},q=function(e,t){switch(t.type){case"request results":return{items:[],loading:!0};case"received results":return{items:t.payload,loading:!1}}},C=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:250,n="function"==typeof e,a=r.useMemo((function(){return n?e:function(){return Promise.resolve(e)}}),[e,n]),o=r.useReducer(q,{items:n?[]:e,loading:!1}),i=b(o,2),l=i[0],c=l.items,s=l.loading,u=i[1],f=_(),m=r.useCallback(function(){var e=p(d.mark((function e(t){var n;return d.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(f){e.next=2;break}return e.abrupt("return");case 2:return u({type:"request results"}),e.next=5,a(t);case 5:n=e.sent,f&&u({type:"received results",payload:n});case 7:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),[a,f]),g=N(c);return r.useEffect((function(){n&&m("")}),[n,m]),{items:g,loading:!!n&&s,fetchItems:I(m,t)}};t.warnAboutMissingStyles("dropdown","form","a11y"),exports.Dropdown=function(e){var t=e.debounceTimeout,a=e.disabled,o=e.feedback,i=e.items,l=e.label,c=e.loadingText,s=e.onChange,u=void 0===s?function(){}:s,d=e.placeholder,p=e.prepend,b=e.readOnly,f=e.searchable,g=e.selectOnTab,O=e.openOnFocus,y=e.variant,v=e.value,h=n(e,["debounceTimeout","disabled","feedback","items","label","loadingText","onChange","placeholder","prepend","readOnly","searchable","selectOnTab","openOnFocus","variant","value"]),j=C(i,t),w=j.items,E=j.loading,T=j.fetchItems,D=w.find((function(e){return v===e.value})),N=f?k:P;return r.createElement(m,Object.assign({initialSelectedItem:D,onInputValueChange:T,onChange:u},h),r.createElement(x,{label:l,feedback:o,variant:y},r.createElement(N,{items:w,loading:E,loadingText:c,disabled:a,readOnly:b,placeholder:d,prepend:p,selectOnTab:g,openOnFocus:O})))},exports.NativeDropdown=function(e){var t=e.className,a=e.disabled,o=void 0!==a&&a,l=e.readOnly,s=void 0!==l&&l,u=e.items,d=e.loadingText,p=e.prepend,b=e.style,f=e.label,m=e.variant,g=e.feedback,O=n(e,["className","disabled","readOnly","items","loadingText","prepend","style","label","variant","feedback"]),y=C(u),v=y.items,j=y.loading,w=r.createElement(c.DownArrowIcon,{inline:!0});return o||s?w=null:j&&(w=r.createElement(h,null,d)),r.createElement(i.InputGroup,{label:f,feedback:g,variant:m},r.createElement(i.BaseFormControl,{dark:!0,disabled:o,readOnly:s,prepend:p,append:w,className:t,style:b},r.createElement("select",Object.assign({"aria-invalid":"error"===m,className:"eds-form-control eds-dropdown",disabled:o||s},O),v.map((function(e){return r.createElement("option",{key:e.value,value:e.value},e.label)})))))};
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var t=require("@entur/utils"),n=e(require("@babel/runtime/helpers/objectWithoutProperties")),r=e(require("react")),a=e(require("downshift")),o=e(require("@babel/runtime/helpers/defineProperty")),i=require("@entur/form"),l=e(require("classnames")),c=require("@entur/icons"),s=require("@entur/a11y"),u=require("@entur/typography"),d=e(require("@babel/runtime/regenerator")),p=e(require("@babel/runtime/helpers/asyncToGenerator")),b=e(require("@babel/runtime/helpers/slicedToArray")),m=r.createContext(null),f=function(e){var t=e.children,o=e.onChange,i=void 0===o?function(){}:o,l=e.onInputValueChange,c=void 0===l?function(){}:l,s=n(e,["children","onChange","onInputValueChange"]);return r.createElement(a,Object.assign({itemToString:function(e){return e?e.label:""},onStateChange:function(e,t){"selectedItem"in e?i(e.selectedItem,t):"inputValue"in e&&c(e.inputValue)}},s),(function(e){return r.createElement("div",{className:"eds-input-group"},r.createElement(m.Provider,{value:e},t))}))},g=function(){var e=r.useContext(m);if(!e)throw new Error("You need to wrap your component in a DownshiftProvider");return e};function O(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var y=function(e){var t=e.items,a=n(e,["items"]),i=g(),c=i.highlightedIndex,s=i.isOpen,u=i.selectedItem,d=i.getItemProps,p=i.getMenuProps;return r.createElement("ul",Object.assign({className:l("eds-dropdown-list",{"eds-dropdown-list--open":s})},p(function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?O(Object(n),!0).forEach((function(t){o(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},a))),s?t.map((function(e,t){return r.createElement("li",Object.assign({className:l("eds-dropdown-list__item",{"eds-dropdown-list__item--highlighted":c===t,"eds-dropdown-list__item--selected":u===e})},d({key:e.value,item:e,index:t})),r.createElement("span",null,e.label),e.icons&&r.createElement("span",null,e.icons.map((function(e,t){return r.createElement(e,{key:t,inline:!0,className:"eds-dropdown-list__item-icon"})}))))})):null)},v=function(){var e=g();return r.createElement("button",Object.assign({},(0,e.getToggleButtonProps)({className:l("eds-dropdown__toggle-button",{"eds-dropdown__toggle-button--open":e.isOpen})}),{tabIndex:"-1"}),r.createElement(c.DownArrowIcon,{inline:!0}))},h=function(e){var t=e.children,a=n(e,["className","children"]);return r.createElement("div",Object.assign({className:l("eds-inline-spinner",l)},a),r.createElement("span",{className:"eds-inline-spinner__twirly-part"}),r.createElement(s.VisuallyHidden,null,t))};function j(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function w(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){o(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var E=function(e){var t=e.children,a=e.className,o=e.items,l=e.loading,c=e.loadingText,s=void 0===c?"Loading...":c,u=e.style,d=n(e,["children","className","items","loading","loadingText","placeholder","style"]);return r.createElement("div",{className:"eds-dropdown-wrapper"},r.createElement(i.BaseFormControl,Object.assign({append:l?r.createElement(h,null,s):r.createElement(v,null),className:a,dark:!0},d),t),r.createElement(y,Object.assign({items:o,style:w({position:"absolute",top:"100%"},u)},d)))},P=function(e){var t=e.disabled,a=e.placeholder,o=void 0===a?"Vennligst velg":a,i=e.selectOnTab,l=void 0!==i&&i,c=e.openOnFocus,s=void 0!==c&&c,u=n(e,["disabled","placeholder","selectOnTab","openOnFocus"]),d=g(),p=d.getToggleButtonProps,b=d.selectedItem,m=d.selectHighlightedItem,f=d.openMenu;return r.createElement(E,Object.assign({disabled:t},u),r.createElement("button",Object.assign({},p({className:"eds-form-control",style:{textAlign:"left"},disabled:t,type:"button",onKeyDown:function(e){l&&"Tab"===e.key&&m()},onFocus:function(){s&&f()}})),b?b.label:o))};function T(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var N=function(e){var t=e.disabled,a=void 0!==t&&t,i=e.className,l=e.items,c=e.loading,s=e.loadingText,u=e.readOnly,d=void 0!==u&&u,p=e.prepend,b=e.selectOnTab,m=void 0!==b&&b,f=e.openOnFocus,O=void 0!==f&&f,y=n(e,["disabled","className","items","loading","loadingText","readOnly","prepend","selectOnTab","openOnFocus"]),v=g(),h=v.getInputProps,j=v.inputValue,w=v.selectHighlightedItem,P=v.openMenu,N=r.useMemo((function(){if(!j)return l;var e=new RegExp(j,"i");return l.filter((function(t){return e.test(t.label)}))}),[j,l]);return r.createElement(E,{items:N,disabled:a,readOnly:d,className:i,loading:c,loadingText:s,prepend:p},r.createElement("input",Object.assign({},h(function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){o(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({disabled:a,readOnly:d,className:"eds-form-control eds-dropdown__input",onKeyDown:function(e){m&&"Tab"===e.key&&w()},onFocus:function(){O&&P()}},y)))))},k=function(e){var t=e.children,n=e.label,a=e.feedback,o=e.variant,c=e.className,s=g().getLabelProps;return r.createElement(i.VariantProvider,{variant:o},r.createElement("div",{className:l(c)},n&&r.createElement(u.Label,Object.assign({},s(),{style:{display:"block"}}),n),t,a&&o&&r.createElement(i.FeedbackText,{variant:o},a)))};function x(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var D=function(e){return r.useMemo((function(){return e.map((function(e){return"string"==typeof e?{value:e,label:e}:"value"in e?e:function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?x(Object(n),!0).forEach((function(t){o(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):x(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},e,{value:e.label})}))}),[e])};function I(e,t){var n;return function(){for(var r=arguments.length,a=new Array(r),o=0;o<r;o++)a[o]=arguments[o];clearTimeout(n),n=setTimeout((function(){return e.apply(void 0,a)}),t)}}var _=function(){var e=r.useRef(!0);return r.useEffect((function(){return function(){e.current=!1}}),[]),e.current},q=function(e,t){switch(t.type){case"request results":return{items:[],loading:!0};case"received results":return{items:t.payload,loading:!1}}},C=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:250,n="function"==typeof e,a=r.useMemo((function(){return n?e:function(){return Promise.resolve(e)}}),[e,n]),o=r.useReducer(q,{items:n?[]:e,loading:!1}),i=b(o,2),l=i[0],c=l.items,s=l.loading,u=i[1],m=_(),f=r.useCallback(function(){var e=p(d.mark((function e(t){var n;return d.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(m){e.next=2;break}return e.abrupt("return");case 2:return u({type:"request results"}),e.next=5,a(t);case 5:n=e.sent,m&&u({type:"received results",payload:n});case 7:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),[a,m]),g=D(c);return r.useEffect((function(){n&&f("")}),[n,f]),{items:g,loading:!!n&&s,fetchItems:I(f,t)}};t.warnAboutMissingStyles("dropdown","form","a11y"),exports.Dropdown=function(e){var t=e.debounceTimeout,a=e.disabled,o=e.feedback,i=e.items,c=e.label,s=e.loadingText,u=e.onChange,d=void 0===u?function(){}:u,p=e.placeholder,b=e.prepend,m=e.readOnly,g=e.searchable,O=e.selectOnTab,y=e.openOnFocus,v=e.variant,h=e.value,j=e.className,w=n(e,["debounceTimeout","disabled","feedback","items","label","loadingText","onChange","placeholder","prepend","readOnly","searchable","selectOnTab","openOnFocus","variant","value","className"]),E=C(i,t),T=E.items,x=E.loading,D=E.fetchItems,I=T.find((function(e){return h===e.value})),_=g?N:P;return r.createElement(f,Object.assign({initialSelectedItem:I,onInputValueChange:D,onChange:d},w),r.createElement(k,{className:l(j),label:c,feedback:o,variant:v},r.createElement(_,{items:T,loading:x,loadingText:s,disabled:a,readOnly:m,placeholder:p,prepend:b,selectOnTab:O,openOnFocus:y})))},exports.NativeDropdown=function(e){var t=e.className,a=e.disabled,o=void 0!==a&&a,l=e.readOnly,s=void 0!==l&&l,u=e.items,d=e.loadingText,p=e.prepend,b=e.style,m=e.label,f=e.variant,g=e.feedback,O=n(e,["className","disabled","readOnly","items","loadingText","prepend","style","label","variant","feedback"]),y=C(u),v=y.items,j=y.loading,w=r.createElement(c.DownArrowIcon,{inline:!0});return o||s?w=null:j&&(w=r.createElement(h,null,d)),r.createElement(i.InputGroup,{label:m,feedback:g,variant:f},r.createElement(i.BaseFormControl,{dark:!0,disabled:o,readOnly:s,prepend:p,append:w,className:t,style:b},r.createElement("select",Object.assign({"aria-invalid":"error"===f,className:"eds-form-control eds-dropdown",disabled:o||s},O),v.map((function(e){return r.createElement("option",{key:e.value,value:e.value},e.label)})))))};
 //# sourceMappingURL=dropdown.cjs.production.min.js.map

dist/dropdown.esm.js

@@ -344,3 +344,4 @@ import { warnAboutMissingStyles } from '@entur/utils';
       feedback = _ref.feedback,
-      variant = _ref.variant;
+      variant = _ref.variant,
+      className = _ref.className;
 
@@ -352,2 +353,4 @@ var _useDownshift = useDownshift(),
     variant: variant
+  }, React.createElement("div", {
+    className: classNames(className)
   }, label && React.createElement(Label, Object.assign({}, getLabelProps(), {
@@ -359,3 +362,3 @@ style: {
     variant: variant
-  }, feedback));
+  }, feedback)));
 };
@@ -564,3 +567,4 @@
       value = _ref.value,
-      rest = _objectWithoutProperties(_ref, ["debounceTimeout", "disabled", "feedback", "items", "label", "loadingText", "onChange", "placeholder", "prepend", "readOnly", "searchable", "selectOnTab", "openOnFocus", "variant", "value"]);
+      className = _ref.className,
+      rest = _objectWithoutProperties(_ref, ["debounceTimeout", "disabled", "feedback", "items", "label", "loadingText", "onChange", "placeholder", "prepend", "readOnly", "searchable", "selectOnTab", "openOnFocus", "variant", "value", "className"]);
 
@@ -581,2 +585,3 @@ var _useResolvedItems = useResolvedItems(items, debounceTimeout),
   }, rest), React.createElement(DropdownInputGroup, {
+    className: classNames(className),
     label: label,
@@ -583,0 +588,0 @@ feedback: feedback,

dist/index.d.ts

@@ -33,2 +33,3 @@ /// <reference types="react" />
     debounceTimeout?: number;
+    className?: string;
     [key: string]: any;
@@ -35,0 +36,0 @@ };

package.json

 {
   "name": "@entur/dropdown",
-  "version": "0.4.2",
+  "version": "0.5.0",
   "license": "EUPL-1.2",
@@ -31,3 +31,3 @@ "main": "dist/index.js",
     "@entur/a11y": "^0.2.6",
-    "@entur/form": "^2.1.1",
+    "@entur/form": "^2.2.0",
     "@entur/tokens": "^1.1.1",
@@ -38,3 +38,3 @@ "@entur/utils": "^0.2.0",
   },
-  "gitHead": "a3e6403fb40b6400fe24cf22b47c00495740a940"
+  "gitHead": "d98c006a718940d977702d68dc23154b8c0676f8"
 }

New alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

174341

increased by1.27%

Lines of code

1368

increased by0.81%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• Updated@entur/form@^2.2.0