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

package/build/cjs/dropdown-button/{dropdown-button.stories.js → dropdown-button.prod.stories.js}

@@ -4,30 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.WithMenu = exports.WithClick = exports.Small = exports.Secondary = exports.RTL = exports.Primary = exports.Open = exports.ManualControl = exports.Large = exports.InitialFocus = exports.Disabled = exports.Destructive = exports.Default = void 0;
-
-var _menu = require("@dhis2-ui/menu");
-
 var _uiConstants = require("@dhis2/ui-constants");
-
+var _menu = require("@dhis2-ui/menu");
 var _react = _interopRequireWildcard(require("react"));
-
 var _index = require("./index.js");
-
-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; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const description = "\nPresents several actions to a user in a small space. Can replace single, individual buttons. Should only be used for actions that are related to one another. Ensure the button has a useful level that communicates that actions are contained within. Dropdown buttons do not have an explicit action, only expanding the list of contained actions.\n\n```js\nimport { DropdownButton } from '@dhis2/ui'\n```\n";
-
+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 _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const description = `
+Presents several actions to a user in a small space. Can replace single, individual buttons. Should only be used for actions that are related to one another. Ensure the button has a useful level that communicates that actions are contained within. Dropdown buttons do not have an explicit action, only expanding the list of contained actions.
+
+\`\`\`js
+import { DropdownButton } from '@dhis2/ui'
+\`\`\`
+`;
 const Simple = /*#__PURE__*/_react.default.createElement("span", null, "Simplest thing");
-
 const {
   sizeArgType,
   buttonVariantArgType
 } = _uiConstants.sharedPropTypes;
