@decisiv/ui-components 2.0.1-alpha.8 → 2.0.1-alpha.82

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

@@ -183,12 +183,34 @@ describe('Select', function () {
       });
     });
   });
+  describe('when label hidden', function () {
+    it('does not display the label element', function () {
+      var _render7 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
+        defaultvalue: opt1.id,
+        hideLabel: true
+      }))),
+          getByText = _render7.getByText;
+
+      expect(getByText(defaultProps.label, {
+        selector: 'span'
+      })).not.toBeVisible();
+    });
+    it('does display the input related to the label', function () {
+      var _render8 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
+        defaultValue: opt1.id,
+        hideLabel: true
+      }))),
+          getByLabelText = _render8.getByLabelText;
+
+      expect(getByLabelText(defaultProps.label)).toBeVisible();
+    });
+  });
   describe('when component is controlled', function () {
     it('displays the option label matching the value inside the input field', function () {
-      var _render7 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
+      var _render9 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
         value: cat0Opt0.id
       }))),
-          getByText = _render7.getByText;
+          getByText = _render9.getByText;
 
       expect(getByText(cat0Opt0.label)).toBeTruthy();
     });
@@ -196,12 +218,12 @@ describe('Select', function () {
       it('calls the onchange handler with the new value', function () {
         var onChange = jest.fn();
 
-        var _render8 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
+        var _render10 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
           onChange: onChange,
           value: opt1.id
         }))),
-            baseElement = _render8.baseElement,
-            getByText = _render8.getByText;
+            baseElement = _render10.baseElement,
+            getByText = _render10.getByText;
 
         _react2.fireEvent.click(getByText(defaultProps.label));
 
@@ -210,12 +232,12 @@ describe('Select', function () {
         expect(onChange).toHaveBeenCalledWith(cat0Opt0.id);
       });
       it('does NOT automatically update the option label inside the input field', function () {
-        var _render9 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
+        var _render11 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
           value: opt1.id
         }))),
-            baseElement = _render9.baseElement,
-            getByText = _render9.getByText,
-            queryByText = _render9.queryByText;
+            baseElement = _render11.baseElement,
+            getByText = _render11.getByText,
+            queryByText = _render11.queryByText;
 
         _react2.fireEvent.click(getByText(defaultProps.label));
 

package/lib/components/Select/schema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/components/Select/schema.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,MAAM,KAAsC,CAAC;AA4CnD,eAAe,MAAM,CAAC"}
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/components/Select/schema.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,MAAM,KAAsC,CAAC;AAwDnD,eAAe,MAAM,CAAC"}

package/lib/components/Select/schema.js

