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

package/build/cjs/index.js

@@ -39,15 +39,9 @@ Object.defineProperty(exports, "SingleSelectOption", {
     return _index6.SingleSelectOption;
   }
 });
-
 var _index = require("./multi-select/index.js");
-
 var _index2 = require("./multi-select-field/index.js");
-
 var _index3 = require("./multi-select-option/index.js");
-
 var _index4 = require("./single-select/index.js");
-
 var _index5 = require("./single-select-field/index.js");
-
 var _index6 = require("./single-select-option/index.js");

package/build/cjs/locales/index.js

@@ -4,73 +4,39 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _d2I18n = _interopRequireDefault(require("@dhis2/d2-i18n"));
-
 var _translations = _interopRequireDefault(require("./ar/translations.json"));
-
 var _translations2 = _interopRequireDefault(require("./ar_IQ/translations.json"));
-
 var _translations3 = _interopRequireDefault(require("./ckb/translations.json"));
-
 var _translations4 = _interopRequireDefault(require("./cs/translations.json"));
-
 var _translations5 = _interopRequireDefault(require("./da/translations.json"));
-
 var _translations6 = _interopRequireDefault(require("./en/translations.json"));
-
 var _translations7 = _interopRequireDefault(require("./es/translations.json"));
-
 var _translations8 = _interopRequireDefault(require("./es_419/translations.json"));
-
 var _translations9 = _interopRequireDefault(require("./fr/translations.json"));
-
 var _translations10 = _interopRequireDefault(require("./id/translations.json"));
-
 var _translations11 = _interopRequireDefault(require("./km/translations.json"));
-
 var _translations12 = _interopRequireDefault(require("./lo/translations.json"));
-
 var _translations13 = _interopRequireDefault(require("./my/translations.json"));
-
 var _translations14 = _interopRequireDefault(require("./nb/translations.json"));
-
 var _translations15 = _interopRequireDefault(require("./nl/translations.json"));
-
 var _translations16 = _interopRequireDefault(require("./prs/translations.json"));
-
 var _translations17 = _interopRequireDefault(require("./ps/translations.json"));
-
 var _translations18 = _interopRequireDefault(require("./pt/translations.json"));
-
 var _translations19 = _interopRequireDefault(require("./pt_BR/translations.json"));
-
 var _translations20 = _interopRequireDefault(require("./ru/translations.json"));
-
 var _translations21 = _interopRequireDefault(require("./sv/translations.json"));
-
 var _translations22 = _interopRequireDefault(require("./tet/translations.json"));
-
 var _translations23 = _interopRequireDefault(require("./tg/translations.json"));
-
 var _translations24 = _interopRequireDefault(require("./uk/translations.json"));
-
 var _translations25 = _interopRequireDefault(require("./ur/translations.json"));
-
 var _translations26 = _interopRequireDefault(require("./uz_Latn/translations.json"));
-
 var _translations27 = _interopRequireDefault(require("./uz_UZ_Cyrl/translations.json"));
-
 var _translations28 = _interopRequireDefault(require("./uz_UZ_Latn/translations.json"));
-
 var _translations29 = _interopRequireDefault(require("./vi/translations.json"));
-
 var _translations30 = _interopRequireDefault(require("./zh/translations.json"));