-var _default = {
+var _default = exports.default = {
   title: 'Dropdown Button',
   component: _index.DropdownButton,
   parameters: {
@@ -38,15 +34,20 @@ var _default = {
     }
   },
   argTypes: {
-    primary: { ...buttonVariantArgType
+    primary: {
+      ...buttonVariantArgType
     },
-    secondary: { ...buttonVariantArgType
+    secondary: {
+      ...buttonVariantArgType
     },
-    destructive: { ...buttonVariantArgType
+    destructive: {
+      ...buttonVariantArgType
     },
-    small: { ...sizeArgType
+    small: {
+      ...sizeArgType
     },
-    large: { ...sizeArgType
+    large: {
+      ...sizeArgType
     }
   },
   // Default args for all stories (can be overridden)
@@ -57,14 +58,9 @@ var _default = {
     children: 'Label me!'
   }
 };
-exports.default = _default;
-
 const Template = args => /*#__PURE__*/_react.default.createElement(_index.DropdownButton, args);
-
-const Default = Template.bind({});
-exports.Default = Default;
-const WithClick = Template.bind({});
-exports.WithClick = WithClick;
+const Default = exports.Default = Template.bind({});
+const WithClick = exports.WithClick = Template.bind({});
 WithClick.args = {
   onClick: _ref => {
     let {
@@ -73,38 +69,31 @@ WithClick.args = {
     return console.log('onClick: the dropdown is open: ', open);
   }
 };
-const Primary = Template.bind({});
-exports.Primary = Primary;
+const Primary = exports.Primary = Template.bind({});
 Primary.args = {
   primary: true
 };
-const Secondary = Template.bind({});
-exports.Secondary = Secondary;
+const Secondary = exports.Secondary = Template.bind({});
 Secondary.args = {
   secondary: true
 };
-const Destructive = Template.bind({});
-exports.Destructive = Destructive;
+const Destructive = exports.Destructive = Template.bind({});
 Destructive.args = {
   destructive: true
 };
-const Disabled = Template.bind({});
-exports.Disabled = Disabled;
+const Disabled = exports.Disabled = Template.bind({});
 Disabled.args = {
   disabled: true
 };
-const Small = Template.bind({});
-exports.Small = Small;
+const Small = exports.Small = Template.bind({});
 Small.args = {
   small: true
 };
-const Large = Template.bind({});
-exports.Large = Large;
+const Large = exports.Large = Template.bind({});
 Large.args = {
   large: true
 };
-const WithMenu = Template.bind({});
-exports.WithMenu = WithMenu;
+const WithMenu = exports.WithMenu = Template.bind({});
 WithMenu.args = {
   component: /*#__PURE__*/_react.default.createElement(_menu.FlyoutMenu, null, /*#__PURE__*/_react.default.createElement(_menu.MenuItem, {
     label: "Item 1"
@@ -113,16 +102,15 @@ WithMenu.args = {
   }), /*#__PURE__*/_react.default.createElement(_menu.MenuItem, {
     label: "Item 3"
   }))
-}; // FlyoutMenu needs iframe
+};
+// FlyoutMenu needs iframe
 // But docs page down too much with iframe, so disabled
-
 WithMenu.parameters = {
   docs: {
     disable: true
   }
 };
-const InitialFocus = Template.bind({});
-exports.InitialFocus = InitialFocus;
+const InitialFocus = exports.InitialFocus = Template.bind({});
 InitialFocus.args = {
   initialFocus: true
 };
@@ -131,49 +119,37 @@ InitialFocus.args = {
  * a control is changed, therefore it is omitted from the docs page (but
  * not the normal 'canvas' story viewer)
  */
-
 InitialFocus.parameters = {
   docs: {
     disable: true
   }
 };
-
 const OpenTemplate = args => {
   return /*#__PURE__*/_react.default.createElement(_index.DropdownButton, args);
 };
-
-const Open = OpenTemplate.bind({});
-exports.Open = Open;
+const Open = exports.Open = OpenTemplate.bind({});
 Open.args = {
   open: true,
   component: Simple,
   onClick: () => {}
 };
-
 const ManualControlTemplate = args => {
   const [isOpen, setIsOpen] = (0, _react.useState)(true);
-
   const handleOpen = () => setIsOpen(false);
-
   const Menu = /*#__PURE__*/_react.default.createElement("ul", null, /*#__PURE__*/_react.default.createElement("li", null, "First option does nothing"), /*#__PURE__*/_react.default.createElement("li", {
     onClick: handleOpen
   }, "Close the dropdown"));
-
   return /*#__PURE__*/_react.default.createElement(_index.DropdownButton, _extends({}, args, {
     onClick: () => setIsOpen(!isOpen),
     open: isOpen,
     component: Menu
   }));
 };
-
-const ManualControl = ManualControlTemplate.bind({});
-exports.ManualControl = ManualControl;
+const ManualControl = exports.ManualControl = ManualControlTemplate.bind({});
 ManualControl.args = {};
-
 const RTL = args => /*#__PURE__*/_react.default.createElement("div", {
   dir: "rtl"
 }, /*#__PURE__*/_react.default.createElement(_index.DropdownButton, args));
-
 exports.RTL = RTL;
 RTL.args = {
   children: 'RTL text'

package/build/cjs/dropdown-button/features/accepts_children/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('a DropdownButton with children is rendered', () => {
   cy.visitStory('DropdownButton', 'With children');
   cy.get('[data-test="dhis2-uicore-dropdownbutton"]').should('be.visible');

package/build/cjs/dropdown-button/features/accepts_component/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('a DropdownButton with a component prop and opened dropdown is rendered', () => {
   cy.visitStory('DropdownButton', 'With component');
   cy.get('[data-test="dhis2-uicore-dropdownbutton"]').should('be.visible');

package/build/cjs/dropdown-button/features/accepts_icon/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('a DropdownButton with an icon prop is rendered', () => {
   cy.visitStory('DropdownButton', 'With icon');
   cy.get('[data-test="dhis2-uicore-dropdownbutton"]').should('be.visible');

package/build/cjs/dropdown-button/features/accepts_initial_focus/index.js

@@ -1,9 +1,8 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('a DropdownButton with initialFocus is rendered', () => {
-  cy.visitStory('DropdownButton', 'With initialFocus');
+  cy.visitStory('DropdownButton', 'With initial focus');
 });
 (0, _cypressCucumberPreprocessor.Then)('the DropdownButton is focused', () => {
   cy.focused().parent('[data-test="dhis2-uicore-dropdownbutton"]').should('exist');

package/build/cjs/dropdown-button/features/button_is_clickable/index.js

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

package/build/cjs/dropdown-button/features/can_be_disabled/index.js

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

package/build/cjs/dropdown-button/features/common/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.When)('the DropdownButton is clicked', () => {
   cy.get('[data-test="dhis2-uicore-dropdownbutton"]').click();
 });

package/build/cjs/dropdown-button/features/opens_a_dropdown/index.js

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

package/build/cjs/dropdown-button/index.js

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "DropdownButton", {
     return _dropdownButton.DropdownButton;
   }
 });
-
 var _dropdownButton = require("./dropdown-button.js");

package/build/cjs/index.js

@@ -27,11 +27,7 @@ Object.defineProperty(exports, "SplitButton", {
     return _index3.SplitButton;
   }
 });
-
 var _index = require("./button/index.js");
-
 var _index2 = require("./button-strip/index.js");
-
 var _index3 = require("./split-button/index.js");
-
 var _index4 = require("./dropdown-button/index.js");

package/build/cjs/locales/index.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _d2I18n = _interopRequireDefault(require("@dhis2/d2-i18n"));
-
 var _translations = _interopRequireDefault(require("./en/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.
@@ -19,9 +15,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // the code is regenerated.
 // </auto-generated>
 //------------------------------------------------------------------------------
-const namespace = 'default';
 
+const namespace = 'default';
 _d2I18n.default.addResources('en', namespace, _translations.default);
-
-var _default = _d2I18n.default;
-exports.default = _default;
+var _default = exports.default = _d2I18n.default;

package/build/cjs/split-button/features/accepts_children/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('a SplitButton with children is rendered', () => {
   cy.visitStory('SplitButton', 'With children');
   cy.get('[data-test="dhis2-uicore-splitbutton"]').should('be.visible');

package/build/cjs/split-button/features/accepts_icon/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('a SplitButton with an icon is rendered', () => {
   cy.visitStory('SplitButton', 'With icon');
   cy.get('[data-test="dhis2-uicore-splitbutton"]').should('be.visible');

package/build/cjs/split-button/features/accepts_initial_focus/index.js

@@ -1,9 +1,8 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('a SplitButton with initialFocus is rendered', () => {
-  cy.visitStory('SplitButton', 'With initialFocus');
+  cy.visitStory('SplitButton', 'With initial focus');
 });
 (0, _cypressCucumberPreprocessor.Then)('the SplitButton button is focused', () => {
   cy.focused().should('have.attr', 'data-test', 'dhis2-uicore-splitbutton-button');

package/build/cjs/split-button/features/arrow_opens_menu/index.js

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

package/build/cjs/split-button/features/button_is_clickable/index.js

@@ -1,9 +1,8 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('a SplitButton with onClick hander is rendered', () => {
-  cy.visitStory('SplitButton', 'With onClick');
+  cy.visitStory('SplitButton', 'With on click');
 });
 (0, _cypressCucumberPreprocessor.Then)('the onClick handler is called', () => {
   cy.window().its('onClick').should('be.calledWith', {

package/build/cjs/split-button/features/can_be_disabled/index.js

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

package/build/cjs/split-button/features/common/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.When)('the SplitButton is clicked', () => {
   cy.get('[data-test="dhis2-uicore-splitbutton-button"]').click();
 });

package/build/cjs/split-button/index.js

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "SplitButton", {
     return _splitButton.SplitButton;
   }
 });
-
 var _splitButton = require("./split-button.js");

package/build/cjs/split-button/split-button.e2e.stories.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.WithOnClick = exports.WithInitialFocus = exports.WithIcon = exports.WithDisabled = exports.WithChildren = exports.Default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _splitButton = require("./split-button.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+window.onClick = window.Cypress && window.Cypress.cy.stub();
+var _default = exports.default = {
+  title: 'SplitButton'
+};
+const Default = () => /*#__PURE__*/_react.default.createElement(_splitButton.SplitButton, {
+  name: "Button",
+  value: "default",
+  component: /*#__PURE__*/_react.default.createElement("div", null, "Component")
+}, "Label me!");
+exports.Default = Default;
+const WithOnClick = () => /*#__PURE__*/_react.default.createElement(_splitButton.SplitButton, {
+  name: "Button",
+  value: "default",
+  component: /*#__PURE__*/_react.default.createElement("div", null, "Component"),
+  onClick: window.onClick
+}, "Label me!");
+exports.WithOnClick = WithOnClick;
+const WithChildren = () => /*#__PURE__*/_react.default.createElement(_splitButton.SplitButton, {
+  name: "Button",
+  value: "default",
+  component: /*#__PURE__*/_react.default.createElement("div", null, "Component")
+}, "I am a child");
+exports.WithChildren = WithChildren;
+const WithIcon = () => /*#__PURE__*/_react.default.createElement(_splitButton.SplitButton, {
+  name: "Button",
+  value: "default",
+  component: /*#__PURE__*/_react.default.createElement("div", null, "Component"),
+  icon: /*#__PURE__*/_react.default.createElement("div", null, "Icon")
+}, "Children");
+exports.WithIcon = WithIcon;
+const WithInitialFocus = () => /*#__PURE__*/_react.default.createElement(_splitButton.SplitButton, {
+  name: "Button",
+  value: "default",
+  component: /*#__PURE__*/_react.default.createElement("div", null, "Component"),
+  initialFocus: true
+}, "Children");
+exports.WithInitialFocus = WithInitialFocus;
+const WithDisabled = () => /*#__PURE__*/_react.default.createElement(_splitButton.SplitButton, {
+  name: "Button",
+  value: "default",
+  component: /*#__PURE__*/_react.default.createElement("div", null, "Component"),
+  disabled: true
+}, "Children");
+exports.WithDisabled = WithDisabled;

package/build/cjs/split-button/split-button.js

@@ -4,52 +4,35 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SplitButton = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
-var _layer = require("@dhis2-ui/layer");
-
-var _popper = require("@dhis2-ui/popper");
-
 var _uiConstants = require("@dhis2/ui-constants");
-
 var _uiIcons = require("@dhis2/ui-icons");
-
+var _layer = require("@dhis2-ui/layer");
+var _popper = require("@dhis2-ui/popper");
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireWildcard(require("react"));
-
-var _index = require("../index.js");
-
+var _index = require("../button/index.js");
 var _index2 = _interopRequireDefault(require("../locales/index.js"));
-
-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; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+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 }; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const rightButton = {
   styles: /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "2502148942"
-  }, ["button.jsx-2502148942{padding:0 ".concat(_uiConstants.spacers.dp12, ";}")]),
+  }, [`button.jsx-2502148942{padding:0 ${_uiConstants.spacers.dp12};}`]),
   className: "jsx-2502148942"
 };
-
 class SplitButton extends _react.Component {
   constructor() {
     super(...arguments);
-
     _defineProperty(this, "state", {
       open: false
     });
-
     _defineProperty(this, "anchorRef", /*#__PURE__*/_react.default.createRef());
-
     _defineProperty(this, "handleKeyDown", event => {
       if (event.key === 'Escape' && this.state.open) {
         event.preventDefault();
@@ -60,7 +43,6 @@ class SplitButton extends _react.Component {
         this.anchorRef.current && this.anchorRef.current.focus();
       }
     });
-
     _defineProperty(this, "onClick", (payload, event) => {
       if (this.props.onClick) {
         this.props.onClick({
@@ -70,22 +52,18 @@ class SplitButton extends _react.Component {
         }, event);
       }
     });
-
     _defineProperty(this, "onToggle", () => {
       this.setState(prevState => ({
         open: !prevState.open
       }));
     });
   }
-
   componentDidMount() {
     document.addEventListener('keydown', this.handleKeyDown);
   }
-
   componentWillUnmount() {
     document.removeEventListener('keydown', this.handleKeyDown);
   }
-
   render() {
     const {
       open
@@ -128,7 +106,7 @@ class SplitButton extends _react.Component {
       tabIndex: tabIndex,
       className: (0, _classnames.default)(className),
       initialFocus: initialFocus,
-      dataTest: "".concat(dataTest, "-button")
+      dataTest: `${dataTest}-button`
     }, children), /*#__PURE__*/_react.default.createElement(_index.Button, {
       name: name,
       value: value,
@@ -142,23 +120,21 @@ class SplitButton extends _react.Component {
       type: type,
       tabIndex: tabIndex,
       className: (0, _classnames.default)(className, rightButton.className),
-      dataTest: "".concat(dataTest, "-toggle"),
+      dataTest: `${dataTest}-toggle`,
       title: _index2.default.t('Toggle dropdown'),
       "aria-label": _index2.default.t('Toggle dropdown')
     }, arrow), open && /*#__PURE__*/_react.default.createElement(_layer.Layer, {
       onBackdropClick: this.onToggle,
       transparent: true
     }, /*#__PURE__*/_react.default.createElement(_popper.Popper, {
-      dataTest: "".concat(dataTest, "-menu"),
+      dataTest: `${dataTest}-menu`,
       placement: "bottom-end",
       reference: this.anchorRef
     }, component)), rightButton.styles, /*#__PURE__*/_react.default.createElement(_style.default, {
       id: "2116647326"
     }, ["div.jsx-2116647326{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;color:inherit;white-space:nowrap;position:relative;z-index:0;}", "div.jsx-2116647326>button:first-child{border-start-end-radius:0;border-end-end-radius:0;border-inline-end:0;}", "div.jsx-2116647326>button:last-child{border-start-start-radius:0;border-end-start-radius:0;}"]));
   }
-
 }
-
 exports.SplitButton = SplitButton;
 SplitButton.defaultProps = {
   dataTest: 'dhis2-uicore-splitbutton'
@@ -166,46 +142,35 @@ SplitButton.defaultProps = {
 SplitButton.propTypes = {
   children: _propTypes.default.string,
   className: _propTypes.default.string,
-
   /** Component to render when the dropdown is opened */
   component: _propTypes.default.element,
   dataTest: _propTypes.default.string,
-
   /**
    * Applies 'destructive' button appearance, implying a dangerous action.
    */
   destructive: _propTypes.default.bool,
-
   /** Disables the button and makes it uninteractive */
   disabled: _propTypes.default.bool,
-
   /** An icon to add inside the button */
   icon: _propTypes.default.element,
-
   /** Grants the button the initial focus */
   initialFocus: _propTypes.default.bool,
-
   /** Changes button size. Mutually exclusive with `small` prop */
   large: _uiConstants.sharedPropTypes.sizePropType,
   name: _propTypes.default.string,
-
   /**
    * Applies 'primary' button appearance, implying the most important action.
    */
   primary: _propTypes.default.bool,
-
   /**
    * Applies 'secondary' button appearance.
    */
   secondary: _propTypes.default.bool,
-
   /** Changes button size. Mutually exclusive with `large` prop */
   small: _uiConstants.sharedPropTypes.sizePropType,
   tabIndex: _propTypes.default.string,
-
   /** Type of button. Applied to html `button` element */
   type: _propTypes.default.oneOf(['submit', 'reset', 'button']),
-
   /** Value associated with the button. Passed in object to onClick handler */
   value: _propTypes.default.string,
   onClick: _propTypes.default.func