@@ -25,6 +25,10 @@ var schema = (0, _reactDesc.describe)({
 schema.propTypes = _objectSpread({}, (0, _omit.default)(_InputField.schema.makePropTypes(), ['children', 'maxLength', 'onChange', 'showCharacterCount']), {
   clearButtonLabel: _reactDesc.PropTypes.string.description("A hidden label value for the clear button. The select component's label is available within the string for clarity.").defaultValue('Clear {label} value'),
   defaultValue: _reactDesc.PropTypes.string.description('The ID of the option that should be selected by default.'),
+  actions: _reactDesc.PropTypes.oneOfType([_reactDesc.PropTypes.arrayOf(_reactDesc.PropTypes.object), _reactDesc.PropTypes.shape({
+    left: _reactDesc.PropTypes.arrayOf(_reactDesc.PropTypes.object),
+    right: _reactDesc.PropTypes.arrayOf(_reactDesc.PropTypes.object)
+  })]).description('A collection of objects, each containing a subset of props valid for a Button component. Check the notes on the OptionsList.'),
   onChange: _reactDesc.PropTypes.func.description(''),
   options: _reactDesc.PropTypes.arrayOf(_reactDesc.PropTypes.shape({
     decoration: _reactDesc.PropTypes.shape({
@@ -35,6 +39,7 @@ schema.propTypes = _objectSpread({}, (0, _omit.default)(_InputField.schema.makeP
     label: _reactDesc.PropTypes.string.description('The label text for an option in the dropdown list.'),
     value: _reactDesc.PropTypes.string.description('The value for an option in the dropdown list.')
   })).description('The array of data for the options that will be rendered').isRequired,
+  renderOptionLabel: _reactDesc.PropTypes.func.description('Function to customize render of option labels, called with the item value'),
   value: _reactDesc.PropTypes.string.description('The ID of the option that is selected. If provided, controlling the Select must be handled externally. Overrides `defaultValue`.'),
   zIndex: _reactDesc.PropTypes.number.description('Sets the z-index style property of the options list')
 });

package/lib/components/Select/types.d.ts

@@ -1,9 +1,10 @@
 import { ButtonHTMLAttributes, FocusEventHandler, KeyboardEventHandler, MouseEventHandler } from 'react';
 import { BaseInputFieldProps, InputComponentProps } from '../../atoms/InputField';
+import { OptionsListProps } from '../../atoms/OptionsList/types';
 import { Items } from '../DropdownList';
 import { PopoverProps } from '../Popover/types';
 export declare type SelectRef = HTMLButtonElement;
-interface BaseSelectProps extends ButtonHTMLAttributes<SelectRef>, Omit<BaseInputFieldProps, 'children' | 'maxLength' | 'onChange' | 'showCharacterCount' | 'value'> {
+interface BaseSelectProps extends ButtonHTMLAttributes<SelectRef>, Omit<BaseInputFieldProps, 'children' | 'maxLength' | 'onChange' | 'showCharacterCount' | 'value'>, Pick<OptionsListProps, 'actions' | 'renderOptionLabel'> {
     onBlur?: FocusEventHandler;
     onClick?: MouseEventHandler;
     onFocus?: FocusEventHandler;

package/lib/components/Select/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Select/types.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,iBAAiB,EACjB,oBAAoB,EACpB,iBAAiB,EAClB,MAAM,OAAO,CAAC;AAEf,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,oBAAY,SAAS,GAAG,iBAAiB,CAAC;AAE1C,UAAU,eACR,SAAQ,oBAAoB,CAAC,SAAS,CAAC,EACrC,IAAI,CACF,mBAAmB,EACnB,UAAU,GAAG,WAAW,GAAG,UAAU,GAAG,oBAAoB,GAAG,OAAO,CACvE;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,SAAS,CAAC,EAAE,oBAAoB,CAAC;CAClC;AAED,oBAAY,WAAW,GAAG,eAAe,GAAG;IAC1C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,EAAE,KAAK,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC;CACjC,CAAC;AAEF,MAAM,WAAW,WACf,SAAQ,oBAAoB,CAAC,SAAS,CAAC,EACrC,IAAI,CACF,mBAAmB,EACnB,UAAU,GAAG,IAAI,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,GAAG,KAAK,GAAG,OAAO,CACxE;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,MAAM,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IACtC,OAAO,CAAC,EAAE,CAAC,WAAW,CAAC,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC3C,OAAO,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAC;CACzC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Select/types.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,iBAAiB,EACjB,oBAAoB,EACpB,iBAAiB,EAClB,MAAM,OAAO,CAAC;AAEf,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,oBAAY,SAAS,GAAG,iBAAiB,CAAC;AAE1C,UAAU,eACR,SAAQ,oBAAoB,CAAC,SAAS,CAAC,EACrC,IAAI,CACF,mBAAmB,EACnB,UAAU,GAAG,WAAW,GAAG,UAAU,GAAG,oBAAoB,GAAG,OAAO,CACvE,EACD,IAAI,CAAC,gBAAgB,EAAE,SAAS,GAAG,mBAAmB,CAAC;IACzD,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,SAAS,CAAC,EAAE,oBAAoB,CAAC;CAClC;AAED,oBAAY,WAAW,GAAG,eAAe,GAAG;IAC1C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,EAAE,KAAK,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC;CACjC,CAAC;AAEF,MAAM,WAAW,WACf,SAAQ,oBAAoB,CAAC,SAAS,CAAC,EACrC,IAAI,CACF,mBAAmB,EACnB,UAAU,GAAG,IAAI,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,GAAG,KAAK,GAAG,OAAO,CACxE;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,MAAM,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IACtC,OAAO,CAAC,EAAE,CAAC,WAAW,CAAC,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC3C,OAAO,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAC;CACzC"}

package/lib/components/SelectDate/Target.js

@@ -48,7 +48,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 var TargetContainer = _styledComponents.default.div.withConfig({
   displayName: "Target__TargetContainer",
   componentId: "ks9oxf-0"
-})(["align-items:center;display:flex;justify-content:space-between;position:relative;top:-4px;width:100%;"]);
+})(["align-items:center;display:flex;justify-content:space-between;position:relative;top:-2px;width:100%;"]);
 
 var TargetButton = (0, _styledComponents.default)(_BaseButton.default).withConfig({
   displayName: "Target__TargetButton",

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

@@ -82,16 +82,36 @@ describe('SelectDate', function () {
 
     expect(queryByText(defaultProps.label)).toBeInTheDocument();
   });
+  describe('when label is hidden', function () {
+    it('does not display the label element', function () {
+      var _render2 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
+        hideLabel: true
+      }))),
+          getByText = _render2.getByText;
+
+      expect(getByText(defaultProps.label, {
+        selector: 'span'
+      })).not.toBeVisible();
+    });
+    it('does display the input related to the label', function () {
+      var _render3 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
+        hideLabel: true
+      }))),
+          getByLabelText = _render3.getByLabelText;
+
+      expect(getByLabelText(defaultProps.label)).toBeVisible();
+    });
+  });
   it('renders the calendar icon', function () {
     var _rtlRender = (0, _react2.render)(_react.default.createElement(_Calendar.default, null)),
         iconContainer = _rtlRender.container;
 
     var iconPathD = iconContainer.querySelector('svg path').getAttribute('d');
 
-    var _render2 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
+    var _render4 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
       icon: _Calendar.default
     }))),