-
 var _translations31 = _interopRequireDefault(require("./zh_CN/translations.json"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 //------------------------------------------------------------------------------
 // <auto-generated>
 // This code was generated by d2-i18n-generate.
@@ -79,69 +45,37 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // the code is regenerated.
 // </auto-generated>
 //------------------------------------------------------------------------------
-const namespace = 'default';
 
+const namespace = 'default';
 _d2I18n.default.addResources('ar', namespace, _translations.default);
-
 _d2I18n.default.addResources('ar_IQ', namespace, _translations2.default);
-
 _d2I18n.default.addResources('ckb', namespace, _translations3.default);
-
 _d2I18n.default.addResources('cs', namespace, _translations4.default);
-
 _d2I18n.default.addResources('da', namespace, _translations5.default);
-
 _d2I18n.default.addResources('en', namespace, _translations6.default);
-
 _d2I18n.default.addResources('es', namespace, _translations7.default);
-
 _d2I18n.default.addResources('es_419', namespace, _translations8.default);
-
 _d2I18n.default.addResources('fr', namespace, _translations9.default);
-
 _d2I18n.default.addResources('id', namespace, _translations10.default);
-
 _d2I18n.default.addResources('km', namespace, _translations11.default);
-
 _d2I18n.default.addResources('lo', namespace, _translations12.default);
-
 _d2I18n.default.addResources('my', namespace, _translations13.default);
-
 _d2I18n.default.addResources('nb', namespace, _translations14.default);
-
 _d2I18n.default.addResources('nl', namespace, _translations15.default);
-
 _d2I18n.default.addResources('prs', namespace, _translations16.default);
-
 _d2I18n.default.addResources('ps', namespace, _translations17.default);
-
 _d2I18n.default.addResources('pt', namespace, _translations18.default);
-
 _d2I18n.default.addResources('pt_BR', namespace, _translations19.default);
-
 _d2I18n.default.addResources('ru', namespace, _translations20.default);
-
 _d2I18n.default.addResources('sv', namespace, _translations21.default);
-
 _d2I18n.default.addResources('tet', namespace, _translations22.default);
-
 _d2I18n.default.addResources('tg', namespace, _translations23.default);
-
 _d2I18n.default.addResources('uk', namespace, _translations24.default);
-
 _d2I18n.default.addResources('ur', namespace, _translations25.default);
-
 _d2I18n.default.addResources('uz_Latn', namespace, _translations26.default);
-
 _d2I18n.default.addResources('uz_UZ_Cyrl', namespace, _translations27.default);
-
 _d2I18n.default.addResources('uz_UZ_Latn', namespace, _translations28.default);
-
 _d2I18n.default.addResources('vi', namespace, _translations29.default);
-
 _d2I18n.default.addResources('zh', namespace, _translations30.default);
-
 _d2I18n.default.addResources('zh_CN', namespace, _translations31.default);
-
-var _default = _d2I18n.default;
-exports.default = _default;
+var _default = exports.default = _d2I18n.default;

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

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

package/build/cjs/multi-select/__tests__/selection-list.test.js

@@ -1,43 +1,38 @@
 "use strict";
 
 var _react = require("@testing-library/react");
-
 var _react2 = _interopRequireDefault(require("react"));
-
 var _index = require("../../multi-select-option/index.js");
-
 var _selectionList = require("../selection-list.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('<SelectionList />', () => {
   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.MultiSelectOption, {
         key: "1",
         label: "one",
         value: "1"
       });
-
       const selected = ['value'];
       expect(() => {
         (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_selectionList.SelectionList, {
@@ -50,13 +45,11 @@ describe('<SelectionList />', () => {
     });
     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.MultiSelectOption, {
         key: "1",
         label: "one",
         value: "1"
       });
-
       const selected = ['value'];
       const {
         getByText
@@ -70,13 +63,11 @@ describe('<SelectionList />', () => {
     });
     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.MultiSelectOption, {
         key: "1",
         label: "one",
         value: "1"
       });
-
       const selected = ['value'];
       (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_selectionList.SelectionList, {
         selected: selected,
@@ -90,13 +81,11 @@ describe('<SelectionList />', () => {
   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.MultiSelectOption, {
         key: "1",
         label: "one",
         value: "1"
       });
-
       const selected = ['value'];
       expect(() => {
         (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_selectionList.SelectionList, {

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

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

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

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

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

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

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

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

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

@@ -1,12 +1,11 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('a MultiSelect with more than ten options is rendered', () => {
   cy.visitStory('MultiSelect', 'With more than ten options');
 });
 (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');
+  cy.visitStory('MultiSelect', '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/multi-select/features/accepts_placeholder/index.js

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

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

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

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

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

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

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

package/build/cjs/multi-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 MultiSelect with a selection and onchange handler is rendered', () => {
-  cy.visitStory('MultiSelect', 'With clear button, selection and onChange');
+  cy.visitStory('MultiSelect', 'With clear button, selection and on change');
 });
 (0, _cypressCucumberPreprocessor.When)('the clear button is clicked', () => {
   cy.get('[data-test="dhis2-uicore-multiselect-clear"]').click();

package/build/cjs/multi-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 MultiSelect with options is rendered', () => {
   cy.visitStory('MultiSelect', 'With options and disabled');
 });

package/build/cjs/multi-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 MultiSelect is rendered', () => {
   cy.visitStory('MultiSelect', 'Empty');
 });

package/build/cjs/multi-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 MultiSelect with options is rendered', () => {
   cy.visitStory('MultiSelect', 'With filter field');
 });

package/build/cjs/multi-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 MultiSelect with options is rendered', () => {
   cy.visitStory('MultiSelect', 'With options');
 });

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

@@ -1,12 +1,11 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('a MultiSelect with options and onChange handler is rendered', () => {
-  cy.visitStory('MultiSelect', 'With options and onChange');
+  cy.visitStory('MultiSelect', 'With options and on change');
 });
 (0, _cypressCucumberPreprocessor.Given)('a MultiSelect with options, a selection and onChange handler is rendered', () => {
-  cy.visitStory('MultiSelect', 'With options, a selection and onChange');
+  cy.visitStory('MultiSelect', 'With options, a selection and on change');
 });
 (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');

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

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

package/build/cjs/multi-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 MultiSelect with hidden sibling elements', () => {
   cy.visitStory('MultiSelect', 'Menu width changing');
   cy.get('[data-test="dhis2-uicore-multiselect"]').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('[data-test="dhis2-uicore-button"]').click();
 });
 (0, _cypressCucumberPreprocessor.Then)('the siblings are displayed', () => {
   cy.get('.toggler').should('exist').and('have.length', 2);

package/build/cjs/multi-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 MultiSelect menu', () => {
   cy.visitStory('MultiSelect', 'Default position');
 });
@@ -53,7 +52,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', () => {
@@ -67,7 +66,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 MultiSelect', () => {
@@ -96,7 +95,7 @@ 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);
   });
 });
 (0, _cypressCucumberPreprocessor.Then)('the Menu and the Input have an equal width', () => {
@@ -110,6 +109,6 @@ var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preproces
     const $menu = menus[0];
     const inputRect = $input.getBoundingClientRect();
     const menuRect = $menu.getBoundingClientRect();
-    expect(inputRect.width).to.equal(menuRect.width);
+    expect(inputRect.width).to.be.closeTo(menuRect.width, 1);
   });
 });

