@dhis2-ui/select 10.16.3-alpha.1 → 10.16.4

package/build/cjs/simple-single-select/use-handle-key-press/use-page-down.js

@@ -8,13 +8,12 @@ var _react = require("react");
 var _isOptionHidden = require("../is-option-hidden.js");
 var _useHighlightLastOptionOnNextPage = require("./use-highlight-last-option-on-next-page.js");
 var _useHighlightLastVisibleOption = require("./use-highlight-last-visible-option.js");
-function usePageDown(_ref) {
-  let {
-    options,
-    focussedOptionIndex,
-    setFocussedOptionIndex,
-    listBoxRef
-  } = _ref;
+function usePageDown({
+  options,
+  focussedOptionIndex,
+  setFocussedOptionIndex,
+  listBoxRef
+}) {
   const highlightLastVisibleOption = (0, _useHighlightLastVisibleOption.useHighlightLastVisibleOption)({
     options,
     focussedOptionIndex,

package/build/cjs/simple-single-select/use-handle-key-press/use-page-up.js

@@ -8,13 +8,12 @@ var _react = require("react");
 var _isOptionHidden = require("../is-option-hidden.js");
 var _useHighlightFirstOptionOnPreviousPage = require("./use-highlight-first-option-on-previous-page.js");
 var _useHighlightFirstVisibleOption = require("./use-highlight-first-visible-option.js");
-function usePageUp(_ref) {
-  let {
-    options,
-    listBoxRef,
-    focussedOptionIndex,
-    setFocussedOptionIndex
-  } = _ref;
+function usePageUp({
+  options,
+  listBoxRef,
+  focussedOptionIndex,
+  setFocussedOptionIndex
+}) {
   const highlightFirstVisibleOption = (0, _useHighlightFirstVisibleOption.useHighlightFirstVisibleOption)({
     options,
     focussedOptionIndex,

package/build/cjs/simple-single-select/use-handle-key-press/utils.js

@@ -8,39 +8,34 @@ exports.findLastOptionIndex = findLastOptionIndex;
 exports.findNextOptionIndex = findNextOptionIndex;
 exports.findPrevOptionIndex = findPrevOptionIndex;
 exports.isEnabled = isEnabled;
-function isEnabled(_ref) {
-  let {
-    disabled
-  } = _ref;
+function isEnabled({
+  disabled
+}) {
   return !disabled;
 }
-function findNextOptionIndex(_ref2) {
-  let {
-    options,
-    activeIndex
-  } = _ref2;
+function findNextOptionIndex({
+  options,
+  activeIndex
+}) {
   const startIndex = activeIndex + 1;
   const optionsToSearch = options.slice(startIndex);
 
   // Need to add back the count we removed by slicing the options array
   return startIndex + optionsToSearch.findIndex(isEnabled);
 }
-function findPrevOptionIndex(_ref3) {
-  let {
-    options,
-    activeIndex
-  } = _ref3;
+function findPrevOptionIndex({
+  options,
+  activeIndex
+}) {
   return options.slice(0, activeIndex).findLastIndex(isEnabled);
 }
-function findFirstOptionIndex(_ref4) {
-  let {
-    options
-  } = _ref4;
+function findFirstOptionIndex({
+  options
+}) {
   return options.findIndex(isEnabled);
 }
-function findLastOptionIndex(_ref5) {
-  let {
-    options
-  } = _ref5;
+function findLastOptionIndex({
+  options
+}) {
   return options.findLastIndex(isEnabled);
 }

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

@@ -135,12 +135,9 @@ SimpleSingleSelectField.propTypes = {
    * be used to supply the text to be shown.
    **/
   valueLabel: (0, _propTypes.requiredIf)(props => {
-    if (props.options.find(_ref2 => {
-      let {
-        value
-      } = _ref2;
-      return props.value === value;
-    })) {
+    if (props.options.find(({
+      value
+    }) => props.value === value)) {
       return false;
     }
     return props.value;

package/build/cjs/simple-single-select-field/simple-single-select-field.prod.stories.js

@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.WithHelpText = exports.StatusWarning = exports.StatusValid = exports.StatusError = exports.StatusDisabled = exports.Required = exports.InputWidth = exports.Default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _index = 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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const description = `
 \`SimpleSingleSelectField\` is a wrapper around a \`SimpleSingleSelect\` component that adds a label, help text, validation text, and other features.
 

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

@@ -11,12 +11,9 @@ jest.mock('../simple-single-select/simple-single-select.js', () => ({
   SimpleSingleSelect: jest.fn(() => /*#__PURE__*/_react2.default.createElement("div", null))
 }));
 jest.mock('@dhis2-ui/field', () => ({
-  Field: jest.fn(_ref => {
-    let {
-      children
-    } = _ref;
-    return children;
-  })
+  Field: jest.fn(({
+    children
+  }) => children)
 }));
 describe('<SimpleSingleSelectField />', () => {
   afterEach(() => {

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

@@ -25,8 +25,7 @@ var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preproces
 (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 => {
-    let [inputs, menus] = _ref;
+  cy.getAll(selectDataTest, menuDataTest).should(([inputs, menus]) => {
     expect(inputs.length).to.equal(1);
     expect(menus.length).to.equal(1);
     const $input = inputs[0];
@@ -39,8 +38,7 @@ var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preproces
 (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 => {
-    let [$input, $menu] = _ref2;
+  cy.getAll(inputSelector, menuSelector).should(([$input, $menu]) => {
     const inputWidth = Math.round($input.outerWidth());
     const menuWidth = Math.round($menu.outerWidth());
     expect(inputWidth).to.equal(menuWidth);

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

@@ -23,8 +23,7 @@ var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preproces
 (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 => {
-    let [selects, menus] = _ref;
+  cy.getAll(selectDataTest, menuDataTest).should(([selects, menus]) => {
     expect(selects.length).to.equal(1);
     expect(menus.length).to.equal(1);
     const $select = selects[0];
@@ -37,8 +36,7 @@ var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preproces
 (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 => {
-    let [selects, menus] = _ref2;
+  cy.getAll(selectDataTest, menuDataTest).should(([selects, menus]) => {
     expect(selects.length).to.equal(1);
     expect(menus.length).to.equal(1);
     const $select = selects[0];
@@ -51,8 +49,7 @@ var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preproces
 (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 => {
-    let [selects, menus] = _ref3;
+  cy.getAll(selectDataTest, menuDataTest).should(([selects, menus]) => {
     expect(selects.length).to.equal(1);
     expect(menus.length).to.equal(1);
     const $select = selects[0];
@@ -66,8 +63,7 @@ var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preproces
 (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 => {
-    let [selects, menus] = _ref4;
+  cy.getAll(selectDataTest, menuDataTest).should(([selects, menus]) => {
     expect(selects.length).to.equal(1);
     expect(menus.length).to.equal(1);
     const $select = selects[0];

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

@@ -9,31 +9,28 @@ var _react = _interopRequireDefault(require("react"));
 var _index = require("../select/index.js");
 var _menu = require("./menu.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const FilterableMenu = _ref => {
-  let {
-    dataTest,
-    options,
-    onChange,
-    selected,
-    empty,
-    handleClose,
-    handleFocusInput,
-    placeholder,
-    noMatchText
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_index.FilterableMenu, {
-    dataTest: dataTest,
-    options: options,
-    onChange: onChange,
-    selected: selected,
-    empty: empty,
-    handleClose: handleClose,
-    handleFocusInput: handleFocusInput,
-    placeholder: placeholder,
-    noMatchText: noMatchText,
-    Menu: _menu.Menu
-  });
-};
+const FilterableMenu = ({
+  dataTest,
+  options,
+  onChange,
+  selected,
+  empty,
+  handleClose,
+  handleFocusInput,
+  placeholder,
+  noMatchText
+}) => /*#__PURE__*/_react.default.createElement(_index.FilterableMenu, {
+  dataTest: dataTest,
+  options: options,
+  onChange: onChange,
+  selected: selected,
+  empty: empty,
+  handleClose: handleClose,
+  handleFocusInput: handleFocusInput,
+  placeholder: placeholder,
+  noMatchText: noMatchText,
+  Menu: _menu.Menu
+});
 exports.FilterableMenu = FilterableMenu;
 FilterableMenu.propTypes = {
   dataTest: _propTypes.default.string.isRequired,

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

@@ -13,20 +13,19 @@ var _react = _interopRequireDefault(require("react"));
 var _index = require("../select/index.js");
 var _selection = require("./selection.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Input = _ref => {
-  let {
-    selected,
-    onChange,
-    clearable,
-    clearText,
-    placeholder,
-    dataTest,
-    prefix,
-    options,
-    className,
-    disabled,
-    inputMaxHeight = '100px'
-  } = _ref;
+const Input = ({
+  selected,
+  onChange,
+  clearable,
+  clearText,
+  placeholder,
+  dataTest,
+  prefix,
+  options,
+  className,
+  disabled,
+  inputMaxHeight = '100px'
+}) => {
   const hasSelection = selected && typeof selected === 'string';
   const onClear = e => {
     const data = {

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

@@ -12,16 +12,15 @@ const onIgnoredClick = (_, e) => {
   e.stopPropagation();
   e.preventDefault();
 };
-const Menu = _ref => {
-  let {
-    options,
-    onChange,
-    selected,
-    empty = '',
-    handleFocusInput,
-    handleClose,
-    dataTest
-  } = _ref;
+const Menu = ({
+  options,
+  onChange,
+  selected,
+  empty = '',
+  handleFocusInput,
+  handleClose,
+  dataTest
+}) => {
   const renderedOptions = (0, _index.filterIgnored)(options);
   if (_react.default.Children.count(renderedOptions) === 0) {
     // If it's a string, supply it to our <Empty> component so it looks better

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

@@ -11,12 +11,11 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _index = require("../select/index.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Selection = _ref => {
-  let {
-    options,
-    selected,
-    className
-  } = _ref;
+const Selection = ({
+  options,
+  selected,
+  className
+}) => {
   const isProduction = process.env.NODE_ENV === 'production';
   const selectedOption = (0, _index.findOptionChild)(selected, options);
   if (!selectedOption) {

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

@@ -11,21 +11,17 @@ 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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 window.onChange = window.Cypress && window.Cypress.cy.stub();
 window.onFocus = window.Cypress && window.Cypress.cy.stub();
 window.onBlur = window.Cypress && window.Cypress.cy.stub();
-const CustomSingleSelectOption = _ref => {
-  let {
-    label,
-    onClick
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    onClick: e => onClick({}, e)
-  }, label);
-};
+const CustomSingleSelectOption = ({
+  label,
+  onClick
+}) => /*#__PURE__*/_react.default.createElement("div", {
+  onClick: e => onClick({}, e)
+}, label);
 CustomSingleSelectOption.propTypes = {
   label: _propTypes.default.string,
   onClick: _propTypes.default.func
@@ -604,23 +600,17 @@ const MenuWidthChanging = () => {
       flexGrow: 1
     }
   }, /*#__PURE__*/_react.default.createElement(_index2.SingleSelect, {
-    onChange: _ref2 => {
-      let {
-        selected
-      } = _ref2;
-      return console.log('size changed to ' + selected);
-    }
-  }, options.map(_ref3 => {
-    let {
-      name,
-      id
-    } = _ref3;
-    return /*#__PURE__*/_react.default.createElement(_index.SingleSelectOption, {
-      key: id,
-      value: id,
-      label: name
-    });
-  }))), toggle && /*#__PURE__*/_react.default.createElement("div", {
+    onChange: ({
+      selected
+    }) => console.log('size changed to ' + selected)
+  }, options.map(({
+    name,
+    id
+  }) => /*#__PURE__*/_react.default.createElement(_index.SingleSelectOption, {
+    key: id,
+    value: id,
+    label: name
+  })))), toggle && /*#__PURE__*/_react.default.createElement("div", {
     style: {
       padding: '30px',
       border: '1px solid green'

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

@@ -15,36 +15,35 @@ var _filterableMenu = require("./filterable-menu.js");
 var _input = require("./input.js");
 var _menu = require("./menu.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const SingleSelect = _ref => {
-  let {
-    className,
-    selected = '',
-    tabIndex,
-    maxHeight,
-    inputMaxHeight,
-    onChange,
-    onFocus,
-    onKeyDown,
-    onBlur,
-    loading,
-    error,
-    warning,
-    valid,
-    disabled,
-    children,
-    clearable,
-    clearText,
-    filterable,
-    filterPlaceholder,
-    placeholder,
-    prefix,
-    empty,
-    loadingText,
-    noMatchText,
-    initialFocus,
-    dense,
-    dataTest = 'dhis2-uicore-singleselect'
-  } = _ref;
+const SingleSelect = ({
+  className,
+  selected = '',
+  tabIndex,
+  maxHeight,
+  inputMaxHeight,
+  onChange,
+  onFocus,
+  onKeyDown,
+  onBlur,
+  loading,
+  error,
+  warning,
+  valid,
+  disabled,
+  children,
+  clearable,
+  clearText,
+  filterable,
+  filterPlaceholder,
+  placeholder,
+  prefix,
+  empty,
+  loadingText,
+  noMatchText,
+  initialFocus,
+  dense,
+  dataTest = 'dhis2-uicore-singleselect'
+}) => {
   // If the select is filterable, use a filterable menu
   const menu = filterable ? /*#__PURE__*/_react.default.createElement(_filterableMenu.FilterableMenu, {
     dataTest: dataTest,

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

@@ -10,8 +10,7 @@ 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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 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.
@@ -31,15 +30,12 @@ const eventHandler = handlerName => (payload, event) => {
 const onChange = eventHandler('onChange');
 const onFocus = eventHandler('onFocus');
 const onBlur = eventHandler('onBlur');
-const CustomSingleSelectOption = _ref => {
-  let {
-    label,
-    onClick
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    onClick: e => onClick({}, e)
-  }, label);
-};
+const CustomSingleSelectOption = ({
+  label,
+  onClick
+}) => /*#__PURE__*/_react.default.createElement("div", {
+  onClick: e => onClick({}, e)
+}, label);
 CustomSingleSelectOption.propTypes = {
   label: _propTypes.default.string,
   onClick: _propTypes.default.func

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

@@ -10,35 +10,32 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const SingleSelectOption = _ref => {
-  let {
-    label,
-    active,
+const SingleSelectOption = ({
+  label,
+  active,
+  disabled,
+  onClick,
+  className,
+  dataTest = 'dhis2-uicore-singleselectoption',
+  value
+}) => /*#__PURE__*/_react.default.createElement("div", {
+  onClick: e => onClick({}, e),
+  "data-test": dataTest,
+  "data-value": value,
+  "data-label": label,
+  className: _style.default.dynamic([["1307386342", [_uiConstants.colors.grey900, _uiConstants.spacers.dp8, _uiConstants.spacers.dp12, _uiConstants.colors.grey200, _uiConstants.colors.teal050, _uiConstants.colors.grey500, active ? `url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNjMyMDkgNy44MzIxNEMzLjI3MjA5IDcuNDcyMTQgMi43MjAwOSA3LjQ3MjE0IDIuMzYwMDkgNy44MzIxNEMyLjAwMDA5IDguMTkyMTQgMi4wMDAwOSA4Ljc0NDE0IDIuMzYwMDkgOS4xMDQxNEw1LjYyNDA5IDEyLjM2ODFDNS45ODQwOSAxMi43MjgxIDYuNTM2MDkgMTIuNzI4MSA2Ljg5NjA5IDEyLjM2ODFMMTQuNjQ4MSA0LjY0MDE0QzE1LjAwODEgNC4yODAxNCAxNS4wMDgxIDMuNzI4MTQgMTQuNjQ4MSAzLjM2ODE0QzE0LjI4ODEgMy4wMDgxNCAxMy43MzYxIDMuMDA4MTQgMTMuMzUyMSAzLjM2ODE0TDYuMjcyMDkgMTAuNDcyMUwzLjYzMjA5IDcuODMyMTRaIiBmaWxsPSIjMDA2OTVDIi8+Cjwvc3ZnPgo=')` : 'none']]]) + " " + ((0, _classnames.default)(className, {
     disabled,
-    onClick,
-    className,
-    dataTest = 'dhis2-uicore-singleselectoption',
-    value
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    onClick: e => onClick({}, e),
-    "data-test": dataTest,
-    "data-value": value,
-    "data-label": label,
-    className: _style.default.dynamic([["1307386342", [_uiConstants.colors.grey900, _uiConstants.spacers.dp8, _uiConstants.spacers.dp12, _uiConstants.colors.grey200, _uiConstants.colors.teal050, _uiConstants.colors.grey500, active ? `url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNjMyMDkgNy44MzIxNEMzLjI3MjA5IDcuNDcyMTQgMi43MjAwOSA3LjQ3MjE0IDIuMzYwMDkgNy44MzIxNEMyLjAwMDA5IDguMTkyMTQgMi4wMDAwOSA4Ljc0NDE0IDIuMzYwMDkgOS4xMDQxNEw1LjYyNDA5IDEyLjM2ODFDNS45ODQwOSAxMi43MjgxIDYuNTM2MDkgMTIuNzI4MSA2Ljg5NjA5IDEyLjM2ODFMMTQuNjQ4MSA0LjY0MDE0QzE1LjAwODEgNC4yODAxNCAxNS4wMDgxIDMuNzI4MTQgMTQuNjQ4MSAzLjM2ODE0QzE0LjI4ODEgMy4wMDgxNCAxMy43MzYxIDMuMDA4MTQgMTMuMzUyMSAzLjM2ODE0TDYuMjcyMDkgMTAuNDcyMUwzLjYzMjA5IDcuODMyMTRaIiBmaWxsPSIjMDA2OTVDIi8+Cjwvc3ZnPgo=')` : 'none']]]) + " " + ((0, _classnames.default)(className, {
-      disabled,
-      active
-    }) || "")
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    "aria-hidden": "true",
-    className: _style.default.dynamic([["1307386342", [_uiConstants.colors.grey900, _uiConstants.spacers.dp8, _uiConstants.spacers.dp12, _uiConstants.colors.grey200, _uiConstants.colors.teal050, _uiConstants.colors.grey500, active ? `url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNjMyMDkgNy44MzIxNEMzLjI3MjA5IDcuNDcyMTQgMi43MjAwOSA3LjQ3MjE0IDIuMzYwMDkgNy44MzIxNEMyLjAwMDA5IDguMTkyMTQgMi4wMDAwOSA4Ljc0NDE0IDIuMzYwMDkgOS4xMDQxNEw1LjYyNDA5IDEyLjM2ODFDNS45ODQwOSAxMi43MjgxIDYuNTM2MDkgMTIuNzI4MSA2Ljg5NjA5IDEyLjM2ODFMMTQuNjQ4MSA0LjY0MDE0QzE1LjAwODEgNC4yODAxNCAxNS4wMDgxIDMuNzI4MTQgMTQuNjQ4MSAzLjM2ODE0QzE0LjI4ODEgMy4wMDgxNCAxMy43MzYxIDMuMDA4MTQgMTMuMzUyMSAzLjM2ODE0TDYuMjcyMDkgMTAuNDcyMUwzLjYzMjA5IDcuODMyMTRaIiBmaWxsPSIjMDA2OTVDIi8+Cjwvc3ZnPgo=')` : 'none']]]) + " " + "checkmark"
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    className: _style.default.dynamic([["1307386342", [_uiConstants.colors.grey900, _uiConstants.spacers.dp8, _uiConstants.spacers.dp12, _uiConstants.colors.grey200, _uiConstants.colors.teal050, _uiConstants.colors.grey500, active ? `url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNjMyMDkgNy44MzIxNEMzLjI3MjA5IDcuNDcyMTQgMi43MjAwOSA3LjQ3MjE0IDIuMzYwMDkgNy44MzIxNEMyLjAwMDA5IDguMTkyMTQgMi4wMDAwOSA4Ljc0NDE0IDIuMzYwMDkgOS4xMDQxNEw1LjYyNDA5IDEyLjM2ODFDNS45ODQwOSAxMi43MjgxIDYuNTM2MDkgMTIuNzI4MSA2Ljg5NjA5IDEyLjM2ODFMMTQuNjQ4MSA0LjY0MDE0QzE1LjAwODEgNC4yODAxNCAxNS4wMDgxIDMuNzI4MTQgMTQuNjQ4MSAzLjM2ODE0QzE0LjI4ODEgMy4wMDgxNCAxMy43MzYxIDMuMDA4MTQgMTMuMzUyMSAzLjM2ODE0TDYuMjcyMDkgMTAuNDcyMUwzLjYzMjA5IDcuODMyMTRaIiBmaWxsPSIjMDA2OTVDIi8+Cjwvc3ZnPgo=')` : 'none']]]) + " " + "content"
-  }, label), /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "1307386342",
-    dynamic: [_uiConstants.colors.grey900, _uiConstants.spacers.dp8, _uiConstants.spacers.dp12, _uiConstants.colors.grey200, _uiConstants.colors.teal050, _uiConstants.colors.grey500, active ? `url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNjMyMDkgNy44MzIxNEMzLjI3MjA5IDcuNDcyMTQgMi43MjAwOSA3LjQ3MjE0IDIuMzYwMDkgNy44MzIxNEMyLjAwMDA5IDguMTkyMTQgMi4wMDAwOSA4Ljc0NDE0IDIuMzYwMDkgOS4xMDQxNEw1LjYyNDA5IDEyLjM2ODFDNS45ODQwOSAxMi43MjgxIDYuNTM2MDkgMTIuNzI4MSA2Ljg5NjA5IDEyLjM2ODFMMTQuNjQ4MSA0LjY0MDE0QzE1LjAwODEgNC4yODAxNCAxNS4wMDgxIDMuNzI4MTQgMTQuNjQ4MSAzLjM2ODE0QzE0LjI4ODEgMy4wMDgxNCAxMy43MzYxIDMuMDA4MTQgMTMuMzUyMSAzLjM2ODE0TDYuMjcyMDkgMTAuNDcyMUwzLjYzMjA5IDcuODMyMTRaIiBmaWxsPSIjMDA2OTVDIi8+Cjwvc3ZnPgo=')` : 'none']
-  }, [`div.__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;cursor:pointer;font-size:14px;-webkit-text-decoration:none;text-decoration:none;color:${_uiConstants.colors.grey900};padding-block:${_uiConstants.spacers.dp8};padding-inline:6px ${_uiConstants.spacers.dp12};}`, `div.__jsx-style-dynamic-selector:hover{background-color:${_uiConstants.colors.grey200};}`, `div.__jsx-style-dynamic-selector:active,div.active.__jsx-style-dynamic-selector{background-color:${_uiConstants.colors.teal050};cursor:auto;}`, `div.disabled.__jsx-style-dynamic-selector{color:${_uiConstants.colors.grey500};cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}`, "div.disabled.__jsx-style-dynamic-selector:hover{background-color:initial;}", `div.__jsx-style-dynamic-selector .checkmark.__jsx-style-dynamic-selector{width:16px;height:16px;margin-inline-end:6px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;background-size:contain;background-repeat:no-repeat;background-image:${active ? `url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNjMyMDkgNy44MzIxNEMzLjI3MjA5IDcuNDcyMTQgMi43MjAwOSA3LjQ3MjE0IDIuMzYwMDkgNy44MzIxNEMyLjAwMDA5IDguMTkyMTQgMi4wMDAwOSA4Ljc0NDE0IDIuMzYwMDkgOS4xMDQxNEw1LjYyNDA5IDEyLjM2ODFDNS45ODQwOSAxMi43MjgxIDYuNTM2MDkgMTIuNzI4MSA2Ljg5NjA5IDEyLjM2ODFMMTQuNjQ4MSA0LjY0MDE0QzE1LjAwODEgNC4yODAxNCAxNS4wMDgxIDMuNzI4MTQgMTQuNjQ4MSAzLjM2ODE0QzE0LjI4ODEgMy4wMDgxNCAxMy43MzYxIDMuMDA4MTQgMTMuMzUyMSAzLjM2ODE0TDYuMjcyMDkgMTAuNDcyMUwzLjYzMjA5IDcuODMyMTRaIiBmaWxsPSIjMDA2OTVDIi8+Cjwvc3ZnPgo=')` : 'none'};}`]));
-};
+    active
+  }) || "")
+}, /*#__PURE__*/_react.default.createElement("span", {
+  "aria-hidden": "true",
+  className: _style.default.dynamic([["1307386342", [_uiConstants.colors.grey900, _uiConstants.spacers.dp8, _uiConstants.spacers.dp12, _uiConstants.colors.grey200, _uiConstants.colors.teal050, _uiConstants.colors.grey500, active ? `url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNjMyMDkgNy44MzIxNEMzLjI3MjA5IDcuNDcyMTQgMi43MjAwOSA3LjQ3MjE0IDIuMzYwMDkgNy44MzIxNEMyLjAwMDA5IDguMTkyMTQgMi4wMDAwOSA4Ljc0NDE0IDIuMzYwMDkgOS4xMDQxNEw1LjYyNDA5IDEyLjM2ODFDNS45ODQwOSAxMi43MjgxIDYuNTM2MDkgMTIuNzI4MSA2Ljg5NjA5IDEyLjM2ODFMMTQuNjQ4MSA0LjY0MDE0QzE1LjAwODEgNC4yODAxNCAxNS4wMDgxIDMuNzI4MTQgMTQuNjQ4MSAzLjM2ODE0QzE0LjI4ODEgMy4wMDgxNCAxMy43MzYxIDMuMDA4MTQgMTMuMzUyMSAzLjM2ODE0TDYuMjcyMDkgMTAuNDcyMUwzLjYzMjA5IDcuODMyMTRaIiBmaWxsPSIjMDA2OTVDIi8+Cjwvc3ZnPgo=')` : 'none']]]) + " " + "checkmark"
+}), /*#__PURE__*/_react.default.createElement("span", {
+  className: _style.default.dynamic([["1307386342", [_uiConstants.colors.grey900, _uiConstants.spacers.dp8, _uiConstants.spacers.dp12, _uiConstants.colors.grey200, _uiConstants.colors.teal050, _uiConstants.colors.grey500, active ? `url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNjMyMDkgNy44MzIxNEMzLjI3MjA5IDcuNDcyMTQgMi43MjAwOSA3LjQ3MjE0IDIuMzYwMDkgNy44MzIxNEMyLjAwMDA5IDguMTkyMTQgMi4wMDAwOSA4Ljc0NDE0IDIuMzYwMDkgOS4xMDQxNEw1LjYyNDA5IDEyLjM2ODFDNS45ODQwOSAxMi43MjgxIDYuNTM2MDkgMTIuNzI4MSA2Ljg5NjA5IDEyLjM2ODFMMTQuNjQ4MSA0LjY0MDE0QzE1LjAwODEgNC4yODAxNCAxNS4wMDgxIDMuNzI4MTQgMTQuNjQ4MSAzLjM2ODE0QzE0LjI4ODEgMy4wMDgxNCAxMy43MzYxIDMuMDA4MTQgMTMuMzUyMSAzLjM2ODE0TDYuMjcyMDkgMTAuNDcyMUwzLjYzMjA5IDcuODMyMTRaIiBmaWxsPSIjMDA2OTVDIi8+Cjwvc3ZnPgo=')` : 'none']]]) + " " + "content"
+}, label), /*#__PURE__*/_react.default.createElement(_style.default, {
+  id: "1307386342",
+  dynamic: [_uiConstants.colors.grey900, _uiConstants.spacers.dp8, _uiConstants.spacers.dp12, _uiConstants.colors.grey200, _uiConstants.colors.teal050, _uiConstants.colors.grey500, active ? `url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNjMyMDkgNy44MzIxNEMzLjI3MjA5IDcuNDcyMTQgMi43MjAwOSA3LjQ3MjE0IDIuMzYwMDkgNy44MzIxNEMyLjAwMDA5IDguMTkyMTQgMi4wMDAwOSA4Ljc0NDE0IDIuMzYwMDkgOS4xMDQxNEw1LjYyNDA5IDEyLjM2ODFDNS45ODQwOSAxMi43MjgxIDYuNTM2MDkgMTIuNzI4MSA2Ljg5NjA5IDEyLjM2ODFMMTQuNjQ4MSA0LjY0MDE0QzE1LjAwODEgNC4yODAxNCAxNS4wMDgxIDMuNzI4MTQgMTQuNjQ4MSAzLjM2ODE0QzE0LjI4ODEgMy4wMDgxNCAxMy43MzYxIDMuMDA4MTQgMTMuMzUyMSAzLjM2ODE0TDYuMjcyMDkgMTAuNDcyMUwzLjYzMjA5IDcuODMyMTRaIiBmaWxsPSIjMDA2OTVDIi8+Cjwvc3ZnPgo=')` : 'none']
+}, [`div.__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;cursor:pointer;font-size:14px;-webkit-text-decoration:none;text-decoration:none;color:${_uiConstants.colors.grey900};padding-block:${_uiConstants.spacers.dp8};padding-inline:6px ${_uiConstants.spacers.dp12};}`, `div.__jsx-style-dynamic-selector:hover{background-color:${_uiConstants.colors.grey200};}`, `div.__jsx-style-dynamic-selector:active,div.active.__jsx-style-dynamic-selector{background-color:${_uiConstants.colors.teal050};cursor:auto;}`, `div.disabled.__jsx-style-dynamic-selector{color:${_uiConstants.colors.grey500};cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}`, "div.disabled.__jsx-style-dynamic-selector:hover{background-color:initial;}", `div.__jsx-style-dynamic-selector .checkmark.__jsx-style-dynamic-selector{width:16px;height:16px;margin-inline-end:6px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;background-size:contain;background-repeat:no-repeat;background-image:${active ? `url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNjMyMDkgNy44MzIxNEMzLjI3MjA5IDcuNDcyMTQgMi43MjAwOSA3LjQ3MjE0IDIuMzYwMDkgNy44MzIxNEMyLjAwMDA5IDguMTkyMTQgMi4wMDAwOSA4Ljc0NDE0IDIuMzYwMDkgOS4xMDQxNEw1LjYyNDA5IDEyLjM2ODFDNS45ODQwOSAxMi43MjgxIDYuNTM2MDkgMTIuNzI4MSA2Ljg5NjA5IDEyLjM2ODFMMTQuNjQ4MSA0LjY0MDE0QzE1LjAwODEgNC4yODAxNCAxNS4wMDgxIDMuNzI4MTQgMTQuNjQ4MSAzLjM2ODE0QzE0LjI4ODEgMy4wMDgxNCAxMy43MzYxIDMuMDA4MTQgMTMuMzUyMSAzLjM2ODE0TDYuMjcyMDkgMTAuNDcyMUwzLjYzMjA5IDcuODMyMTRaIiBmaWxsPSIjMDA2OTVDIi8+Cjwvc3ZnPgo=')` : 'none'};}`]));
 exports.SingleSelectOption = SingleSelectOption;
 SingleSelectOption.propTypes = {
   label: _propTypes.default.string.isRequired,