-        container = _render2.container; // There will be other icons rendered as well, like the expanded indicator.
+        container = _render4.container; // There will be other icons rendered as well, like the expanded indicator.
     // The Calendar icon should be first in the render tree.
 
 
@@ -104,8 +124,8 @@ describe('SelectDate', function () {
 
     var iconPathD = iconContainer.querySelector('svg path').getAttribute('d');
 
-    var _render3 = render(_react.default.createElement(_.default, defaultProps)),
-        container = _render3.container; // With no value rendered and no icon prop provided, the expanded indicator
+    var _render5 = render(_react.default.createElement(_.default, defaultProps)),
+        container = _render5.container; // With no value rendered and no icon prop provided, the expanded indicator
     // will be first in the render tree.
 
 
@@ -119,10 +139,10 @@ describe('SelectDate', function () {
 
       var iconPathD = iconContainer.querySelector('svg path').getAttribute('d');
 
-      var _render4 = render(_react.default.createElement(_.default, defaultProps)),
-          baseElement = _render4.baseElement,
-          container = _render4.container,
-          queryByText = _render4.queryByText;
+      var _render6 = render(_react.default.createElement(_.default, defaultProps)),
+          baseElement = _render6.baseElement,
+          container = _render6.container,
+          queryByText = _render6.queryByText;
 
       expect((0, _react2.queryByText)(baseElement, /today/i)).not.toBeInTheDocument();
       var label = queryByText(defaultProps.label);
@@ -136,9 +156,9 @@ describe('SelectDate', function () {
   });
   describe('when clicking the InputField value button', function () {
     it('opens a popover with the calendar', function () {
-      var _render5 = render(_react.default.createElement(_.default, defaultProps)),
-          baseElement = _render5.baseElement,
-          queryByLabelText = _render5.queryByLabelText;
+      var _render7 = render(_react.default.createElement(_.default, defaultProps)),
+          baseElement = _render7.baseElement,
+          queryByLabelText = _render7.queryByLabelText;
 
       expect((0, _react2.queryByText)(baseElement, /today/i)).not.toBeInTheDocument();
       var valueButton = queryByLabelText(defaultProps.label);
@@ -150,9 +170,9 @@ describe('SelectDate', function () {
   });
   describe('when the calendar popover is open', function () {
     it('renders the calendar', function () {
-      var _render6 = render(_react.default.createElement(_.default, defaultProps)),
-          baseElement = _render6.baseElement,
-          queryByText = _render6.queryByText;
+      var _render8 = render(_react.default.createElement(_.default, defaultProps)),
+          baseElement = _render8.baseElement,
+          queryByText = _render8.queryByText;
 
       var today = new Date();
       var lastDateInMonth = new Date(today.getFullYear(), today.getMonth() + 1, 0);
@@ -196,9 +216,9 @@ describe('SelectDate', function () {
       }
     });
     it('renders a clear button inside the popover', function () {
-      var _render7 = render(_react.default.createElement(_.default, defaultProps)),
-          baseElement = _render7.baseElement,
-          queryByLabelText = _render7.queryByLabelText;
+      var _render9 = render(_react.default.createElement(_.default, defaultProps)),
+          baseElement = _render9.baseElement,
+          queryByLabelText = _render9.queryByLabelText;
 
       _react2.fireEvent.click(queryByLabelText(defaultProps.label));
 
@@ -206,9 +226,9 @@ describe('SelectDate', function () {
     });
     describe('when navigating with the calendar controls', function () {
       it('does NOT close the popover after each click', function () {
-        var _render8 = render(_react.default.createElement(_.default, defaultProps)),
-            baseElement = _render8.baseElement,
-            queryByText = _render8.queryByText; // open the calendar popover
+        var _render10 = render(_react.default.createElement(_.default, defaultProps)),
+            baseElement = _render10.baseElement,
+            queryByText = _render10.queryByText; // open the calendar popover
 
 
         _react2.fireEvent.click(queryByText(defaultProps.label)); // the "today" button is a part of the calendar controls
@@ -235,11 +255,11 @@ describe('SelectDate', function () {
       it('closes the popover after click', function () {
         var today = new Date();
 
-        var _render9 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
+        var _render11 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
           defaultValue: today
         }))),
-            baseElement = _render9.baseElement,
-            queryByLabelText = _render9.queryByLabelText;
+            baseElement = _render11.baseElement,
+            queryByLabelText = _render11.queryByLabelText;
 
         _react2.fireEvent.click(queryByLabelText(defaultProps.label));
 
@@ -253,12 +273,12 @@ describe('SelectDate', function () {
         var onChange = jest.fn();
         var today = new Date();
 
-        var _render10 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
+        var _render12 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
           defaultValue: today,
           onChange: onChange
         }))),
-            baseElement = _render10.baseElement,
-            queryByLabelText = _render10.queryByLabelText;
+            baseElement = _render12.baseElement,
+            queryByLabelText = _render12.queryByLabelText;
 
         _react2.fireEvent.click(queryByLabelText(defaultProps.label));
 
@@ -274,9 +294,9 @@ describe('SelectDate', function () {
       it('renders the date in the correct format', function () {
         var today = new Date();
 
-        var _render11 = render(_react.default.createElement(_.default, defaultProps)),
-            baseElement = _render11.baseElement,
-            queryByLabelText = _render11.queryByLabelText;
+        var _render13 = render(_react.default.createElement(_.default, defaultProps)),
+            baseElement = _render13.baseElement,
+            queryByLabelText = _render13.queryByLabelText;
 
         _react2.fireEvent.click(queryByLabelText(defaultProps.label));
 
@@ -291,9 +311,9 @@ describe('SelectDate', function () {
       it('closes the calendar popover', function () {
         var today = new Date();
 
-        var _render12 = render(_react.default.createElement(_.default, defaultProps)),
-            baseElement = _render12.baseElement,
-            queryByLabelText = _render12.queryByLabelText;
+        var _render14 = render(_react.default.createElement(_.default, defaultProps)),
+            baseElement = _render14.baseElement,
+            queryByLabelText = _render14.queryByLabelText;
 
         _react2.fireEvent.click(queryByLabelText(defaultProps.label));
 
@@ -309,11 +329,11 @@ describe('SelectDate', function () {
         var onChange = jest.fn();
         var today = new Date();
 
-        var _render13 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
+        var _render15 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
           onChange: onChange
         }))),
-            baseElement = _render13.baseElement,
-            queryByLabelText = _render13.queryByLabelText;
+            baseElement = _render15.baseElement,
+            queryByLabelText = _render15.queryByLabelText;
 
         _react2.fireEvent.click(queryByLabelText(defaultProps.label));
 
@@ -335,10 +355,10 @@ describe('SelectDate', function () {
       var iconPathD = iconContainer.querySelector('svg path').getAttribute('d');
       var value = new Date();
 
-      var _render14 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
+      var _render16 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
         value: value
       }))),
-          container = _render14.container;
+          container = _render16.container;
 
       var clearButtonIconPathD = container.querySelectorAll('svg path')[0].getAttribute('d');
       expect(clearButtonIconPathD).toEqual(iconPathD);
@@ -346,10 +366,10 @@ describe('SelectDate', function () {
     it('renders the date in the correct format', function () {
       var value = new Date();
 
-      var _render15 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
+      var _render17 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
         value: value
       }))),
-          queryByLabelText = _render15.queryByLabelText;
+          queryByLabelText = _render17.queryByLabelText;
 
       expect(queryByLabelText(defaultProps.label)).toHaveTextContent(formatDate(value));
     });
@@ -357,13 +377,13 @@ describe('SelectDate', function () {
       var onChange = jest.fn();
       var value = new Date();
 
-      var _render16 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
+      var _render18 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
         onChange: onChange,
         value: value
       }))),
-          baseElement = _render16.baseElement,
-          rerender = _render16.rerender,
-          queryByLabelText = _render16.queryByLabelText;
+          baseElement = _render18.baseElement,
+          rerender = _render18.rerender,
+          queryByLabelText = _render18.queryByLabelText;
 
       _react2.fireEvent.click(queryByLabelText(defaultProps.label));
 
@@ -387,12 +407,12 @@ describe('SelectDate', function () {
         var onChange = jest.fn();
         var value = new Date();
 
-        var _render17 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
+        var _render19 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
           onChange: onChange,
           value: value
         }))),
-            baseElement = _render17.baseElement,
-            queryByLabelText = _render17.queryByLabelText;
+            baseElement = _render19.baseElement,
+            queryByLabelText = _render19.queryByLabelText;
 
         _react2.fireEvent.click(queryByLabelText(defaultProps.label));
 
@@ -407,10 +427,10 @@ describe('SelectDate', function () {
     it('initializes with the default value', function () {
       var value = new Date();
 
-      var _render18 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
+      var _render20 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
         defaultValue: value
       }))),
-          queryByLabelText = _render18.queryByLabelText;
+          queryByLabelText = _render20.queryByLabelText;
 
       expect(queryByLabelText(defaultProps.label)).toHaveTextContent(formatDate(value));
     });
@@ -418,12 +438,12 @@ describe('SelectDate', function () {
       var onChange = jest.fn();
       var value = new Date();
 
-      var _render19 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
+      var _render21 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
         onChange: onChange,
         defaultValue: value
       }))),
-          baseElement = _render19.baseElement,
-          queryByLabelText = _render19.queryByLabelText;
+          baseElement = _render21.baseElement,
+          queryByLabelText = _render21.queryByLabelText;
 
       _react2.fireEvent.click(queryByLabelText(defaultProps.label));