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

package/build/cjs/single-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 SingleSelect with a selection and onchange handler is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('a clearable SingleSelect with a selection and onchange handler is rendered', () => {
   cy.visitStory('SingleSelect', '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-singleselect-clear"]').click();
 });
-(0, _steps.Then)('the SingleSelect is cleared', () => {
+(0, _cypressCucumberPreprocessor.Then)('the SingleSelect is cleared', () => {
   cy.window().should(win => {
     expect(win.onChange).to.be.calledOnce;
     expect(win.onChange).to.be.calledWith({

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

@@ -1,33 +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 SingleSelect with options is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('a disabled SingleSelect with options is rendered', () => {
   cy.visitStory('SingleSelect', 'With options and disabled');
 });
-(0, _steps.Given)('a disabled SingleSelect with options and a selection is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('a disabled SingleSelect with options and a selection is rendered', () => {
   cy.visitStory('SingleSelect', 'With options, a selection and disabled');
 });
-(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.Then)('the selection is displayed', () => {
+(0, _cypressCucumberPreprocessor.Then)('the selection is displayed', () => {
   cy.contains('option one').should('be.visible');
 });

package/build/cjs/single-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 SingleSelect is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('an empty SingleSelect is rendered', () => {
   cy.visitStory('SingleSelect', 'Empty');
 });
-(0, _steps.Given)('an empty SingleSelect with custom empty text is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('an empty SingleSelect with custom empty text is rendered', () => {
   cy.visitStory('SingleSelect', 'Empty with empty text');
 });
-(0, _steps.Given)('an empty SingleSelect with custom empty component is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('an empty SingleSelect with custom empty component is rendered', () => {
   cy.visitStory('SingleSelect', '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-singleselect-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/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/input.js

@@ -39,7 +39,7 @@ const Input = _ref => {
   } = _ref;
   const hasSelection = selected && typeof selected === 'string';
 
-  const onClear = (_, e) => {
+  const onClear = e => {
     const data = {
       selected: ''
     };
@@ -48,7 +48,7 @@ const Input = _ref => {
   };
 
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.dynamic([["3987817844", [_uiConstants.colors.grey900]], ["1331770409", [inputMaxHeight]]]) + " " + ((0, _classnames.default)('root', className) || "")
+    className: _style.default.dynamic([["2186325794", [_uiConstants.colors.grey900]], ["1331770409", [inputMaxHeight]]]) + " " + ((0, _classnames.default)('root', className) || "")
   }, /*#__PURE__*/_react.default.createElement(_index.InputPrefix, {
     prefix: prefix,
     dataTest: "".concat(dataTest, "-prefix")
@@ -56,20 +56,20 @@ const Input = _ref => {
     placeholder: placeholder,
     dataTest: "".concat(dataTest, "-placeholder")
   }), hasSelection && /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.dynamic([["3987817844", [_uiConstants.colors.grey900]], ["1331770409", [inputMaxHeight]]]) + " " + "root-input"
+    className: _style.default.dynamic([["2186325794", [_uiConstants.colors.grey900]], ["1331770409", [inputMaxHeight]]]) + " " + "root-input"
   }, /*#__PURE__*/_react.default.createElement(_selection.Selection, {
     selected: selected,
     options: options
   })), hasSelection && clearable && !disabled && /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.dynamic([["3987817844", [_uiConstants.colors.grey900]], ["1331770409", [inputMaxHeight]]]) + " " + "root-right"
+    className: _style.default.dynamic([["2186325794", [_uiConstants.colors.grey900]], ["1331770409", [inputMaxHeight]]]) + " " + "root-right"
   }, /*#__PURE__*/_react.default.createElement(_index.InputClearButton, {
     onClear: onClear,
     clearText: clearText,
     dataTest: "".concat(dataTest, "-clear")
   })), /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "3987817844",
+    id: "2186325794",
     dynamic: [_uiConstants.colors.grey900]
-  }, [".root.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:".concat(_uiConstants.colors.grey900, ";font-size:14px;line-height:16px;}"), ".root-input.__jsx-style-dynamic-selector{overflow-y:auto;-webkit-flex:1;-ms-flex:1;flex:1;}", ".root-right.__jsx-style-dynamic-selector{margin-inline-start:auto;margin-inline-end:10px;}"]), /*#__PURE__*/_react.default.createElement(_style.default, {
+  }, [".root.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:".concat(_uiConstants.colors.grey900, ";font-size:14px;line-height:16px;}"), ".root-input.__jsx-style-dynamic-selector{overflow-y:auto;-webkit-flex:1;-ms-flex:1;flex:1;}", ".root-right.__jsx-style-dynamic-selector{margin-inline-start:auto;}"]), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "1331770409",
     dynamic: [inputMaxHeight]
   }, [".root-input.__jsx-style-dynamic-selector{max-height:".concat(inputMaxHeight, ";}")]));

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,10 +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.Then)('the clear text is visible', () => {
+(0, _cypressCucumberPreprocessor.When)('the clear button is hovered', () => {
+  cy.get('[data-test="dhis2-uicore-singleselect-clear"]').trigger('mouseover', 'top');
+});
+(0, _cypressCucumberPreprocessor.Then)('the clear text is visible', () => {
   cy.contains('Clear').should('be.visible');
 });

package/build/cjs/single-select-field/features/has_default_clear_text.feature

@@ -2,4 +2,5 @@ Feature: Clear text for the SingleSelectField
 
     Scenario: Rendering a clearable SingleSelectField
         Given a clearable SingleSelectField with selected option is rendered
+        When the clear button is hovered
         Then the clear text is 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/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/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');
 });