@dhis2-ui/select 9.11.0 → 9.11.1-beta.10

package/build/cjs/select/select.js

@@ -4,139 +4,116 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Select = void 0;
-
 var _uiConstants = require("@dhis2/ui-constants");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _debounce = require("./debounce/debounce.js");
-
 var _inputWrapper = require("./input-wrapper.js");
-
 var _menuWrapper = require("./menu-wrapper.js");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 // Keycodes for the keypress event handlers
 const ESCAPE_KEY = 27;
 const SPACE_KEY = 32;
 const UP_KEY = 38;
 const DOWN_KEY = 40;
-
 class Select extends _react.Component {
   constructor() {
     super(...arguments);
-
     _defineProperty(this, "state", {
       open: false,
       menuWidth: 'auto'
     });
-
     _defineProperty(this, "selectRef", /*#__PURE__*/_react.default.createRef());
-
     _defineProperty(this, "inputRef", /*#__PURE__*/_react.default.createRef());
-
+    /**
+     * We're debouncing this so it doesn't fire continually during a resize.
+     *
+     * Additionally we should use requestPostAnimationFrame to not trigger a forced
+     * layout, but that's just a proposal, and the added complexity of solving this
+     * in another manner does not seem worth it, considering the minor perf penalty.
+     *
+     * See: https://nolanlawson.com/2018/09/25/accurately-measuring-layout-on-the-web
+     */
     _defineProperty(this, "onResize", (0, _debounce.debounce)(() => {
       const menuWidth = this.getMenuWidth();
-
       if (this.state.menuWidth !== menuWidth) {
         this.setState({
           menuWidth
         });
       }
     }, 50));
-
     _defineProperty(this, "handleFocusInput", () => {
       this.inputRef.current.focus();
     });
-
     _defineProperty(this, "onFocus", e => {
       const {
         onFocus,
         disabled,
         selected
       } = this.props;
-
       if (disabled || !onFocus) {
         return;
       }
-
       onFocus({
         selected
       }, e);
     });
-
     _defineProperty(this, "handleOpen", () => {
       this.setState({
         open: true,
         menuWidth: this.getMenuWidth()
       });
     });
-
     _defineProperty(this, "handleClose", () => {
       this.setState({
         open: false
       });
     });
-
     _defineProperty(this, "onToggle", e => {
       if (this.props.disabled) {
         return;
       }
-
       e.stopPropagation();
       this.state.open ? this.handleClose() : this.handleOpen();
     });
-
     _defineProperty(this, "onOutsideClick", e => {
       const {
         onBlur,
         disabled,
         selected
       } = this.props;
-
       if (disabled) {
         return;
       }
-
       this.handleClose();
-
       if (onBlur) {
         onBlur({
           selected
         }, e);
       }
     });
-
     _defineProperty(this, "onKeyDown", e => {
       const {
         onKeyDown,
         disabled,
         selected
       } = this.props;
-
       if (disabled) {
         return;
       }
-
       if (onKeyDown) {
         onKeyDown({
           selected
         }, e);
       }
-
       if (e.defaultPrevented) {
         return;
       }
-
       e.stopPropagation();
       const {
         open
@@ -146,42 +123,26 @@ class Select extends _react.Component {
       } = e;
       const shouldOpen = !open && (keyCode === SPACE_KEY || keyCode === UP_KEY || keyCode === DOWN_KEY);
       const shouldClose = open && keyCode === ESCAPE_KEY;
-
       if (shouldClose) {
         return this.handleClose();
       }
-
       if (shouldOpen) {
         return this.handleOpen();
       }
     });
   }
-
   componentDidMount() {
     if (this.props.initialFocus) {
       this.inputRef.current.focus();
     }
-
     this.setState({
       menuWidth: this.getMenuWidth()
     });
     window.addEventListener('resize', this.onResize);
   }
-
   componentWillUnmount() {
     window.removeEventListener('resize', this.onResize);
   }
-  /**
-   * We're debouncing this so it doesn't fire continually during a resize.
-   *
-   * Additionally we should use requestPostAnimationFrame to not trigger a forced
-   * layout, but that's just a proposal, and the added complexity of solving this
-   * in another manner does not seem worth it, considering the minor perf penalty.
-   *
-   * See: https://nolanlawson.com/2018/09/25/accurately-measuring-layout-on-the-web
-   */
-
-
   getMenuWidth() {
     const {
       offsetWidth
@@ -189,14 +150,11 @@ class Select extends _react.Component {
     const {
       menuWidth
     } = this.state;
-
-    if (offsetWidth && "".concat(offsetWidth, "px") !== menuWidth) {
-      return "".concat(offsetWidth, "px");
+    if (offsetWidth && `${offsetWidth}px` !== menuWidth) {
+      return `${offsetWidth}px`;
     }
-
     return menuWidth;
   }
-
   render() {
     const {
       open,
@@ -215,18 +173,18 @@ class Select extends _react.Component {
       disabled,
       dense,
       dataTest
-    } = this.props; // Create the input
+    } = this.props;
 
+    // Create the input
     const inputProps = {
       selected,
       onChange,
       options: children,
       disabled
     };
+    const input = /*#__PURE__*/_react.default.cloneElement(this.props.input, inputProps);
 
-    const input = /*#__PURE__*/_react.default.cloneElement(this.props.input, inputProps); // Create the menu
-
-
+    // Create the menu
     const menuProps = {
       selected,
       onChange,
@@ -234,9 +192,7 @@ class Select extends _react.Component {
       handleClose: this.handleClose,
       handleFocusInput: this.handleFocusInput
     };
-
     const menu = /*#__PURE__*/_react.default.cloneElement(this.props.menu, menuProps);
-
     return /*#__PURE__*/_react.default.createElement("div", {
       className: className,
       ref: this.selectRef,
@@ -252,18 +208,16 @@ class Select extends _react.Component {
       valid: valid,
       disabled: disabled,
       dense: dense,
-      dataTest: "".concat(dataTest, "-input")
+      dataTest: `${dataTest}-input`
     }, input), open && /*#__PURE__*/_react.default.createElement(_menuWrapper.MenuWrapper, {
       onClick: this.onOutsideClick,
       maxHeight: maxHeight,
       selectRef: this.selectRef,
       menuWidth: menuWidth,
-      dataTest: "".concat(dataTest, "-menu")
+      dataTest: `${dataTest}-menu`
     }, menu));
   }
-
 }
-
 exports.Select = Select;
 Select.defaultProps = {
   dataTest: 'dhis2-uicore-select'

package/build/cjs/single-select/__tests__/selection.test.js

@@ -1,43 +1,38 @@
 "use strict";
 
 var _react = require("@testing-library/react");
-
 var _react2 = _interopRequireDefault(require("react"));
-
 var _index = require("../../single-select-option/index.js");
-
 var _selection = require("../selection.js");
-
 require("@testing-library/jest-dom");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 describe('<Selection />', () => {
   const env = process.env;
   beforeEach(() => {
     // Ensure process.env is also reset for cached modules
     jest.resetModules();
-    process.env = { ...env
-    }; // Allow spying on console.error and silence rendering errors
+    process.env = {
+      ...env
+    };
 
+    // Allow spying on console.error and silence rendering errors
     jest.spyOn(console, 'error').mockImplementation(() => {});
   });
   afterEach(() => {
     // Restore process.env to original state
-    process.env = env; // Restore all mocks back to original values
+    process.env = env;
 
+    // Restore all mocks back to original values
     jest.restoreAllMocks();
   });
   describe('production', () => {
     it('should not throw an error for a selection that is not in the options', () => {
       process.env.NODE_ENV = 'production';
-
       const options = /*#__PURE__*/_react2.default.createElement(_index.SingleSelectOption, {
         key: "1",
         label: "one",
         value: "1"
       });
-
       const selected = 'value';
       expect(() => {
         (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_selection.Selection, {
@@ -50,13 +45,11 @@ describe('<Selection />', () => {
     });
     it('should show the selection for a selection that is not in the options', () => {
       process.env.NODE_ENV = 'production';
-
       const options = /*#__PURE__*/_react2.default.createElement(_index.SingleSelectOption, {
         key: "1",
         label: "one",
         value: "1"
       });
-
       const selected = 'value';
       const {
         getByText
@@ -70,13 +63,11 @@ describe('<Selection />', () => {
     });
     it('log an error for a selection that is not in the options', () => {
       process.env.NODE_ENV = 'production';
-
       const options = /*#__PURE__*/_react2.default.createElement(_index.SingleSelectOption, {
         key: "1",
         label: "one",
         value: "1"
       });
-
       const selected = 'value';
       (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_selection.Selection, {
         selected: selected,
@@ -90,13 +81,11 @@ describe('<Selection />', () => {
   describe('not production', () => {
     it('should throw an error for a selection that is not in the options', () => {
       process.env.NODE_ENV = 'development';
-
       const options = /*#__PURE__*/_react2.default.createElement(_index.SingleSelectOption, {
         key: "1",
         label: "one",
         value: "1"
       });
-
       const selected = 'value';
       expect(() => {
         (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_selection.Selection, {

package/build/cjs/single-select/__tests__/single-select.test.js

@@ -1,13 +1,9 @@
 "use strict";
 
 var _react = require("@testing-library/react");
-
 var _react2 = _interopRequireDefault(require("react"));
-
 var _singleSelect = require("../single-select.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 describe('<SingleSelect />', () => {
   it('should call the onKeyDown callback when provided', () => {
     const onKeyDown = jest.fn();
@@ -15,13 +11,11 @@ describe('<SingleSelect />', () => {
       placeholder: "placeholder",
       onKeyDown: onKeyDown
     }));
-
     _react.fireEvent.keyDown(_react.screen.getByTestId('dhis2-uicore-singleselect-placeholder'), {
       key: 'Enter',
       code: 'Enter',
       charCode: 13
     });
-
     expect(onKeyDown).toHaveBeenCalledWith({
       selected: ''
     }, expect.objectContaining({}));

package/build/cjs/single-select/features/accepts_blur_cb/index.js

@@ -1,9 +1,8 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('a SingleSelect with onBlur handler is rendered', () => {
-  cy.visitStory('SingleSelect', 'With onBlur');
+  cy.visitStory('SingleSelect', 'With on blur');
 });
 (0, _cypressCucumberPreprocessor.Then)('the onBlur handler is called', () => {
   cy.window().should(win => {

package/build/cjs/single-select/features/accepts_focus_cb/index.js

@@ -1,9 +1,8 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('a SingleSelect with onFocus handler is rendered', () => {
-  cy.visitStory('SingleSelect', 'With onFocus');
+  cy.visitStory('SingleSelect', 'With on focus');
 });
 (0, _cypressCucumberPreprocessor.Then)('the onFocus handler is called', () => {
   cy.window().should(win => {

package/build/cjs/single-select/features/accepts_initial_focus/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('a SingleSelect with initial focus is rendered', () => {
-  cy.visitStory('SingleSelect', 'With initialFocus');
+  cy.visitStory('SingleSelect', 'With initial focus');
 });

package/build/cjs/single-select/features/accepts_loading/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('a SingleSelect with options and a loading flag is rendered', () => {
   cy.visitStory('SingleSelect', 'With options and loading');
 });

package/build/cjs/single-select/features/accepts_max_height/index.js

@@ -1,12 +1,11 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('a SingleSelect with more than ten options is rendered', () => {
   cy.visitStory('SingleSelect', 'With more than ten options');
 });
 (0, _cypressCucumberPreprocessor.Given)('a SingleSelect with more than three options and a 100px max-height is rendered', () => {
-  cy.visitStory('SingleSelect', 'With more than three options and a 100px max-height');
+  cy.visitStory('SingleSelect', 'With more than three options and a 100 px max-height');
 });
 (0, _cypressCucumberPreprocessor.Then)('has the default max-height', () => {
   cy.get('[data-test="dhis2-uicore-select-menu-menuwrapper"]').should('have.css', 'max-height', '280px');

package/build/cjs/single-select/features/accepts_placeholder/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('a SingleSelect with a placeholder and no selection is rendered', () => {
   cy.visitStory('SingleSelect', 'With placeholder');
 });

package/build/cjs/single-select/features/accepts_prefix/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('a SingleSelect with a prefix and no selection is rendered', () => {
   cy.visitStory('SingleSelect', 'With prefix');
 });

package/build/cjs/single-select/features/allows_invalid_options/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('a SingleSelect with invalid options is rendered', () => {
   cy.visitStory('SingleSelect', 'With invalid options');
 });

package/build/cjs/single-select/features/allows_selecting/index.js

@@ -1,12 +1,11 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('a SingleSelect with a disabled option and onChange handler is rendered', () => {
-  cy.visitStory('SingleSelect', 'With disabled option and onChange');
+  cy.visitStory('SingleSelect', 'With disabled option and on change');
 });
 (0, _cypressCucumberPreprocessor.Given)('a SingleSelect with custom options and onChange handler is rendered', () => {
-  cy.visitStory('SingleSelect', 'With custom options and onChange');
+  cy.visitStory('SingleSelect', 'With custom options and on change');
 });
 (0, _cypressCucumberPreprocessor.When)('an option is clicked', () => {
   cy.contains('option one').click();

package/build/cjs/single-select/features/can_be_cleared/index.js

@@ -1,9 +1,8 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('a clearable SingleSelect with a selection and onchange handler is rendered', () => {
-  cy.visitStory('SingleSelect', 'With clear button, selection and onChange');
+  cy.visitStory('SingleSelect', 'With clear button, selection and on change');
 });
 (0, _cypressCucumberPreprocessor.When)('the clear button is clicked', () => {
   cy.get('[data-test="dhis2-uicore-singleselect-clear"]').click();

package/build/cjs/single-select/features/can_be_disabled/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('a disabled SingleSelect with options is rendered', () => {
   cy.visitStory('SingleSelect', 'With options and disabled');
 });

package/build/cjs/single-select/features/can_be_empty/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('an empty SingleSelect is rendered', () => {
   cy.visitStory('SingleSelect', 'Empty');
 });

package/build/cjs/single-select/features/can_be_filtered/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('a filterable SingleSelect with options is rendered', () => {
   cy.visitStory('SingleSelect', 'With filter field');
 });

package/build/cjs/single-select/features/can_be_opened_and_closed/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('a SingleSelect with options is rendered', () => {
   cy.visitStory('SingleSelect', 'With options');
 });

package/build/cjs/single-select/features/common/index.js

@@ -1,12 +1,11 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('a SingleSelect with options and onChange handler is rendered', () => {
-  cy.visitStory('SingleSelect', 'With options and onChange');
+  cy.visitStory('SingleSelect', 'With options and on change');
 });
 (0, _cypressCucumberPreprocessor.Given)('a SingleSelect with options, a selection and onChange handler is rendered', () => {
-  cy.visitStory('SingleSelect', 'With options, a selection and onChange');
+  cy.visitStory('SingleSelect', 'With options, a selection and on change');
 });
 (0, _cypressCucumberPreprocessor.Given)('the SingleSelect is open', () => {
   cy.get('[data-test="dhis2-uicore-select-input"]').click();

package/build/cjs/single-select/features/duplicate_option_values/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('a SingleSelect with options with a duplicate value and this value is selected', () => {
   cy.visitStory('SingleSelect', 'With duplicate selected option values');
 });

package/build/cjs/single-select/features/menu_width_matches_input/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('a SingleSelect with hidden sibling elements', () => {
   cy.visitStory('SingleSelect', 'Menu width changing');
   cy.get('[data-test="dhis2-uicore-singleselect"]').then($el => {
@@ -9,7 +8,7 @@ var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preproces
   });
 });
 (0, _cypressCucumberPreprocessor.When)('the button is clicked', () => {
-  cy.get('button').click();
+  cy.get('button:contains("Toggle")').click();
 });
 (0, _cypressCucumberPreprocessor.Then)('the siblings are displayed', () => {
   cy.get('.toggler').should('exist').and('have.length', 2);

package/build/cjs/single-select/features/position/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('there is enough space below the anchor to fit the SingleSelect menu', () => {
   cy.visitStory('SingleSelect', 'Default position');
 });
@@ -32,7 +31,7 @@ var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preproces
     const $menu = menus[0];
     const selectRect = $select.getBoundingClientRect();
     const menuRect = $menu.getBoundingClientRect();
-    expect(menuRect.top).to.equal(selectRect.bottom);
+    expect(menuRect.top).to.be.closeTo(selectRect.bottom, 1);
   });
 });
 (0, _cypressCucumberPreprocessor.Then)('the bottom of the menu is aligned with the top of the input', () => {
@@ -46,7 +45,7 @@ var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preproces
     const $menu = menus[0];
     const selectRect = $select.getBoundingClientRect();
     const menuRect = $menu.getBoundingClientRect();
-    expect(selectRect.top).to.equal(menuRect.bottom);
+    expect(selectRect.top).to.be.closeTo(menuRect.bottom, 1);
   });
 });
 (0, _cypressCucumberPreprocessor.Then)('it is rendered on top of the SingleSelect', () => {
@@ -75,6 +74,6 @@ var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preproces
     const $menu = menus[0];
     const selectRect = $select.getBoundingClientRect();
     const menuRect = $menu.getBoundingClientRect();
-    expect(selectRect.left).to.equal(menuRect.left);
+    expect(selectRect.left).to.be.closeTo(menuRect.left, 1);
   });
 });

package/build/cjs/single-select/features/shows_selections/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('a SingleSelect with options and a selection is rendered', () => {
   cy.visitStory('SingleSelect', 'With options and a selection');
 });

package/build/cjs/single-select/filterable-menu.js

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FilterableMenu = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _index = require("../select/index.js");
-
 var _menu = require("./menu.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const FilterableMenu = _ref => {
   let {
     dataTest,
@@ -40,7 +34,6 @@ const FilterableMenu = _ref => {
     Menu: _menu.Menu
   });
 };
-
 exports.FilterableMenu = FilterableMenu;
 FilterableMenu.propTypes = {
   dataTest: _propTypes.default.string.isRequired,

package/build/cjs/single-select/index.js

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "SingleSelect", {
     return _singleSelect.SingleSelect;
   }
 });
-
 var _singleSelect = require("./single-select.js");