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

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

@@ -4,29 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SingleSelect = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
-var _statusIcon = require("@dhis2-ui/status-icon");
-
 var _propTypes = require("@dhis2/prop-types");
-
 var _uiConstants = require("@dhis2/ui-constants");
-
+var _statusIcon = require("@dhis2-ui/status-icon");
 var _propTypes2 = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _index = require("../select/index.js");
-
 var _filterableMenu = require("./filterable-menu.js");
-
 var _input = require("./input.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 SingleSelect = _ref => {
   let {
     className,
@@ -98,7 +86,7 @@ const SingleSelect = _ref => {
     dense: dense
   }, children, loading && /*#__PURE__*/_react.default.createElement(_index.Loading, {
     message: loadingText,
-    dataTest: "".concat(dataTest, "-loading")
+    dataTest: `${dataTest}-loading`
   }))), /*#__PURE__*/_react.default.createElement(_statusIcon.StatusIcon, {
     error: error,
     valid: valid,
@@ -106,9 +94,8 @@ const SingleSelect = _ref => {
   }), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "2180377457",
     dynamic: [_uiConstants.spacers.dp8]
-  }, [".root.__jsx-style-dynamic-selector{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:".concat(_uiConstants.spacers.dp8, ";}"), ".root-input.__jsx-style-dynamic-selector{-webkit-flex:1;-ms-flex:1;flex:1;}"]));
+  }, [`.root.__jsx-style-dynamic-selector{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:${_uiConstants.spacers.dp8};}`, ".root-input.__jsx-style-dynamic-selector{-webkit-flex:1;-ms-flex:1;flex:1;}"]));
 };