package/build/cjs/multi-select/features/position.feature

@@ -44,4 +44,3 @@ Feature: Position of MultiSelect menu dropdown
         Then the Input remains the same height
         And the top of the menu is aligned with the bottom of the input
         And the left of the Menu is aligned with the left of the Input
-

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

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

package/build/cjs/multi-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/multi-select/index.js

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

package/build/cjs/multi-select/input.js

@@ -4,25 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Input = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _propTypes = require("@dhis2/prop-types");
-
 var _uiConstants = require("@dhis2/ui-constants");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes2 = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _index = require("../select/index.js");
-
 var _selectionList = require("./selection-list.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Input = _ref => {
   let {
     selected,
@@ -38,7 +28,6 @@ const Input = _ref => {
     inputMaxHeight
   } = _ref;
   const hasSelection = selected.length > 0;
-
   const onClear = e => {
     const data = {
       selected: []
@@ -46,15 +35,14 @@ const Input = _ref => {
     e.stopPropagation();
     onChange(data, e);
   };
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.dynamic([["64009541", [_uiConstants.colors.grey900]], ["1331770409", [inputMaxHeight]]]) + " " + ((0, _classnames.default)('root', className) || "")
   }, /*#__PURE__*/_react.default.createElement(_index.InputPrefix, {
     prefix: prefix,
-    dataTest: "".concat(dataTest, "-prefix")
+    dataTest: `${dataTest}-prefix`
   }), !hasSelection && !prefix && /*#__PURE__*/_react.default.createElement(_index.InputPlaceholder, {
     placeholder: placeholder,
-    dataTest: "".concat(dataTest, "-placeholder")
+    dataTest: `${dataTest}-placeholder`
   }), hasSelection && /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.dynamic([["64009541", [_uiConstants.colors.grey900]], ["1331770409", [inputMaxHeight]]]) + " " + "root-input"
   }, /*#__PURE__*/_react.default.createElement(_selectionList.SelectionList, {
@@ -67,16 +55,15 @@ const Input = _ref => {
   }, /*#__PURE__*/_react.default.createElement(_index.InputClearButton, {
     onClear: onClear,
     clearText: clearText,
-    dataTest: "".concat(dataTest, "-clear")
+    dataTest: `${dataTest}-clear`
   })), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "64009541",
     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;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-ms-flex-flow:wrap;flex-flow:wrap;gap:4px;}", ".root-right.__jsx-style-dynamic-selector{margin-inline-start:auto;}"]), /*#__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:${_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;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-ms-flex-flow:wrap;flex-flow:wrap;gap:4px;}", ".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, ";}")]));
+  }, [`.root-input.__jsx-style-dynamic-selector{max-height:${inputMaxHeight};}`]));
 };
-
 exports.Input = Input;
 Input.defaultProps = {
   inputMaxHeight: '100px'