@decisiv/ui-components 2.0.1-alpha.213 → 2.0.1-alpha.214

package/lib/components/DropdownList/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownList/index.tsx"],"names":[],"mappings":";AAgBA,OAAO,EACL,QAAQ,IAAI,YAAY,EACxB,MAAM,IAAI,UAAU,EAErB,MAAM,+BAA+B,CAAC;AAEvC,OAAO,KAAK,EAAE,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAIlD,OAAO,EACL,YAAY,IAAI,oBAAoB,EACpC,gBAAgB,EAChB,MAAM,IAAI,kBAAkB,EAC5B,KAAK,IAAI,iBAAiB,GAC3B,CAAC;AAEF,oBAAY,KAAK,GAAG,gBAAgB,EAAE,CAAC;AACvC,oBAAY,QAAQ,GAAG,YAAY,CAAC;AACpC,oBAAY,MAAM,GAAG,UAAU,CAAC;AAEhC,iBAAS,YAAY,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CA+L/C;kBA/LQ,YAAY;;;;;;;;AAuNrB,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownList/index.tsx"],"names":[],"mappings":";AAgBA,OAAO,EACL,QAAQ,IAAI,YAAY,EACxB,MAAM,IAAI,UAAU,EAErB,MAAM,+BAA+B,CAAC;AAEvC,OAAO,KAAK,EAAE,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAIlD,OAAO,EACL,YAAY,IAAI,oBAAoB,EACpC,gBAAgB,EAChB,MAAM,IAAI,kBAAkB,EAC5B,KAAK,IAAI,iBAAiB,GAC3B,CAAC;AAEF,oBAAY,KAAK,GAAG,gBAAgB,EAAE,CAAC;AACvC,oBAAY,QAAQ,GAAG,YAAY,CAAC;AACpC,oBAAY,MAAM,GAAG,UAAU,CAAC;AAEhC,iBAAS,YAAY,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CA0M/C;kBA1MQ,YAAY;;;;;;;;AAkOrB,eAAe,YAAY,CAAC"}

package/lib/components/DropdownList/index.js

@@ -95,7 +95,8 @@ function DropdownList(props) {
       maxHeight = props.maxHeight,
       maxWidth = props.maxWidth,
       minWidth = props.minWidth,
-      rest = _objectWithoutProperties(props, ["actions", "borderRadius", "containerSelector", "defaultSelectedIds", "defaultVisible", "defaultFooter", "focusOnShowing", "listRef", "onChange", "onHide", "onShow", "placement", "selectedIds", "showArrow", "target", "visible", "zIndex", "PanelComponent", "maxHeight", "maxWidth", "minWidth"]); // Use a ref callback to get more control over re-rendering when a ref is stored.
+      multiple = props.multiple,
+      rest = _objectWithoutProperties(props, ["actions", "borderRadius", "containerSelector", "defaultSelectedIds", "defaultVisible", "defaultFooter", "focusOnShowing", "listRef", "onChange", "onHide", "onShow", "placement", "selectedIds", "showArrow", "target", "visible", "zIndex", "PanelComponent", "maxHeight", "maxWidth", "minWidth", "multiple"]); // Use a ref callback to get more control over re-rendering when a ref is stored.
   // Specifically, the scroll to selected item on first render of dropdown requires this.
 
 
@@ -159,7 +160,12 @@ function DropdownList(props) {
   var handleOnChange = (0, _react.useCallback)(function (selection) {
     onChange && onChange(Array.isArray(selection) ? selection : [selection]);
     defaultFooter && setSelected(selection) && setSaved(selection);
-  }, [onChange, setSelected, setSaved, defaultFooter]);
+
+    if (!multiple) {
+      setShowing(false);
+      popRef && popRef.current && popRef.current.hide() && popRef.current.targetNode && popRef.current.targetNode.focus();
+    }
+  }, [onChange, setSelected, setSaved, defaultFooter, setShowing]);
   var handleOnApply = (0, _react.useCallback)(function () {
     setSaved(selected);
     popRef && popRef.current && popRef.current.hide();
@@ -227,7 +233,8 @@ function DropdownList(props) {
     onKeyDown: onKeyDown,
     maxHeight: maxHeight,
     maxWidth: maxWidth,
-    minWidth: minWidth
+    minWidth: minWidth,
+    multiple: multiple
   }, rest)))));
 }
 

package/lib/components/DropdownList/index.test.js

@@ -199,7 +199,7 @@ describe('DropdownList', function () {
         expect(onChange).toHaveBeenCalledWith([item0Id]);
         expect(baseElement).toMatchSnapshot();
       });
-      it('does not automatically hide the options', function () {
+      it('automatically hide the options', function () {
         var _render7 = render(_react.default.createElement(_.default, defaultProps)),
             baseElement = _render7.baseElement,
             getByText = _render7.getByText;
@@ -208,38 +208,19 @@ describe('DropdownList', function () {
 
         _react2.fireEvent.click((0, _react2.getByText)(baseElement, item0Label));
 
-        expect((0, _react2.queryByText)(baseElement, item0Label)).toBeTruthy();
-      });
-      it('does not allow multiple selections', function () {
-        var onChange = jest.fn();
-
-        var _render8 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
-          onChange: onChange
-        }))),
-            baseElement = _render8.baseElement,
-            getByText = _render8.getByText;
-
-        _react2.fireEvent.click(getByText(targetButtonText));
-
-        _react2.fireEvent.click((0, _react2.getByText)(baseElement, item0Label));
-
-        expect(onChange).toHaveBeenCalledWith([item0Id]);
-
-        _react2.fireEvent.click((0, _react2.getByText)(baseElement, item2Label));
-
-        expect(onChange).toHaveBeenCalledWith([item2Id]);
+        expect((0, _react2.queryByText)(baseElement, item0Label)).toBeFalsy();
       });
     });
     describe('multiple options', function () {
       it('calls the onChange prop with the selection ids', function () {
         var onChange = jest.fn();
 
-        var _render9 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
+        var _render8 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
           onChange: onChange,
           multiple: true
         }))),
-            baseElement = _render9.baseElement,
-            getByText = _render9.getByText;
+            baseElement = _render8.baseElement,
+            getByText = _render8.getByText;
 
         _react2.fireEvent.click(getByText(targetButtonText));
 
@@ -251,11 +232,11 @@ describe('DropdownList', function () {
         expect(baseElement).toMatchSnapshot();
       });
       it('does not automatically hide the options', function () {
-        var _render10 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
+        var _render9 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
           multiple: true
         }))),
-            baseElement = _render10.baseElement,
-            getByText = _render10.getByText;
+            baseElement = _render9.baseElement,
+            getByText = _render9.getByText;
 
         _react2.fireEvent.click(getByText(targetButtonText));
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@decisiv/ui-components",
-  "version": "2.0.1-alpha.213+efaad97",
+  "version": "2.0.1-alpha.214+896898c",
   "description": "Decisiv's design system React components",
   "author": "Decisiv UI Development Team",
   "license": "MIT",
@@ -71,5 +71,5 @@
     "access": "public"
   },
   "private": false,
-  "gitHead": "efaad97908f3df65c4b151668dd96147235f946f"
+  "gitHead": "896898ccffaece0ac325ee1b11376d0f011b5f93"
 }