-
 exports.SingleSelect = SingleSelect;
 SingleSelect.defaultProps = {
   selected: '',
@@ -117,23 +104,18 @@ SingleSelect.defaultProps = {
 SingleSelect.propTypes = {
   children: _propTypes2.default.node,
   className: _propTypes2.default.string,
-
   /** Text on button that clears selection. Required if `clearable` prop is true */
   clearText: (0, _propTypes.requiredIf)(props => props.clearable, _propTypes2.default.string),
-
   /** Adds a button to clear selection */
   clearable: _propTypes2.default.bool,
   dataTest: _propTypes2.default.string,
   dense: _propTypes2.default.bool,
   disabled: _propTypes2.default.bool,
-
   /** Text or component to display when there are no options */
   empty: _propTypes2.default.node,
-
   /** Applies 'error' appearance for validation feedback. Mutually exclusive with `warning` and `valid` props */
   error: _uiConstants.sharedPropTypes.statusPropType,
   filterPlaceholder: _propTypes2.default.string,
-
   /** Adds a filter field to add text to filter options */
   filterable: _propTypes2.default.bool,
   initialFocus: _propTypes2.default.bool,
@@ -141,17 +123,14 @@ SingleSelect.propTypes = {
   loading: _propTypes2.default.bool,
   loadingText: _propTypes2.default.string,
   maxHeight: _propTypes2.default.string,
-
   /** Text to show when filter returns no results. Required if `filterable` prop is true */
   noMatchText: (0, _propTypes.requiredIf)(props => props.filterable, _propTypes2.default.string),
   placeholder: _propTypes2.default.string,
   prefix: _propTypes2.default.string,
   selected: _propTypes2.default.string,
   tabIndex: _propTypes2.default.string,
-
   /** Applies 'valid' appearance for validation feedback. Mutually exclusive with `warning` and `error` props */
   valid: _uiConstants.sharedPropTypes.statusPropType,
-
   /** Applies 'warning' appearance for validation feedback. Mutually exclusive with `valid` and `error` props */
   warning: _uiConstants.sharedPropTypes.statusPropType,
   onBlur: _propTypes2.default.func,

package/build/cjs/single-select/{single-select.stories.js → single-select.prod.stories.js}

@@ -4,36 +4,33 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.WithRTL = exports.WithPrefixAndSelection = exports.WithPrefix = exports.WithPlaceholderAndSelection = exports.WithPlaceholder = exports.WithOptionsLoadingAndLoadingText = exports.WithOptionsAndOnChange = exports.WithOptionsAndLoading = exports.WithOptionsAndDisabled = exports.WithOptionsAndASelection = exports.WithOptionsASelectionAndDisabled = exports.WithOnFocus = exports.WithOnBlur = exports.WithMoreThanThreeOptionsAndA100PxMaxHeight = exports.WithMoreThanTenOptions = exports.WithInvalidOptions = exports.WithInvalidFilterableOptions = exports.WithInitialFocus = exports.WithFilterField = exports.WithDisabledOptionAndOnChange = exports.WithCustomOptionsAndOnChange = exports.WithClearButtonSelectionAndOnChange = exports.ShiftedIntoView = exports.FlippedPosition = exports.EmptyWithEmptyText = exports.EmptyWithEmptyComponent = exports.Empty = exports.Dense = exports.DefaultPosition = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _uiConstants = require("@dhis2/ui-constants");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _index = require("../index.js");
-
 var _index2 = require("./index.js");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const description = `
+Use a select component wherever the user needs to make a selection of one or more options from a list of 6 or more options. If there are less than 6 options to choose from and space permits, use checkboxes for multiple selection and radio buttons for single selection. If the user needs to make a complex selection with a specific ordering, use a transfer instead.
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+Learn more about using Selects at [Design System: Select](https://github.com/dhis2/design-system/blob/master/molecules/select.md).
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const description = "\nUse a select component wherever the user needs to make a selection of one or more options from a list of 6 or more options. If there are less than 6 options to choose from and space permits, use checkboxes for multiple selection and radio buttons for single selection. If the user needs to make a complex selection with a specific ordering, use a transfer instead.\n\nLearn more about using Selects at [Design System: Select](https://github.com/dhis2/design-system/blob/master/molecules/select.md).\n\n```js\nimport { SingleSelect, SingleSelectOption } from '@dhis2/ui'\n```\n\n_**Note:** Due to demo limitations on this page, only one representative example is rendered here. For more (interactive) examples, see individual stories in the 'Canvas' tab._\n";
+\`\`\`js
+import { SingleSelect, SingleSelectOption } from '@dhis2/ui'
+\`\`\`
 
+_**Note:** Due to demo limitations on this page, only one representative example is rendered here. For more (interactive) examples, see individual stories in the 'Canvas' tab._
+`;
 const eventHandler = handlerName => (payload, event) => {
-  console.log("".concat(handlerName, " payload"), payload);
-  console.log("".concat(handlerName, " event"), event);
+  console.log(`${handlerName} payload`, payload);
+  console.log(`${handlerName} event`, event);
 };
-
 const onChange = eventHandler('onChange');
 const onFocus = eventHandler('onFocus');
 const onBlur = eventHandler('onBlur');
-
 const CustomSingleSelectOption = _ref => {
   let {
     label,
@@ -43,7 +40,6 @@ const CustomSingleSelectOption = _ref => {
     onClick: e => onClick({}, e)
   }, label);
 };
-
 CustomSingleSelectOption.propTypes = {
   label: _propTypes.default.string,
   onClick: _propTypes.default.func
@@ -58,7 +54,7 @@ const requiredIfArgType = {
     }
   }
 };
-var _default = {
+var _default = exports.default = {
   title: 'Single Select',
   component: _index2.SingleSelect,
   parameters: {
@@ -80,20 +76,23 @@ var _default = {
     onChange
   },
   argTypes: {
-    valid: { ..._uiConstants.sharedPropTypes.statusArgType
+    valid: {
+      ..._uiConstants.sharedPropTypes.statusArgType
     },
-    warning: { ..._uiConstants.sharedPropTypes.statusArgType
+    warning: {
+      ..._uiConstants.sharedPropTypes.statusArgType
     },
-    error: { ..._uiConstants.sharedPropTypes.statusArgType
+    error: {
+      ..._uiConstants.sharedPropTypes.statusArgType
     },
-    clearText: { ...requiredIfArgType
+    clearText: {
+      ...requiredIfArgType
     },
-    noMatchText: { ...requiredIfArgType
+    noMatchText: {
+      ...requiredIfArgType
     }
   }
 };
-exports.default = _default;
-
 const WithOptionsTemplate = args => /*#__PURE__*/_react.default.createElement(_index2.SingleSelect, args, /*#__PURE__*/_react.default.createElement(_index.SingleSelectOption, {
   value: "1",
   label: "option one"
@@ -104,37 +103,30 @@ const WithOptionsTemplate = args => /*#__PURE__*/_react.default.createElement(_i
   value: "3",
   label: "option three"
 }));
-
 const EmptyTemplate = args => /*#__PURE__*/_react.default.createElement(_index2.SingleSelect, args);
-
-const WithOptionsAndOnChange = WithOptionsTemplate.bind({});
-exports.WithOptionsAndOnChange = WithOptionsAndOnChange;
+const WithOptionsAndOnChange = exports.WithOptionsAndOnChange = WithOptionsTemplate.bind({});
 WithOptionsAndOnChange.storyName = 'With options and onChange';
-const WithOptionsAndASelection = WithOptionsTemplate.bind({});
-exports.WithOptionsAndASelection = WithOptionsAndASelection;
+const WithOptionsAndASelection = exports.WithOptionsAndASelection = WithOptionsTemplate.bind({});
 WithOptionsAndASelection.args = {
   selected: '1'
-}; // Enable this story as the primary for docs as a representative example
-
+};
+// Enable this story as the primary for docs as a representative example
 WithOptionsAndASelection.parameters = {
   docs: {
     disable: false
   }
 };
 WithOptionsAndASelection.storyName = 'With options and a selection';
-const WithOnFocus = WithOptionsTemplate.bind({});
-exports.WithOnFocus = WithOnFocus;
+const WithOnFocus = exports.WithOnFocus = WithOptionsTemplate.bind({});
 WithOnFocus.args = {
   onFocus
 };
-WithOnFocus.storyName = 'With onFocus';
-const WithOnBlur = WithOptionsTemplate.bind({});
-exports.WithOnBlur = WithOnBlur;
+WithOnFocus.storyName = 'With on focus';
+const WithOnBlur = exports.WithOnBlur = WithOptionsTemplate.bind({});
 WithOnBlur.args = {
   onBlur
 };
 WithOnBlur.storyName = 'With onBlur';
-
 const WithCustomOptionsAndOnChange = args => /*#__PURE__*/_react.default.createElement(_index2.SingleSelect, args, /*#__PURE__*/_react.default.createElement(CustomSingleSelectOption, {
   value: "1",
   label: "option one"
@@ -145,10 +137,8 @@ const WithCustomOptionsAndOnChange = args => /*#__PURE__*/_react.default.createE
   value: "3",
   label: "option three"
 }));
-
 exports.WithCustomOptionsAndOnChange = WithCustomOptionsAndOnChange;
 WithCustomOptionsAndOnChange.storyName = 'With custom options and onChange';
-
 const WithInvalidOptions = args => /*#__PURE__*/_react.default.createElement(_index2.SingleSelect, args, /*#__PURE__*/_react.default.createElement("div", null, "invalid one"), /*#__PURE__*/_react.default.createElement(_index.SingleSelectOption, {
   value: "1",
   label: "option one"
@@ -159,9 +149,7 @@ const WithInvalidOptions = args => /*#__PURE__*/_react.default.createElement(_in
   value: "3",
   label: "option three"
 }), null, undefined, false);
-
 exports.WithInvalidOptions = WithInvalidOptions;
-
 const WithInvalidFilterableOptions = args => /*#__PURE__*/_react.default.createElement(_index2.SingleSelect, args, /*#__PURE__*/_react.default.createElement("div", null, "invalid one"), /*#__PURE__*/_react.default.createElement(_index.SingleSelectOption, {
   value: "1",
   label: "option one"
@@ -172,14 +160,12 @@ const WithInvalidFilterableOptions = args => /*#__PURE__*/_react.default.createE
   value: "3",
   label: "option three"
 }));
-
 exports.WithInvalidFilterableOptions = WithInvalidFilterableOptions;
 WithInvalidFilterableOptions.args = {
   filterable: true,
   noMatchText: 'No match found'
 };
-const WithInitialFocus = EmptyTemplate.bind({});
-exports.WithInitialFocus = WithInitialFocus;
+const WithInitialFocus = exports.WithInitialFocus = EmptyTemplate.bind({});
 WithInitialFocus.args = {
   initialFocus: true
 };
@@ -188,40 +174,33 @@ WithInitialFocus.parameters = {
     disable: true
   }
 };
-WithInitialFocus.storyName = 'With initialFocus';
-const Dense = WithOptionsTemplate.bind({});
-exports.Dense = Dense;
+const Dense = exports.Dense = WithOptionsTemplate.bind({});
 Dense.args = {
   dense: true,
   placeholder: 'Dense sized select'
 };
 Dense.storyName = 'Dense';
-const Empty = EmptyTemplate.bind({});
-exports.Empty = Empty;
-const EmptyWithEmptyText = EmptyTemplate.bind({});
-exports.EmptyWithEmptyText = EmptyWithEmptyText;
+const Empty = exports.Empty = EmptyTemplate.bind({});
+const EmptyWithEmptyText = exports.EmptyWithEmptyText = EmptyTemplate.bind({});
 EmptyWithEmptyText.args = {
   empty: 'Custom empty text'
 };
-const EmptyWithEmptyComponent = EmptyTemplate.bind({});
-exports.EmptyWithEmptyComponent = EmptyWithEmptyComponent;
+const EmptyWithEmptyComponent = exports.EmptyWithEmptyComponent = EmptyTemplate.bind({});
 EmptyWithEmptyComponent.args = {
   empty: /*#__PURE__*/_react.default.createElement("div", {
     className: "custom-empty"
   }, "Custom empty component")
 };
-const WithOptionsAndLoading = WithOptionsTemplate.bind({});
-exports.WithOptionsAndLoading = WithOptionsAndLoading;
+const WithOptionsAndLoading = exports.WithOptionsAndLoading = WithOptionsTemplate.bind({});
 WithOptionsAndLoading.args = {
   loading: true
 };
-const WithOptionsLoadingAndLoadingText = WithOptionsTemplate.bind({});
-exports.WithOptionsLoadingAndLoadingText = WithOptionsLoadingAndLoadingText;
-WithOptionsLoadingAndLoadingText.args = { ...WithOptionsAndLoading.args,
+const WithOptionsLoadingAndLoadingText = exports.WithOptionsLoadingAndLoadingText = WithOptionsTemplate.bind({});
+WithOptionsLoadingAndLoadingText.args = {
+  ...WithOptionsAndLoading.args,
   loadingText: 'Loading options'
 };
 WithOptionsLoadingAndLoadingText.storyName = 'With options, loading and loading text';
-
 const WithMoreThanTenOptions = args => /*#__PURE__*/_react.default.createElement(_index2.SingleSelect, args, /*#__PURE__*/_react.default.createElement(_index.SingleSelectOption, {
   value: "1",
   label: "option one"
@@ -259,9 +238,7 @@ const WithMoreThanTenOptions = args => /*#__PURE__*/_react.default.createElement
   value: "12",
   label: "option twelve"
 }));
-
 exports.WithMoreThanTenOptions = WithMoreThanTenOptions;
-
 const WithMoreThanThreeOptionsAndA100PxMaxHeight = args => /*#__PURE__*/_react.default.createElement(_index2.SingleSelect, args, /*#__PURE__*/_react.default.createElement(_index.SingleSelectOption, {
   value: "1",
   label: "option one"
@@ -299,35 +276,31 @@ const WithMoreThanThreeOptionsAndA100PxMaxHeight = args => /*#__PURE__*/_react.d
   value: "12",
   label: "option twelve"
 }));
-
 exports.WithMoreThanThreeOptionsAndA100PxMaxHeight = WithMoreThanThreeOptionsAndA100PxMaxHeight;
 WithMoreThanThreeOptionsAndA100PxMaxHeight.args = {
   maxHeight: '100px'
 };
 WithMoreThanThreeOptionsAndA100PxMaxHeight.storyName = 'With more than three options and a 100px max-height';
-const WithOptionsAndDisabled = WithOptionsTemplate.bind({});
-exports.WithOptionsAndDisabled = WithOptionsAndDisabled;
+const WithOptionsAndDisabled = exports.WithOptionsAndDisabled = WithOptionsTemplate.bind({});
 WithOptionsAndDisabled.args = {
   disabled: true
 };
 WithOptionsAndDisabled.storyName = 'With options and disabled';
-const WithOptionsASelectionAndDisabled = WithOptionsTemplate.bind({});
-exports.WithOptionsASelectionAndDisabled = WithOptionsASelectionAndDisabled;
-WithOptionsASelectionAndDisabled.args = { ...WithOptionsAndDisabled.args,
+const WithOptionsASelectionAndDisabled = exports.WithOptionsASelectionAndDisabled = WithOptionsTemplate.bind({});
+WithOptionsASelectionAndDisabled.args = {
+  ...WithOptionsAndDisabled.args,
   ...WithOptionsAndASelection.args
 };
 WithOptionsASelectionAndDisabled.storyName = 'With options, a selection and disabled';
-const WithPrefix = WithOptionsTemplate.bind({});
-exports.WithPrefix = WithPrefix;
+const WithPrefix = exports.WithPrefix = WithOptionsTemplate.bind({});
 WithPrefix.args = {
   prefix: 'Prefix text'
 };
-const WithPrefixAndSelection = WithOptionsTemplate.bind({});
-exports.WithPrefixAndSelection = WithPrefixAndSelection;
-WithPrefixAndSelection.args = { ...WithPrefix.args,
+const WithPrefixAndSelection = exports.WithPrefixAndSelection = WithOptionsTemplate.bind({});
+WithPrefixAndSelection.args = {
+  ...WithPrefix.args,
   ...WithOptionsAndASelection.args
 };
-
 const WithRTL = args => {
   // as options are rendered in Portal, the body dir (of the iframe) needs to be set to 'rtl'
   (0, _react.useEffect)(() => {
@@ -349,24 +322,21 @@ const WithRTL = args => {
     label: "\u0627\u0644\u062E\u064A\u0627\u0631 3"
   })));
 };
-
 exports.WithRTL = WithRTL;
 WithRTL.args = {
   prefix: 'نص البادئة',
   ...WithOptionsAndASelection.args
 };
 WithRTL.storyName = 'RTL Text';
-const WithPlaceholder = WithOptionsTemplate.bind({});
-exports.WithPlaceholder = WithPlaceholder;
+const WithPlaceholder = exports.WithPlaceholder = WithOptionsTemplate.bind({});
 WithPlaceholder.args = {
   placeholder: 'Placeholder text'
 };
-const WithPlaceholderAndSelection = WithOptionsTemplate.bind({});
-exports.WithPlaceholderAndSelection = WithPlaceholderAndSelection;
-WithPlaceholderAndSelection.args = { ...WithPlaceholder.args,
+const WithPlaceholderAndSelection = exports.WithPlaceholderAndSelection = WithOptionsTemplate.bind({});
+WithPlaceholderAndSelection.args = {
+  ...WithPlaceholder.args,
   ...WithOptionsAndASelection.args
 };
-
 const WithDisabledOptionAndOnChange = args => /*#__PURE__*/_react.default.createElement(_index2.SingleSelect, args, /*#__PURE__*/_react.default.createElement(_index.SingleSelectOption, {
   value: "1",
   label: "option one"
@@ -381,21 +351,19 @@ const WithDisabledOptionAndOnChange = args => /*#__PURE__*/_react.default.create
   label: "disabled option",
   disabled: true
 }));
-
 exports.WithDisabledOptionAndOnChange = WithDisabledOptionAndOnChange;
 WithDisabledOptionAndOnChange.storyName = 'With disabled option and onChange';
-const WithClearButtonSelectionAndOnChange = WithOptionsTemplate.bind({});
-exports.WithClearButtonSelectionAndOnChange = WithClearButtonSelectionAndOnChange;
-WithClearButtonSelectionAndOnChange.args = { ...WithOptionsAndASelection.args,
+const WithClearButtonSelectionAndOnChange = exports.WithClearButtonSelectionAndOnChange = WithOptionsTemplate.bind({});
+WithClearButtonSelectionAndOnChange.args = {
+  ...WithOptionsAndASelection.args,
   clearable: true,
   clearText: 'Clear'
 };
 WithClearButtonSelectionAndOnChange.storyName = 'With clear button, selection and onChange';
-const WithFilterField = WithOptionsTemplate.bind({});
-exports.WithFilterField = WithFilterField;
-WithFilterField.args = { ...WithInvalidFilterableOptions.args
+const WithFilterField = exports.WithFilterField = WithOptionsTemplate.bind({});
+WithFilterField.args = {
+  ...WithInvalidFilterableOptions.args
 };
-
 const DefaultPosition = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_index2.SingleSelect, args, /*#__PURE__*/_react.default.createElement(_index.SingleSelectOption, {
   value: "1",
   label: "option one"
@@ -435,9 +403,7 @@ const DefaultPosition = args => /*#__PURE__*/_react.default.createElement(_react
 })), /*#__PURE__*/_react.default.createElement(_style.default, {
   id: "2006483503"
 }, ["#root{margin-bottom:2000px;}"]));
-
 exports.DefaultPosition = DefaultPosition;
-
 const FlippedPosition = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_index2.SingleSelect, args, /*#__PURE__*/_react.default.createElement(_index.SingleSelectOption, {
   value: "1",
   label: "option one"
@@ -477,9 +443,7 @@ const FlippedPosition = args => /*#__PURE__*/_react.default.createElement(_react
 })), /*#__PURE__*/_react.default.createElement(_style.default, {
   id: "1520050670"
 }, ["html,body,#root{position:relative;height:500px;max-height:500px;}", "#root{padding-top:400px !important;}"]));
-
 exports.FlippedPosition = FlippedPosition;
-
 const ShiftedIntoView = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_index2.SingleSelect, args, /*#__PURE__*/_react.default.createElement(_index.SingleSelectOption, {
   value: "1",
   label: "option one"
@@ -519,5 +483,4 @@ const ShiftedIntoView = args => /*#__PURE__*/_react.default.createElement(_react
 })), /*#__PURE__*/_react.default.createElement(_style.default, {
   id: "1828862170"
 }, ["html,body,#root{position:relative;height:300px !important;max-height:300px;}", "#root{padding-top:130px !important;}"]));
-
 exports.ShiftedIntoView = ShiftedIntoView;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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