@dhis2-ui/select 9.5.0-alpha.1 → 9.5.0

package/build/cjs/locales/lo/translations.json

@@ -1,7 +1,7 @@
 {
     "Clear": "ລຶບ",
     "No data found": "ບໍ່ພົບຂໍ້ມູນ",
-    "Type to filter options": "",
-    "Loading options": "",
-    "No options found": ""
+    "Type to filter options": "ປະເພດຕົວເລືອກການກອງ",
+    "Loading options": "ໂຫຼດຕົວເລືອກ",
+    "No options found": "ບໍ່ພົບຕົວເລືອກ"
 }

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

@@ -1,13 +1,11 @@
 "use strict";
 
-require("../common/index.js");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
-
-(0, _steps.Given)('a MultiSelect with onBlur handler is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('a MultiSelect with onBlur handler is rendered', () => {
   cy.visitStory('MultiSelect', 'With onBlur');
 });
-(0, _steps.Then)('the onBlur handler is called', () => {
+(0, _cypressCucumberPreprocessor.Then)('the onBlur handler is called', () => {
   cy.window().should(win => {
     expect(win.onBlur).to.be.calledOnce;
     expect(win.onBlur).to.be.calledWith({

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

@@ -1,13 +1,11 @@
 "use strict";
 
-require("../common/index.js");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
-
-(0, _steps.Given)('a MultiSelect with onFocus handler is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('a MultiSelect with onFocus handler is rendered', () => {
   cy.visitStory('MultiSelect', 'With onFocus');
 });
-(0, _steps.Then)('the onFocus handler is called', () => {
+(0, _cypressCucumberPreprocessor.Then)('the onFocus handler is called', () => {
   cy.window().should(win => {
     expect(win.onFocus).to.be.calledOnce;
     expect(win.onFocus).to.be.calledWith({

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

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

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

@@ -1,18 +1,16 @@
 "use strict";
 
-require("../common/index.js");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
-
-(0, _steps.Given)('a MultiSelect with options and a loading flag is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('a MultiSelect with options and a loading flag is rendered', () => {
   cy.visitStory('MultiSelect', 'With options and loading');
 });
-(0, _steps.Given)('a MultiSelect with options, a loading flag and a loading text is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('a MultiSelect with options, a loading flag and a loading text is rendered', () => {
   cy.visitStory('MultiSelect', 'With options, loading and loading text');
 });
-(0, _steps.Then)('the loading spinner is displayed', () => {
+(0, _cypressCucumberPreprocessor.Then)('the loading spinner is displayed', () => {
   cy.get('[data-test="dhis2-uicore-circularloader"]').should('be.visible');
 });
-(0, _steps.Then)('the loading text is displayed', () => {
+(0, _cypressCucumberPreprocessor.Then)('the loading text is displayed', () => {
   cy.get('[data-test="dhis2-uicore-multiselect-loading"]').contains('Loading options').should('be.visible');
 });

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

@@ -1,21 +1,16 @@
 "use strict";
 
-require("../common/index.js");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
-
-(0, _steps.Given)('a MultiSelect with more than ten options is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('a MultiSelect with more than ten options is rendered', () => {
   cy.visitStory('MultiSelect', 'With more than ten options');
 });
-(0, _steps.Given)('a MultiSelect with more than three options and a 100px max-height is rendered', () => {
+(0, _cypressCucumberPreprocessor.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');
 });
-(0, _steps.Given)('the MultiSelect is open', () => {
-  cy.get('[data-test="dhis2-uicore-select"]').click();
-});
-(0, _steps.Then)('has the default 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');
 });
-(0, _steps.Then)('has a max-height of 100px', () => {
+(0, _cypressCucumberPreprocessor.Then)('has a max-height of 100px', () => {
   cy.get('[data-test="dhis2-uicore-select-menu-menuwrapper"]').should('have.css', 'max-height', '100px');
 });

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

@@ -1,21 +1,19 @@
 "use strict";
 
-require("../common/index.js");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
-
-(0, _steps.Given)('a MultiSelect with a placeholder and no selection is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('a MultiSelect with a placeholder and no selection is rendered', () => {
   cy.visitStory('MultiSelect', 'With placeholder');
 });
-(0, _steps.Given)('a MultiSelect with a placeholder and a selection is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('a MultiSelect with a placeholder and a selection is rendered', () => {
   cy.visitStory('MultiSelect', 'With placeholder and selection');
 });
-(0, _steps.Then)('the placeholder is shown', () => {
+(0, _cypressCucumberPreprocessor.Then)('the placeholder is shown', () => {
   cy.get('[data-test="dhis2-uicore-multiselect-placeholder"]').contains('Placeholder text').should('be.visible');
 });
-(0, _steps.Then)('the placeholder is not rendered', () => {
+(0, _cypressCucumberPreprocessor.Then)('the placeholder is not rendered', () => {
   cy.get('[data-test="dhis2-uicore-multiselect-placeholder"]').should('not.exist');
 });
-(0, _steps.Then)('the selection is displayed', () => {
+(0, _cypressCucumberPreprocessor.Then)('the selection is displayed', () => {
   cy.contains('option one').should('be.visible');
 });

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

@@ -1,18 +1,16 @@
 "use strict";
 
-require("../common/index.js");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
-
-(0, _steps.Given)('a MultiSelect with a prefix and no selection is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('a MultiSelect with a prefix and no selection is rendered', () => {
   cy.visitStory('MultiSelect', 'With prefix');
 });
-(0, _steps.Given)('a MultiSelect with a prefix and a selection is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('a MultiSelect with a prefix and a selection is rendered', () => {
   cy.visitStory('MultiSelect', 'With prefix and selection');
 });
-(0, _steps.Then)('the prefix is shown', () => {
+(0, _cypressCucumberPreprocessor.Then)('the prefix is shown', () => {
   cy.get('[data-test="dhis2-uicore-multiselect-prefix"]').contains('Prefix text').should('be.visible');
 });
-(0, _steps.Then)('the selection is shown', () => {
+(0, _cypressCucumberPreprocessor.Then)('the selection is shown', () => {
   cy.contains('option one').should('be.visible');
 });

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

@@ -1,24 +1,22 @@
 "use strict";
 
-require("../common/index.js");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
-
-(0, _steps.Given)('a MultiSelect with invalid options is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('a MultiSelect with invalid options is rendered', () => {
   cy.visitStory('MultiSelect', 'With invalid options');
 });
-(0, _steps.Given)('a MultiSelect with invalid filterable options is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('a MultiSelect with invalid filterable options is rendered', () => {
   cy.visitStory('MultiSelect', 'With invalid filterable options');
 });
-(0, _steps.When)('the user enters a filter string', () => {
+(0, _cypressCucumberPreprocessor.When)('the user enters a filter string', () => {
   cy.get('[data-test="dhis2-uicore-multiselect-filterinput"] input').type('invalid');
 });
-(0, _steps.Then)('the invalid options are displayed', () => {
+(0, _cypressCucumberPreprocessor.Then)('the invalid options are displayed', () => {
   cy.contains('invalid one').should('be.visible');
   cy.contains('invalid two').should('be.visible');
   cy.contains('invalid three').should('be.visible');
 });
-(0, _steps.Then)('the invalid options are not rendered', () => {
+(0, _cypressCucumberPreprocessor.Then)('the invalid options are not rendered', () => {
   cy.contains('invalid one').should('not.exist');
   cy.contains('invalid two').should('not.exist');
   cy.contains('invalid three').should('not.exist');

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

@@ -1,34 +1,32 @@
 "use strict";
 
-require("../common/index.js");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
-
-(0, _steps.Given)('a MultiSelect with a disabled option and onChange handler is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('a MultiSelect with a disabled option and onChange handler is rendered', () => {
   cy.visitStory('MultiSelect', 'With disabled option and onChange');
 });
-(0, _steps.Given)('a MultiSelect with custom options and onChange handler is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('a MultiSelect with custom options and onChange handler is rendered', () => {
   cy.visitStory('MultiSelect', 'With custom options and onChange');
 });
-(0, _steps.When)('an option is clicked', () => {
+(0, _cypressCucumberPreprocessor.When)('an option is clicked', () => {
   cy.contains('option one').click();
 });
-(0, _steps.When)('the selected option is clicked', () => {
-  cy.get('[data-test="dhis2-uicore-layer"]').contains('option one').click();
+(0, _cypressCucumberPreprocessor.When)('the selected option is clicked', () => {
+  cy.get('[data-test="dhis2-uicore-multiselectoption"]:contains("option one")').click();
 });
-(0, _steps.When)('another option is clicked', () => {
+(0, _cypressCucumberPreprocessor.When)('another option is clicked', () => {
   cy.contains('option two').click();
 });
-(0, _steps.When)("the chip's X is clicked", () => {
+(0, _cypressCucumberPreprocessor.When)("the chip's X is clicked", () => {
   cy.get('[data-test="dhis2-uicore-chip-remove"]').click();
 });
-(0, _steps.When)('the disabled option is clicked', () => {
+(0, _cypressCucumberPreprocessor.When)('the disabled option is clicked', () => {
   cy.contains('disabled option').click();
 });
-(0, _steps.When)('the selected option is clicked again', () => {
-  cy.get('[data-test="dhis2-uicore-multiselectoption"] label').contains('option one').click();
+(0, _cypressCucumberPreprocessor.When)('the selected option is clicked again', () => {
+  cy.get('[data-test="dhis2-uicore-multiselectoption"]:contains("option one")').click();
 });
-(0, _steps.Then)('the clicked option is selected', () => {
+(0, _cypressCucumberPreprocessor.Then)('the clicked option is selected', () => {
   cy.window().should(win => {
     expect(win.onChange).to.be.calledOnce;
     expect(win.onChange).to.be.calledWith({
@@ -36,7 +34,7 @@ var _steps = require("cypress-cucumber-preprocessor/steps");
     });
   });
 });
-(0, _steps.Then)('the clicked option is selected as well', () => {
+(0, _cypressCucumberPreprocessor.Then)('the clicked option is selected as well', () => {
   cy.window().should(win => {
     expect(win.onChange).to.be.calledOnce;
     expect(win.onChange).to.be.calledWith({
@@ -44,7 +42,7 @@ var _steps = require("cypress-cucumber-preprocessor/steps");
     });
   });
 });
-(0, _steps.Then)('the selected option is deselected', () => {
+(0, _cypressCucumberPreprocessor.Then)('the selected option is deselected', () => {
   cy.window().should(win => {
     expect(win.onChange).to.be.calledOnce;
     expect(win.onChange).to.be.calledWith({
@@ -52,12 +50,12 @@ var _steps = require("cypress-cucumber-preprocessor/steps");
     });
   });
 });
-(0, _steps.Then)('the onchange handler is not called', () => {
+(0, _cypressCucumberPreprocessor.Then)('the onchange handler is not called', () => {
   cy.window().should(win => {
     expect(win.onChange).to.not.be.called;
   });
 });
-(0, _steps.Then)('the previously selected option is deselected', () => {
+(0, _cypressCucumberPreprocessor.Then)('the previously selected option is deselected', () => {
   cy.window().should(win => {
     expect(win.onChange).to.be.calledTwice;
     expect(win.onChange).to.be.calledWith({

package/build/cjs/multi-select/features/can_be_cleared/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 clearable MultiSelect with a selection and onchange handler is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('a clearable MultiSelect with a selection and onchange handler is rendered', () => {
   cy.visitStory('MultiSelect', 'With clear button, selection and onChange');
 });
-(0, _steps.When)('the clear button is clicked', () => {
+(0, _cypressCucumberPreprocessor.When)('the clear button is clicked', () => {
   cy.get('[data-test="dhis2-uicore-multiselect-clear"]').click();
 });
-(0, _steps.Then)('the MultiSelect is cleared', () => {
+(0, _cypressCucumberPreprocessor.Then)('the MultiSelect is cleared', () => {
   cy.window().should(win => {
     expect(win.onChange).to.be.calledOnce;
     expect(win.onChange).to.be.calledWith({

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

@@ -1,36 +1,31 @@
 "use strict";
 
-require("../common/index.js");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
-
-(0, _steps.Given)('a disabled MultiSelect with options is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('a disabled MultiSelect with options is rendered', () => {
   cy.visitStory('MultiSelect', 'With options and disabled');
 });
-(0, _steps.Given)('a disabled MultiSelect with options and a selection is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('a disabled MultiSelect with options and a selection is rendered', () => {
   cy.visitStory('MultiSelect', 'With options, a selection and disabled');
 });
-(0, _steps.Given)('the MultiSelect is closed', () => {
+(0, _cypressCucumberPreprocessor.Given)('the MultiSelect 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 MultiSelect is focused', () => {
+(0, _cypressCucumberPreprocessor.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');
 });
-(0, _steps.When)('the MultiSelect input is clicked', () => {
-  cy.get('[data-test="dhis2-uicore-select-input"]').click();
-});
-(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.Then)('the selection is displayed', () => {
+(0, _cypressCucumberPreprocessor.Then)('the selection is displayed', () => {
   cy.contains('option one').should('be.visible');
 });

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

@@ -1,25 +1,23 @@
 "use strict";
 
-require("../common/index.js");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
-
-(0, _steps.Given)('an empty MultiSelect is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('an empty MultiSelect is rendered', () => {
   cy.visitStory('MultiSelect', 'Empty');
 });
-(0, _steps.Given)('an empty MultiSelect with custom empty text is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('an empty MultiSelect with custom empty text is rendered', () => {
   cy.visitStory('MultiSelect', 'Empty with empty text');
 });
-(0, _steps.Given)('an empty MultiSelect with custom empty component is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('an empty MultiSelect with custom empty component is rendered', () => {
   cy.visitStory('MultiSelect', 'Empty with empty component');
 });
-(0, _steps.Then)('an empty menu is displayed', () => {
+(0, _cypressCucumberPreprocessor.Then)('an empty menu is displayed', () => {
   cy.get('[data-test="dhis2-uicore-layer"]').should('exist');
 });
-(0, _steps.Then)('the custom empty text is displayed', () => {
+(0, _cypressCucumberPreprocessor.Then)('the custom empty text is displayed', () => {
   cy.get('[data-test="dhis2-uicore-multiselect-empty"]').contains('Custom empty text').should('be.visible');
 });
-(0, _steps.Then)('the custom empty component is displayed', () => {
+(0, _cypressCucumberPreprocessor.Then)('the custom empty component is displayed', () => {
   cy.contains('Custom empty component').should('be.visible');
   cy.get('.custom-empty').should('exist');
 });

package/build/cjs/multi-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 MultiSelect with options is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('a filterable MultiSelect with options is rendered', () => {
   cy.visitStory('MultiSelect', '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/multi-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 MultiSelect with options is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('a MultiSelect with options is rendered', () => {
   cy.visitStory('MultiSelect', 'With options');
 });
-(0, _steps.Given)('the MultiSelect is closed', () => {
+(0, _cypressCucumberPreprocessor.Given)('the MultiSelect 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 MultiSelect is focused', () => {
+(0, _cypressCucumberPreprocessor.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');
 });
-(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/multi-select/features/common/index.js

@@ -1,39 +1,39 @@
 "use strict";
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-(0, _steps.Given)('a MultiSelect with options and onChange handler is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('a MultiSelect with options and onChange handler is rendered', () => {
   cy.visitStory('MultiSelect', 'With options and onChange');
 });
-(0, _steps.Given)('a MultiSelect with options, a selection and onChange handler is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('a MultiSelect with options, a selection and onChange handler is rendered', () => {
   cy.visitStory('MultiSelect', 'With options, a selection and onChange');
 });
-(0, _steps.Given)('a MultiSelect is rendered to which options can be added', () => {
+(0, _cypressCucumberPreprocessor.Given)('a MultiSelect is rendered to which options can be added', () => {
   cy.visitStory('MultiSelect', 'With options that can be added to the input');
   cy.get('[data-test="dhis2-uicore-multiselect"]').should('exist');
 });
-(0, _steps.Given)('the MultiSelect is open', () => {
+(0, _cypressCucumberPreprocessor.Given)('the MultiSelect is open', () => {
   cy.get('[data-test="dhis2-uicore-select-input"]').click();
   cy.contains('option one').should('be.visible');
   cy.contains('option two').should('be.visible');
   cy.contains('option three').should('be.visible');
 });
-(0, _steps.When)('the MultiSelect input is clicked', () => {
+(0, _cypressCucumberPreprocessor.When)('the MultiSelect 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 MultiSelect has focus', () => {
+(0, _cypressCucumberPreprocessor.Then)('the MultiSelect has focus', () => {
   cy.focused().should('have.attr', 'data-test', 'dhis2-uicore-select-input');
 });

package/build/cjs/multi-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 MultiSelect with options with a duplicate value and this value is selected', () => {
+(0, _cypressCucumberPreprocessor.Given)('a MultiSelect with options with a duplicate value and this value is selected', () => {
   cy.visitStory('MultiSelect', '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', () => {
+(0, _cypressCucumberPreprocessor.Then)('both options are highlighted in the dropdown', () => {
   cy.get('input[name="option one"]').should('have.attr', 'checked');
   cy.get('input[name="option one a"]').should('have.attr', 'checked');
 });

package/build/cjs/multi-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 MultiSelect with hidden sibling elements', () => {
+(0, _cypressCucumberPreprocessor.Given)('a MultiSelect with hidden sibling elements', () => {
   cy.visitStory('MultiSelect', 'Menu width changing');
   cy.get('[data-test="dhis2-uicore-multiselect"]').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-multiselect"]').then($el => {
     const newWidth = $el.outerWidth();
     cy.get('@originalWidth').should('be.greaterThan', newWidth);
   });
 });
-(0, _steps.When)('the MultiSelect menu is open', () => {
+(0, _cypressCucumberPreprocessor.When)('the MultiSelect menu is open', () => {
   cy.get('[data-test="dhis2-uicore-select-menu-menuwrapper"]').should('be.visible');
 });
-(0, _steps.Then)('the MultiSelect input is left aligned with the menu', () => {
+(0, _cypressCucumberPreprocessor.Then)('the MultiSelect input is left aligned with the menu', () => {
   const selectDataTest = '[data-test="dhis2-uicore-multiselect"]';
   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 MultiSelect input and menu have the same width', () => {
+(0, _cypressCucumberPreprocessor.When)('the MultiSelect 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 => {