@dhis2-ui/select 9.4.4 → 9.4.6

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

@@ -1,23 +1,21 @@
 "use strict";
 
-require("../common/index.js");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
-
-(0, _steps.Given)('a filterable SingleSelect with options is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('a filterable SingleSelect with options is rendered', () => {
   cy.visitStory('SingleSelect', 'With filter field');
 });
-(0, _steps.When)('the user enters a filter string', () => {
+(0, _cypressCucumberPreprocessor.When)('the user enters a filter string', () => {
   cy.focused().type('one');
 });
-(0, _steps.When)("the user enters a filter string that doesn't match any options", () => {
+(0, _cypressCucumberPreprocessor.When)("the user enters a filter string that doesn't match any options", () => {
   cy.focused().type('does not exist');
 });
-(0, _steps.Then)('the matching options are displayed', () => {
+(0, _cypressCucumberPreprocessor.Then)('the matching options are displayed', () => {
   cy.contains('option one').should('be.visible');
   cy.contains('option two').should('not.exist');
   cy.contains('option three').should('not.exist');
 });
-(0, _steps.Then)('the no match text is displayed', () => {
+(0, _cypressCucumberPreprocessor.Then)('the no match text is displayed', () => {
   cy.contains('No match found').should('be.visible');
 });

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

@@ -1,30 +1,28 @@
 "use strict";
 
-require("../common/index.js");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
-
-(0, _steps.Given)('a SingleSelect with options is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('a SingleSelect with options is rendered', () => {
   cy.visitStory('SingleSelect', 'With options');
 });
-(0, _steps.Given)('the SingleSelect is closed', () => {
+(0, _cypressCucumberPreprocessor.Given)('the SingleSelect is closed', () => {
   cy.contains('option one').should('not.exist');
   cy.contains('option two').should('not.exist');
   cy.contains('option three').should('not.exist');
 });
-(0, _steps.Given)('the SingleSelect is focused', () => {
+(0, _cypressCucumberPreprocessor.Given)('the SingleSelect is focused', () => {
   cy.get('[data-test="dhis2-uicore-select-input"]').focus();
   cy.focused().should('have.attr', 'data-test', 'dhis2-uicore-select-input');
 });
-(0, _steps.When)('the down arrowkey is pressed on the focused element', () => {
+(0, _cypressCucumberPreprocessor.When)('the down arrowkey is pressed on the focused element', () => {
   cy.focused().type('{downarrow}');
 });
-(0, _steps.When)('the spacebar is pressed on the focused element', () => {
+(0, _cypressCucumberPreprocessor.When)('the spacebar is pressed on the focused element', () => {
   cy.focused().type(' ');
 });
-(0, _steps.When)('the up arrowkey is pressed on the focused element', () => {
+(0, _cypressCucumberPreprocessor.When)('the up arrowkey is pressed on the focused element', () => {
   cy.focused().type('{uparrow}');
 });
-(0, _steps.When)('the escape key is pressed on the focused element', () => {
+(0, _cypressCucumberPreprocessor.When)('the escape key is pressed on the focused element', () => {
   cy.focused().type('{esc}');
 });

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

@@ -1,35 +1,35 @@
 "use strict";
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-(0, _steps.Given)('a SingleSelect with options and onChange handler is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('a SingleSelect with options and onChange handler is rendered', () => {
   cy.visitStory('SingleSelect', 'With options and onChange');
 });
-(0, _steps.Given)('a SingleSelect with options, a selection and onChange handler is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('a SingleSelect with options, a selection and onChange handler is rendered', () => {
   cy.visitStory('SingleSelect', 'With options, a selection and onChange');
 });
-(0, _steps.Given)('the SingleSelect is open', () => {
+(0, _cypressCucumberPreprocessor.Given)('the SingleSelect is open', () => {
   cy.get('[data-test="dhis2-uicore-select-input"]').click();
   cy.contains('option one').should('exist');
   cy.contains('option two').should('exist');
   cy.contains('option three').should('exist');
 });
-(0, _steps.When)('the SingleSelect input is clicked', () => {
+(0, _cypressCucumberPreprocessor.When)('the SingleSelect input is clicked', () => {
   cy.get('[data-test="dhis2-uicore-select-input"]').click();
 });
-(0, _steps.When)('the user clicks the backdrop layer', () => {
+(0, _cypressCucumberPreprocessor.When)('the user clicks the backdrop layer', () => {
   cy.get('[data-test="dhis2-uicore-layer"]').click();
 });
-(0, _steps.Then)('the options are not rendered', () => {
+(0, _cypressCucumberPreprocessor.Then)('the options are not rendered', () => {
   cy.contains('option one').should('not.exist');
   cy.contains('option two').should('not.exist');
   cy.contains('option three').should('not.exist');
 });
-(0, _steps.Then)('the options are displayed', () => {
+(0, _cypressCucumberPreprocessor.Then)('the options are displayed', () => {
   cy.contains('option one').should('be.visible');
   cy.contains('option two').should('be.visible');
   cy.contains('option three').should('be.visible');
 });
-(0, _steps.Then)('the SingleSelect has focus', () => {
+(0, _cypressCucumberPreprocessor.Then)('the SingleSelect has focus', () => {
   cy.focused().should('have.attr', 'data-test', 'dhis2-uicore-select-input');
 });

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

@@ -1,16 +1,14 @@
 "use strict";
 
-require("../common/index.js");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
-
-(0, _steps.Given)('a SingleSelect with options with a duplicate value and this value is selected', () => {
+(0, _cypressCucumberPreprocessor.Given)('a SingleSelect with options with a duplicate value and this value is selected', () => {
   cy.visitStory('SingleSelect', 'With duplicate selected option values');
 });
-(0, _steps.Then)('the first option with the selected value is displayed in the input', () => {
+(0, _cypressCucumberPreprocessor.Then)('the first option with the selected value is displayed in the input', () => {
   cy.get('[data-test="dhis2-uicore-select-input"]').should('contain', 'option one');
 });
-(0, _steps.Then)('both options are highlighted in the dropdown', () => {
-  cy.get('[data-test="dhis2-uicore-singleselectoption"]').contains('option one').should('have.class', 'active');
-  cy.get('[data-test="dhis2-uicore-singleselectoption"]').contains('option one a').should('have.class', 'active');
+(0, _cypressCucumberPreprocessor.Then)('both options are highlighted in the dropdown', () => {
+  cy.get('[data-test="dhis2-uicore-singleselectoption"]:contains("option one")').should('have.class', 'active');
+  cy.get('[data-test="dhis2-uicore-singleselectoption"]:contains("option one a")').should('have.class', 'active');
 });

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

@@ -1,31 +1,29 @@
 "use strict";
 
-require("../common/index.js");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
-
-(0, _steps.Given)('a SingleSelect with hidden sibling elements', () => {
+(0, _cypressCucumberPreprocessor.Given)('a SingleSelect with hidden sibling elements', () => {
   cy.visitStory('SingleSelect', 'Menu width changing');
   cy.get('[data-test="dhis2-uicore-singleselect"]').then($el => {
     cy.wrap($el.outerWidth()).as('originalWidth');
   });
 });
-(0, _steps.When)('the button is clicked', () => {
+(0, _cypressCucumberPreprocessor.When)('the button is clicked', () => {
   cy.get('button').click();
 });
-(0, _steps.Then)('the siblings are displayed', () => {
+(0, _cypressCucumberPreprocessor.Then)('the siblings are displayed', () => {
   cy.get('.toggler').should('exist').and('have.length', 2);
 });
-(0, _steps.Then)('the menu width has decreased', () => {
+(0, _cypressCucumberPreprocessor.Then)('the menu width has decreased', () => {
   cy.get('[data-test="dhis2-uicore-singleselect"]').then($el => {
     const newWidth = $el.outerWidth();
     cy.get('@originalWidth').should('be.greaterThan', newWidth);
   });
 });
-(0, _steps.When)('the SingleSelect menu is open', () => {
+(0, _cypressCucumberPreprocessor.When)('the SingleSelect menu is open', () => {
   cy.get('[data-test="dhis2-uicore-select-menu-menuwrapper"]').should('be.visible');
 });
-(0, _steps.Then)('the SingleSelect input is left aligned with the menu', () => {
+(0, _cypressCucumberPreprocessor.Then)('the SingleSelect input is left aligned with the menu', () => {
   const selectDataTest = '[data-test="dhis2-uicore-singleselect"]';
   const menuDataTest = '[data-test="dhis2-uicore-select-menu-menuwrapper"]';
   cy.getAll(selectDataTest, menuDataTest).should(_ref => {
@@ -39,7 +37,7 @@ var _steps = require("cypress-cucumber-preprocessor/steps");
     expect(Math.round(inputRect.left)).to.equal(Math.round(menuRect.left));
   });
 });
-(0, _steps.When)('the SingleSelect input and menu have the same width', () => {
+(0, _cypressCucumberPreprocessor.When)('the SingleSelect input and menu have the same width', () => {
   const inputSelector = '[data-test="dhis2-uicore-select"]';
   const menuSelector = '[data-test="dhis2-uicore-select-menu-menuwrapper"]';
   cy.getAll(inputSelector, menuSelector).should(_ref2 => {

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

@@ -1,27 +1,27 @@
 "use strict";
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-(0, _steps.Given)('there is enough space below the anchor to fit the SingleSelect menu', () => {
+(0, _cypressCucumberPreprocessor.Given)('there is enough space below the anchor to fit the SingleSelect menu', () => {
   cy.visitStory('SingleSelect', 'Default position');
 });
-(0, _steps.Given)('there is not enough space below the anchor to fit the SingleSelect menu', () => {
+(0, _cypressCucumberPreprocessor.Given)('there is not enough space below the anchor to fit the SingleSelect menu', () => {
   cy.visitStory('SingleSelect', 'Flipped position');
 });
-(0, _steps.Given)('there is not enough space above or below the anchor to fit the SingleSelect menu', () => {
+(0, _cypressCucumberPreprocessor.Given)('there is not enough space above or below the anchor to fit the SingleSelect menu', () => {
   cy.visitStory('SingleSelect', 'Shifted into view');
 });
-(0, _steps.When)('the SingleSelect is clicked', () => {
+(0, _cypressCucumberPreprocessor.When)('the SingleSelect is clicked', () => {
   cy.get('[data-test="dhis2-uicore-singleselect"]').click();
 });
-(0, _steps.When)('the window is scrolled down', () => {
+(0, _cypressCucumberPreprocessor.When)('the window is scrolled down', () => {
   // Ensure the body can scroll first
   cy.get('body').then($body => {
     $body.height('5000px');
   });
   cy.scrollTo(0, 800);
 });
-(0, _steps.Then)('the top of the menu is aligned with the bottom of the input', () => {
+(0, _cypressCucumberPreprocessor.Then)('the top of the menu is aligned with the bottom of the input', () => {
   const selectDataTest = '[data-test="dhis2-uicore-singleselect"]';
   const menuDataTest = '[data-test="dhis2-uicore-select-menu-menuwrapper"]';
   cy.getAll(selectDataTest, menuDataTest).should(_ref => {
@@ -35,7 +35,7 @@ var _steps = require("cypress-cucumber-preprocessor/steps");
     expect(menuRect.top).to.equal(selectRect.bottom);
   });
 });
-(0, _steps.Then)('the bottom of the menu is aligned with the top of the input', () => {
+(0, _cypressCucumberPreprocessor.Then)('the bottom of the menu is aligned with the top of the input', () => {
   const selectDataTest = '[data-test="dhis2-uicore-singleselect"]';
   const menuDataTest = '[data-test="dhis2-uicore-select-menu-menuwrapper"]';
   cy.getAll(selectDataTest, menuDataTest).should(_ref2 => {
@@ -49,7 +49,7 @@ var _steps = require("cypress-cucumber-preprocessor/steps");
     expect(selectRect.top).to.equal(menuRect.bottom);
   });
 });
-(0, _steps.Then)('it is rendered on top of the SingleSelect', () => {
+(0, _cypressCucumberPreprocessor.Then)('it is rendered on top of the SingleSelect', () => {
   const selectDataTest = '[data-test="dhis2-uicore-singleselect"]';
   const menuDataTest = '[data-test="dhis2-uicore-select-menu-menuwrapper"]';
   cy.getAll(selectDataTest, menuDataTest).should(_ref3 => {
@@ -64,7 +64,7 @@ var _steps = require("cypress-cucumber-preprocessor/steps");
     expect(menuRect.bottom).to.be.greaterThan(selectRect.bottom);
   });
 });
-(0, _steps.Then)('the left of the SingleSelect is aligned with the left of the anchor', () => {
+(0, _cypressCucumberPreprocessor.Then)('the left of the SingleSelect is aligned with the left of the anchor', () => {
   const selectDataTest = '[data-test="dhis2-uicore-singleselect"]';
   const menuDataTest = '[data-test="dhis2-uicore-select-menu-menuwrapper"]';
   cy.getAll(selectDataTest, menuDataTest).should(_ref4 => {

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

@@ -1,12 +1,10 @@
 "use strict";
 
-require("../common/index.js");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
-
-(0, _steps.Given)('a SingleSelect with options and a selection is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('a SingleSelect with options and a selection is rendered', () => {
   cy.visitStory('SingleSelect', 'With options and a selection');
 });
-(0, _steps.Then)('the selection is displayed', () => {
+(0, _cypressCucumberPreprocessor.Then)('the selection is displayed', () => {
   cy.contains('option one').should('be.visible');
 });

package/build/cjs/single-select-field/features/accepts_help_text/index.js

@@ -1,10 +1,10 @@
 "use strict";
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-(0, _steps.Given)('a SingleSelectField with help text is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('a SingleSelectField with help text is rendered', () => {
   cy.visitStory('SingleSelectField', 'With help text');
 });
-(0, _steps.Then)('the help text is visible', () => {
+(0, _cypressCucumberPreprocessor.Then)('the help text is visible', () => {
   cy.contains('The help text').should('be.visible');
 });

package/build/cjs/single-select-field/features/accepts_label/index.js

@@ -1,10 +1,10 @@
 "use strict";
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-(0, _steps.Given)('a SingleSelectField with a label is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('a SingleSelectField with a label is rendered', () => {
   cy.visitStory('SingleSelectField', 'With label');
 });
-(0, _steps.Then)('the label is visible', () => {
+(0, _cypressCucumberPreprocessor.Then)('the label is visible', () => {
   cy.contains('The label').should('be.visible');
 });

package/build/cjs/single-select-field/features/accepts_validation_text/index.js

@@ -1,10 +1,10 @@
 "use strict";
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-(0, _steps.Given)('a SingleSelectField with validation text is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('a SingleSelectField with validation text is rendered', () => {
   cy.visitStory('SingleSelectField', 'With validation text');
 });
-(0, _steps.Then)('the validation text is visible', () => {
+(0, _cypressCucumberPreprocessor.Then)('the validation text is visible', () => {
   cy.contains('The validation text').should('be.visible');
 });

package/build/cjs/single-select-field/features/can_be_required/index.js

@@ -1,10 +1,10 @@
 "use strict";
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-(0, _steps.Given)('a SingleSelectField with label and a required flag is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('a SingleSelectField with label and a required flag is rendered', () => {
   cy.visitStory('SingleSelectField', 'With label and required status');
 });
-(0, _steps.Then)('the required indicator is visible', () => {
+(0, _cypressCucumberPreprocessor.Then)('the required indicator is visible', () => {
   cy.get('[data-test="dhis2-uiwidgets-singleselectfield-label-required"]').should('be.visible');
 });

package/build/cjs/single-select-field/features/has_default_clear_text/index.js

@@ -1,13 +1,13 @@
 "use strict";
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-(0, _steps.Given)('a clearable SingleSelectField with selected option is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('a clearable SingleSelectField with selected option is rendered', () => {
   cy.visitStory('SingleSelectField', 'With clearable and selected option');
 });
-(0, _steps.When)('the clear button is hovered', () => {
+(0, _cypressCucumberPreprocessor.When)('the clear button is hovered', () => {
   cy.get('[data-test="dhis2-uicore-singleselect-clear"]').trigger('mouseover', 'top');
 });
-(0, _steps.Then)('the clear text is visible', () => {
+(0, _cypressCucumberPreprocessor.Then)('the clear text is visible', () => {
   cy.contains('Clear').should('be.visible');
 });

package/build/cjs/single-select-field/features/has_default_empty_text/index.js

@@ -1,13 +1,13 @@
 "use strict";
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-(0, _steps.Given)('an empty SingleSelectField is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('an empty SingleSelectField is rendered', () => {
   cy.visitStory('SingleSelectField', 'Without options');
 });
-(0, _steps.When)('the Select is opened', () => {
+(0, _cypressCucumberPreprocessor.When)('the Select is opened', () => {
   cy.get('[data-test="dhis2-uicore-select-input"]').click();
 });
-(0, _steps.Then)('the empty text is visible', () => {
+(0, _cypressCucumberPreprocessor.Then)('the empty text is visible', () => {
   cy.contains('No data found').should('be.visible');
 });

package/build/cjs/single-select-field/features/has_default_filter_nomatch_text/index.js

@@ -1,16 +1,16 @@
 "use strict";
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-(0, _steps.Given)('a filterable SingleSelectField is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('a filterable SingleSelectField is rendered', () => {
   cy.visitStory('SingleSelectField', 'With filterable');
 });
-(0, _steps.When)('the Select is opened', () => {
+(0, _cypressCucumberPreprocessor.When)('the Select is opened', () => {
   cy.get('[data-test="dhis2-uicore-select-input"]').click();
 });
-(0, _steps.When)('a filter that does not match any options is entered', () => {
+(0, _cypressCucumberPreprocessor.When)('a filter that does not match any options is entered', () => {
   cy.focused().type('Two');
 });
-(0, _steps.Then)('the no match text is visible', () => {
+(0, _cypressCucumberPreprocessor.Then)('the no match text is visible', () => {
   cy.contains('No options found').should('be.visible');
 });

package/build/cjs/single-select-field/features/has_default_filter_placeholder/index.js

@@ -1,13 +1,13 @@
 "use strict";
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-(0, _steps.Given)('a filterable SingleSelectField is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('a filterable SingleSelectField is rendered', () => {
   cy.visitStory('SingleSelectField', 'With filterable');
 });
-(0, _steps.When)('the Select is opened', () => {
+(0, _cypressCucumberPreprocessor.When)('the Select is opened', () => {
   cy.get('[data-test="dhis2-uicore-select-input"]').click();
 });
-(0, _steps.Then)('the filter placeholder exists', () => {
+(0, _cypressCucumberPreprocessor.Then)('the filter placeholder exists', () => {
   cy.get('[data-test="dhis2-uicore-singleselect-filterinput"] [placeholder="Type to filter options"]').should('exist');
 });

package/build/cjs/single-select-field/features/has_default_loading_text/index.js

@@ -1,13 +1,13 @@
 "use strict";
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-(0, _steps.Given)('a loading SingleSelectField is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('a loading SingleSelectField is rendered', () => {
   cy.visitStory('SingleSelectField', 'With loading');
 });
-(0, _steps.When)('the Select is opened', () => {
+(0, _cypressCucumberPreprocessor.When)('the Select is opened', () => {
   cy.get('[data-test="dhis2-uicore-select-input"]').click();
 });
-(0, _steps.Then)('the loading text is visible', () => {
+(0, _cypressCucumberPreprocessor.Then)('the loading text is visible', () => {
   cy.contains('Loading options').should('be.visible');
 });

package/build/es/multi-select/features/accepts_blur_cb/index.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { Given, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('a MultiSelect with onBlur handler is rendered', () => {
   cy.visitStory('MultiSelect', 'With onBlur');
 });

package/build/es/multi-select/features/accepts_focus_cb/index.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { Given, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('a MultiSelect with onFocus handler is rendered', () => {
   cy.visitStory('MultiSelect', 'With onFocus');
 });

package/build/es/multi-select/features/accepts_initial_focus/index.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { Given } from 'cypress-cucumber-preprocessor/steps';
+import { Given } from '@badeball/cypress-cucumber-preprocessor';
 Given('a MultiSelect with initial focus is rendered', () => {
   cy.visitStory('MultiSelect', 'With initialFocus');
 });

package/build/es/multi-select/features/accepts_loading/index.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { Given, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('a MultiSelect with options and a loading flag is rendered', () => {
   cy.visitStory('MultiSelect', 'With options and loading');
 });

package/build/es/multi-select/features/accepts_max_height/index.js

@@ -1,14 +1,10 @@
-import '../common/index.js';
-import { Given, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('a MultiSelect with more than ten options is rendered', () => {
   cy.visitStory('MultiSelect', 'With more than ten options');
 });
 Given('a MultiSelect with more than three options and a 100px max-height is rendered', () => {
   cy.visitStory('MultiSelect', 'With more than three options and a 100px max-height');
 });
-Given('the MultiSelect is open', () => {
-  cy.get('[data-test="dhis2-uicore-select"]').click();
-});
 Then('has the default max-height', () => {
   cy.get('[data-test="dhis2-uicore-select-menu-menuwrapper"]').should('have.css', 'max-height', '280px');
 });

package/build/es/multi-select/features/accepts_placeholder/index.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { Given, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('a MultiSelect with a placeholder and no selection is rendered', () => {
   cy.visitStory('MultiSelect', 'With placeholder');
 });

package/build/es/multi-select/features/accepts_prefix/index.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { Given, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('a MultiSelect with a prefix and no selection is rendered', () => {
   cy.visitStory('MultiSelect', 'With prefix');
 });

package/build/es/multi-select/features/allows_invalid_options/index.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { Given, When, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, When, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('a MultiSelect with invalid options is rendered', () => {
   cy.visitStory('MultiSelect', 'With invalid options');
 });

package/build/es/multi-select/features/allows_selecting/index.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { Given, When, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, When, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('a MultiSelect with a disabled option and onChange handler is rendered', () => {
   cy.visitStory('MultiSelect', 'With disabled option and onChange');
 });
@@ -10,7 +9,7 @@ When('an option is clicked', () => {
   cy.contains('option one').click();
 });
 When('the selected option is clicked', () => {
-  cy.get('[data-test="dhis2-uicore-layer"]').contains('option one').click();
+  cy.get('[data-test="dhis2-uicore-multiselectoption"]:contains("option one")').click();
 });
 When('another option is clicked', () => {
   cy.contains('option two').click();
@@ -22,7 +21,7 @@ When('the disabled option is clicked', () => {
   cy.contains('disabled option').click();
 });
 When('the selected option is clicked again', () => {
-  cy.get('[data-test="dhis2-uicore-multiselectoption"] label').contains('option one').click();
+  cy.get('[data-test="dhis2-uicore-multiselectoption"]:contains("option one")').click();
 });
 Then('the clicked option is selected', () => {
   cy.window().should(win => {

package/build/es/multi-select/features/can_be_cleared/index.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { Given, When, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, When, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('a clearable MultiSelect with a selection and onchange handler is rendered', () => {
   cy.visitStory('MultiSelect', 'With clear button, selection and onChange');
 });

package/build/es/multi-select/features/can_be_disabled/index.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { Given, When, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, When, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('a disabled MultiSelect with options is rendered', () => {
   cy.visitStory('MultiSelect', 'With options and disabled');
 });
@@ -15,9 +14,6 @@ Given('the MultiSelect is focused', () => {
   cy.get('[data-test="dhis2-uicore-select-input"]').focus();
   cy.focused().should('have.attr', 'data-test', 'dhis2-uicore-select-input');
 });
-When('the MultiSelect input is clicked', () => {
-  cy.get('[data-test="dhis2-uicore-select-input"]').click();
-});
 When('the down arrowkey is pressed on the focused element', () => {
   cy.focused().type('{downarrow}');
 });

package/build/es/multi-select/features/can_be_empty/index.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { Given, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('an empty MultiSelect is rendered', () => {
   cy.visitStory('MultiSelect', 'Empty');
 });

package/build/es/multi-select/features/can_be_filtered/index.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { Given, When, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, When, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('a filterable MultiSelect with options is rendered', () => {
   cy.visitStory('MultiSelect', 'With filter field');
 });

package/build/es/multi-select/features/can_be_opened_and_closed/index.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { Given, When } from 'cypress-cucumber-preprocessor/steps';
+import { Given, When } from '@badeball/cypress-cucumber-preprocessor';
 Given('a MultiSelect with options is rendered', () => {
   cy.visitStory('MultiSelect', 'With options');
 });

package/build/es/multi-select/features/common/index.js

@@ -1,4 +1,4 @@
-import { Given, When, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, When, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('a MultiSelect with options and onChange handler is rendered', () => {
   cy.visitStory('MultiSelect', 'With options and onChange');
 });

package/build/es/multi-select/features/duplicate_option_values/index.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { Given, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('a MultiSelect with options with a duplicate value and this value is selected', () => {
   cy.visitStory('MultiSelect', 'With duplicate selected option values');
 });

package/build/es/multi-select/features/menu_width_matches_input/index.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { Given, When, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, When, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('a MultiSelect with hidden sibling elements', () => {
   cy.visitStory('MultiSelect', 'Menu width changing');
   cy.get('[data-test="dhis2-uicore-multiselect"]').then($el => {

package/build/es/multi-select/features/position/index.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { Given, Then, When } from 'cypress-cucumber-preprocessor/steps';
+import { Given, Then, When } from '@badeball/cypress-cucumber-preprocessor';
 Given('there is enough space below the anchor to fit the MultiSelect menu', () => {
   cy.visitStory('MultiSelect', 'Default position');
 });