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

package/build/cjs/tab/tab.js

@@ -10,19 +10,17 @@ var _tooltip = require("@dhis2-ui/tooltip");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
-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 Tab = exports.Tab = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
-  let {
-    icon,
-    onClick,
-    selected,
-    disabled,
-    children,
-    className,
-    dataTest = 'dhis2-uicore-tab'
-  } = _ref;
+const Tab = exports.Tab = /*#__PURE__*/_react.default.forwardRef(({
+  icon,
+  onClick,
+  selected,
+  disabled,
+  children,
+  className,
+  dataTest = 'dhis2-uicore-tab'
+}, ref) => {
   let tabRef = (0, _react.useRef)(null);
   if (ref) {
     tabRef = ref;

package/build/cjs/tab-bar/animated-side-scroll.js

@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.animatedSideScroll = animatedSideScroll;
 const DURATION = 250;
 const SCROLL_STEP = 0.5;
-function animatedSideScroll(scrollBox, callback) {
-  let goBackwards = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+function animatedSideScroll(scrollBox, callback, goBackwards = false) {
   const startValue = scrollBox.scrollLeft;
   const endValue = getEndValue(scrollBox, startValue, goBackwards);
   const change = endValue - startValue;
@@ -25,14 +24,13 @@ function getEndValue(scrollBox, startValue, goBackwards) {
   const inverter = goBackwards ? -1 : 1;
   return Math.floor(startValue + scrollDistance * inverter);
 }
-function createFrameStepper(_ref) {
-  let {
-    scrollBox,
-    callback,
-    startValue,
-    endValue,
-    change
-  } = _ref;
+function createFrameStepper({
+  scrollBox,
+  callback,
+  startValue,
+  endValue,
+  change
+}) {
   let startTimestamp, elapsedTime, scrollValue;
   return function step(timestamp) {
     if (!startTimestamp) {
@@ -56,11 +54,10 @@ function createFrameStepper(_ref) {
     }
   };
 }
-function easeInOutQuad(_ref2) {
-  let {
-    currentTime,
-    startValue,
-    change
-  } = _ref2;
+function easeInOutQuad({
+  currentTime,
+  startValue,
+  change
+}) {
   return (currentTime /= DURATION / 2) < 1 ? change / 2 * currentTime * currentTime + startValue : -change / 2 * (--currentTime * (currentTime - 2) - 1) + startValue;
 }

package/build/cjs/tab-bar/scroll-bar.js

@@ -12,8 +12,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _animatedSideScroll = require("./animated-side-scroll.js");
 var _detectHorizontalScrollbarHeight = require("./detect-horizontal-scrollbar-height.js");
 var _scrollButton = require("./scroll-button.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 }; }
 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 + ""; }

package/build/cjs/tab-bar/scroll-button.js

@@ -10,24 +10,21 @@ 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 ScrollButton = _ref => {
-  let {
-    children,
+const ScrollButton = ({
+  children,
+  disabled,
+  hidden,
+  onClick
+}) => /*#__PURE__*/_react.default.createElement("button", {
+  onClick: disabled ? undefined : onClick,
+  className: _style.default.dynamic([["2701682090", [_uiConstants.colors.white, _uiConstants.colors.grey400, _uiConstants.colors.grey600, _uiConstants.colors.grey100, _uiConstants.colors.grey200, _uiConstants.colors.grey500]]]) + " " + ((0, _classnames.default)('scroll-button', {
     disabled,
-    hidden,
-    onClick
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("button", {
-    onClick: disabled ? undefined : onClick,
-    className: _style.default.dynamic([["2701682090", [_uiConstants.colors.white, _uiConstants.colors.grey400, _uiConstants.colors.grey600, _uiConstants.colors.grey100, _uiConstants.colors.grey200, _uiConstants.colors.grey500]]]) + " " + ((0, _classnames.default)('scroll-button', {
-      disabled,
-      hidden
-    }) || "")
-  }, children, /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "2701682090",
-    dynamic: [_uiConstants.colors.white, _uiConstants.colors.grey400, _uiConstants.colors.grey600, _uiConstants.colors.grey100, _uiConstants.colors.grey200, _uiConstants.colors.grey500]
-  }, [`.scroll-button.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;background-color:${_uiConstants.colors.white};border:none;border-bottom:1px solid ${_uiConstants.colors.grey400};outline:none;padding:16px 16px 11px 16px;cursor:pointer;}`, ".scroll-button.hidden.__jsx-style-dynamic-selector{display:none;}", `.scroll-button.__jsx-style-dynamic-selector svg{width:20px;height:20px;fill:${_uiConstants.colors.grey600};-webkit-transition:opacity 150ms ease-in-out;transition:opacity 150ms ease-in-out;opacity:1;}`, `.scroll-button.__jsx-style-dynamic-selector:hover{background-color:${_uiConstants.colors.grey100};}`, `.scroll-button.__jsx-style-dynamic-selector:active{background-color:${_uiConstants.colors.grey200};}`, ".scroll-button.disabled.__jsx-style-dynamic-selector{cursor:not-allowed;}", ".scroll-button.disabled.__jsx-style-dynamic-selector:hover{background-color:transparent;}", `.scroll-button.disabled.__jsx-style-dynamic-selector svg{fill:${_uiConstants.colors.grey500};}`]));
-};
+    hidden
+  }) || "")
+}, children, /*#__PURE__*/_react.default.createElement(_style.default, {
+  id: "2701682090",
+  dynamic: [_uiConstants.colors.white, _uiConstants.colors.grey400, _uiConstants.colors.grey600, _uiConstants.colors.grey100, _uiConstants.colors.grey200, _uiConstants.colors.grey500]
+}, [`.scroll-button.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;background-color:${_uiConstants.colors.white};border:none;border-bottom:1px solid ${_uiConstants.colors.grey400};outline:none;padding:16px 16px 11px 16px;cursor:pointer;}`, ".scroll-button.hidden.__jsx-style-dynamic-selector{display:none;}", `.scroll-button.__jsx-style-dynamic-selector svg{width:20px;height:20px;fill:${_uiConstants.colors.grey600};-webkit-transition:opacity 150ms ease-in-out;transition:opacity 150ms ease-in-out;opacity:1;}`, `.scroll-button.__jsx-style-dynamic-selector:hover{background-color:${_uiConstants.colors.grey100};}`, `.scroll-button.__jsx-style-dynamic-selector:active{background-color:${_uiConstants.colors.grey200};}`, ".scroll-button.disabled.__jsx-style-dynamic-selector{cursor:not-allowed;}", ".scroll-button.disabled.__jsx-style-dynamic-selector:hover{background-color:transparent;}", `.scroll-button.disabled.__jsx-style-dynamic-selector svg{fill:${_uiConstants.colors.grey500};}`]));
 exports.ScrollButton = ScrollButton;
 ScrollButton.displayName = 'ScrollButton';
 ScrollButton.propTypes = {

package/build/cjs/tab-bar/tab-bar.js

@@ -9,14 +9,13 @@ var _react = _interopRequireDefault(require("react"));
 var _scrollBar = require("./scroll-bar.js");
 var _tabs = require("./tabs.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const TabBar = _ref => {
-  let {
-    fixed,
-    children,
-    className,
-    scrollable,
-    dataTest = 'dhis2-uicore-tabbar'
-  } = _ref;
+const TabBar = ({
+  fixed,
+  children,
+  className,
+  scrollable,
+  dataTest = 'dhis2-uicore-tabbar'
+}) => {
   if (scrollable) {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: className,

package/build/cjs/tab-bar/tab-bar.prod.stories.js

@@ -10,10 +10,9 @@ var _react = _interopRequireDefault(require("react"));
 var _index = require("../tab/index.js");
 var _index2 = require("./index.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function AttachFile(_ref) {
-  let {
-    className
-  } = _ref;
+function AttachFile({
+  className
+}) {
   return /*#__PURE__*/_react.default.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 48 48",
@@ -60,9 +59,7 @@ window.onClick = (payload, event) => {
   console.log('onClick payload', payload);
   console.log('onClick event', event);
 };
-const onClick = function () {
-  return window.onClick(...arguments);
-};
+const onClick = (...args) => window.onClick(...args);
 var _default = exports.default = {
   title: 'Tab Bar',
   component: _index2.TabBar,

package/build/cjs/tab-bar/tabs.js

@@ -9,15 +9,13 @@ var _uiConstants = require("@dhis2/ui-constants");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
-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 Tabs = _ref => {
-  let {
-    children,
-    fixed,
-    dataTest
-  } = _ref;
+const Tabs = ({
+  children,
+  fixed,
+  dataTest
+}) => {
   const tabContainer = (0, _react.useRef)(null);
   const childrenRefs = (0, _react.useMemo)(() => _react.default.Children.map(children, () => /*#__PURE__*/_react.default.createRef()), [children]);
   const handleKeyDown = event => {

package/build/es/tab/tab.js

@@ -4,16 +4,15 @@ import { Tooltip } from '@dhis2-ui/tooltip';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React, { useState, useEffect, useRef } from 'react';
-export const Tab = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    icon,
-    onClick,
-    selected,
-    disabled,
-    children,
-    className,
-    dataTest = 'dhis2-uicore-tab'
-  } = _ref;
+export const Tab = /*#__PURE__*/React.forwardRef(({
+  icon,
+  onClick,
+  selected,
+  disabled,
+  children,
+  className,
+  dataTest = 'dhis2-uicore-tab'
+}, ref) => {
   let tabRef = useRef(null);
   if (ref) {
     tabRef = ref;

package/build/es/tab-bar/animated-side-scroll.js

@@ -1,7 +1,6 @@
 const DURATION = 250;
 const SCROLL_STEP = 0.5;
-export function animatedSideScroll(scrollBox, callback) {
-  let goBackwards = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+export function animatedSideScroll(scrollBox, callback, goBackwards = false) {
   const startValue = scrollBox.scrollLeft;
   const endValue = getEndValue(scrollBox, startValue, goBackwards);
   const change = endValue - startValue;
@@ -19,14 +18,13 @@ function getEndValue(scrollBox, startValue, goBackwards) {
   const inverter = goBackwards ? -1 : 1;
   return Math.floor(startValue + scrollDistance * inverter);
 }
-function createFrameStepper(_ref) {
-  let {
-    scrollBox,
-    callback,
-    startValue,
-    endValue,
-    change
-  } = _ref;
+function createFrameStepper({
+  scrollBox,
+  callback,
+  startValue,
+  endValue,
+  change
+}) {
   let startTimestamp, elapsedTime, scrollValue;
   return function step(timestamp) {
     if (!startTimestamp) {
@@ -50,11 +48,10 @@ function createFrameStepper(_ref) {
     }
   };
 }
-function easeInOutQuad(_ref2) {
-  let {
-    currentTime,
-    startValue,
-    change
-  } = _ref2;
+function easeInOutQuad({
+  currentTime,
+  startValue,
+  change
+}) {
   return (currentTime /= DURATION / 2) < 1 ? change / 2 * currentTime * currentTime + startValue : -change / 2 * (--currentTime * (currentTime - 2) - 1) + startValue;
 }

package/build/es/tab-bar/scroll-button.js

@@ -3,24 +3,21 @@ import { colors } from '@dhis2/ui-constants';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React from 'react';
-export const ScrollButton = _ref => {
-  let {
-    children,
+export const ScrollButton = ({
+  children,
+  disabled,
+  hidden,
+  onClick
+}) => /*#__PURE__*/React.createElement("button", {
+  onClick: disabled ? undefined : onClick,
+  className: _JSXStyle.dynamic([["2701682090", [colors.white, colors.grey400, colors.grey600, colors.grey100, colors.grey200, colors.grey500]]]) + " " + (cx('scroll-button', {
     disabled,
-    hidden,
-    onClick
-  } = _ref;
-  return /*#__PURE__*/React.createElement("button", {
-    onClick: disabled ? undefined : onClick,
-    className: _JSXStyle.dynamic([["2701682090", [colors.white, colors.grey400, colors.grey600, colors.grey100, colors.grey200, colors.grey500]]]) + " " + (cx('scroll-button', {
-      disabled,
-      hidden
-    }) || "")
-  }, children, /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "2701682090",
-    dynamic: [colors.white, colors.grey400, colors.grey600, colors.grey100, colors.grey200, colors.grey500]
-  }, [`.scroll-button.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;background-color:${colors.white};border:none;border-bottom:1px solid ${colors.grey400};outline:none;padding:16px 16px 11px 16px;cursor:pointer;}`, ".scroll-button.hidden.__jsx-style-dynamic-selector{display:none;}", `.scroll-button.__jsx-style-dynamic-selector svg{width:20px;height:20px;fill:${colors.grey600};-webkit-transition:opacity 150ms ease-in-out;transition:opacity 150ms ease-in-out;opacity:1;}`, `.scroll-button.__jsx-style-dynamic-selector:hover{background-color:${colors.grey100};}`, `.scroll-button.__jsx-style-dynamic-selector:active{background-color:${colors.grey200};}`, ".scroll-button.disabled.__jsx-style-dynamic-selector{cursor:not-allowed;}", ".scroll-button.disabled.__jsx-style-dynamic-selector:hover{background-color:transparent;}", `.scroll-button.disabled.__jsx-style-dynamic-selector svg{fill:${colors.grey500};}`]));
-};
+    hidden
+  }) || "")
+}, children, /*#__PURE__*/React.createElement(_JSXStyle, {
+  id: "2701682090",
+  dynamic: [colors.white, colors.grey400, colors.grey600, colors.grey100, colors.grey200, colors.grey500]
+}, [`.scroll-button.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;background-color:${colors.white};border:none;border-bottom:1px solid ${colors.grey400};outline:none;padding:16px 16px 11px 16px;cursor:pointer;}`, ".scroll-button.hidden.__jsx-style-dynamic-selector{display:none;}", `.scroll-button.__jsx-style-dynamic-selector svg{width:20px;height:20px;fill:${colors.grey600};-webkit-transition:opacity 150ms ease-in-out;transition:opacity 150ms ease-in-out;opacity:1;}`, `.scroll-button.__jsx-style-dynamic-selector:hover{background-color:${colors.grey100};}`, `.scroll-button.__jsx-style-dynamic-selector:active{background-color:${colors.grey200};}`, ".scroll-button.disabled.__jsx-style-dynamic-selector{cursor:not-allowed;}", ".scroll-button.disabled.__jsx-style-dynamic-selector:hover{background-color:transparent;}", `.scroll-button.disabled.__jsx-style-dynamic-selector svg{fill:${colors.grey500};}`]));
 ScrollButton.displayName = 'ScrollButton';
 ScrollButton.propTypes = {
   children: PropTypes.any.isRequired,

package/build/es/tab-bar/tab-bar.js

@@ -2,14 +2,13 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import { ScrollBar } from './scroll-bar.js';
 import { Tabs } from './tabs.js';
-const TabBar = _ref => {
-  let {
-    fixed,
-    children,
-    className,
-    scrollable,
-    dataTest = 'dhis2-uicore-tabbar'
-  } = _ref;
+const TabBar = ({
+  fixed,
+  children,
+  className,
+  scrollable,
+  dataTest = 'dhis2-uicore-tabbar'
+}) => {
   if (scrollable) {
     return /*#__PURE__*/React.createElement("div", {
       className: className,

package/build/es/tab-bar/tab-bar.prod.stories.js

@@ -3,10 +3,9 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import { Tab } from '../tab/index.js';
 import { TabBar } from './index.js';
-function AttachFile(_ref) {
-  let {
-    className
-  } = _ref;
+function AttachFile({
+  className
+}) {
   return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 48 48",
@@ -53,9 +52,7 @@ window.onClick = (payload, event) => {
   console.log('onClick payload', payload);
   console.log('onClick event', event);
 };
-const onClick = function () {
-  return window.onClick(...arguments);
-};
+const onClick = (...args) => window.onClick(...args);
 export default {
   title: 'Tab Bar',
   component: TabBar,

package/build/es/tab-bar/tabs.js

@@ -3,12 +3,11 @@ import { colors } from '@dhis2/ui-constants';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React, { useRef, useMemo } from 'react';
-const Tabs = _ref => {
-  let {
-    children,
-    fixed,
-    dataTest
-  } = _ref;
+const Tabs = ({
+  children,
+  fixed,
+  dataTest
+}) => {
   const tabContainer = useRef(null);
   const childrenRefs = useMemo(() => React.Children.map(children, () => /*#__PURE__*/React.createRef()), [children]);
   const handleKeyDown = event => {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dhis2-ui/tab",
-    "version": "10.16.3-alpha.1",
+    "version": "10.16.4",
     "description": "UI Tabs",
     "repository": {
         "type": "git",
@@ -32,10 +32,10 @@
         "styled-jsx": "^4"
     },
     "dependencies": {
-        "@dhis2-ui/tooltip": "10.16.3-alpha.1",
+        "@dhis2-ui/tooltip": "10.16.4",
         "@dhis2/prop-types": "^3.1.2",
-        "@dhis2/ui-constants": "10.16.3-alpha.1",
-        "@dhis2/ui-icons": "10.16.3-alpha.1",
+        "@dhis2/ui-constants": "10.16.4",
+        "@dhis2/ui-icons": "10.16.4",
         "classnames": "^2.3.1",
         "prop-types": "^15.7.2"
     },