@dhis2-ui/tab 9.12.0-alpha.4 → 9.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/build/cjs/tab/tab.js +1 -4
  2. package/build/cjs/tab-bar/tab-bar.js +1 -4
  3. package/build/es/tab/tab.js +1 -4
  4. package/build/es/tab-bar/tab-bar.js +1 -4
  5. package/package.json +4 -4
package/build/cjs/tab/tab.js CHANGED
@@ -21,7 +21,7 @@ const Tab = exports.Tab = /*#__PURE__*/_react.default.forwardRef((_ref, ref) =>
21
21
  disabled,
22
22
  children,
23
23
  className,
24
- dataTest
24
+ dataTest = 'dhis2-uicore-tab'
25
25
  } = _ref;
26
26
  let tabRef = (0, _react.useRef)(null);
27
27
  if (ref) {
@@ -62,9 +62,6 @@ const Tab = exports.Tab = /*#__PURE__*/_react.default.forwardRef((_ref, ref) =>
62
62
  dynamic: [_uiConstants.colors.grey400, _uiConstants.colors.grey600, _uiConstants.theme.focus, _uiConstants.colors.grey600, _uiConstants.colors.grey900, _uiConstants.colors.grey600, _uiConstants.colors.grey800, _uiConstants.theme.primary800, _uiConstants.theme.primary700, _uiConstants.theme.primary700, _uiConstants.theme.primary700, _uiConstants.colors.grey500, _uiConstants.colors.grey500]
63
63
  }, [`button.__jsx-style-dynamic-selector{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;position:relative;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;vertical-align:bottom;height:100%;padding:16px 16px 11px;background-color:transparent;outline:none;border:none;border-bottom:1px solid ${_uiConstants.colors.grey400};color:${_uiConstants.colors.grey600};font-size:14px;line-height:20px;cursor:pointer;}`, ".fixed>button.__jsx-style-dynamic-selector{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", "button.__jsx-style-dynamic-selector::after{content:' ';display:block;position:absolute;bottom:-1px;inset-inline-start:0;height:4px;width:100%;background-color:transparent;}", "span.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-transition:fill 150ms ease-in-out;transition:fill 150ms ease-in-out;}", `button.__jsx-style-dynamic-selector:focus{outline:3px solid ${_uiConstants.theme.focus};outline-offset:-3px;}`, "button.__jsx-style-dynamic-selector:focus.__jsx-style-dynamic-selector:not(:focus-visible){outline:none;}", `button.__jsx-style-dynamic-selector>svg{fill:${_uiConstants.colors.grey600};width:14px;height:14px;margin:0 4px 0 0;}`, `button.__jsx-style-dynamic-selector:hover{color:${_uiConstants.colors.grey900};}`, `button.__jsx-style-dynamic-selector:hover.__jsx-style-dynamic-selector::after{background-color:${_uiConstants.colors.grey600};height:2px;}`, `button.__jsx-style-dynamic-selector:active.__jsx-style-dynamic-selector::after{background-color:${_uiConstants.colors.grey800};}`, `button.selected.__jsx-style-dynamic-selector{color:${_uiConstants.theme.primary800};}`, `button.selected.__jsx-style-dynamic-selector::after{background-color:${_uiConstants.theme.primary700};-webkit-transition:background-color 150ms ease-in-out;transition:background-color 150ms ease-in-out;}`, `button.selected.__jsx-style-dynamic-selector:hover.__jsx-style-dynamic-selector::after{background-color:${_uiConstants.theme.primary700};height:4px;}`, `button.selected.__jsx-style-dynamic-selector>svg{fill:${_uiConstants.theme.primary700};}`, `button.disabled.__jsx-style-dynamic-selector{color:${_uiConstants.colors.grey500};cursor:not-allowed;}`, "button.disabled.__jsx-style-dynamic-selector:hover,button.selected.__jsx-style-dynamic-selector:hover{background-color:transparent;}", `button.disabled.__jsx-style-dynamic-selector>svg{fill:${_uiConstants.colors.grey500};}`]));
64
64
  });
65
- Tab.defaultProps = {
66
- dataTest: 'dhis2-uicore-tab'
67
- };
68
65
  Tab.propTypes = {
69
66
  children: _propTypes.default.node,
70
67
  className: _propTypes.default.string,
package/build/cjs/tab-bar/tab-bar.js CHANGED
@@ -15,7 +15,7 @@ const TabBar = _ref => {
15
15
  children,
16
16
  className,
17
17
  scrollable,
18
- dataTest
18
+ dataTest = 'dhis2-uicore-tabbar'
19
19
  } = _ref;
20
20
  if (scrollable) {
21
21
  return /*#__PURE__*/_react.default.createElement("div", {
@@ -37,9 +37,6 @@ const TabBar = _ref => {
37
37
  }, children));
38
38
  };
39
39
  exports.TabBar = TabBar;
40
- TabBar.defaultProps = {
41
- dataTest: 'dhis2-uicore-tabbar'
42
- };
43
40
  TabBar.propTypes = {
44
41
  children: _propTypes.default.node,
45
42
  className: _propTypes.default.string,
package/build/es/tab/tab.js CHANGED
@@ -12,7 +12,7 @@ export const Tab = /*#__PURE__*/React.forwardRef((_ref, ref) => {
12
12
  disabled,
13
13
  children,
14
14
  className,
15
- dataTest
15
+ dataTest = 'dhis2-uicore-tab'
16
16
  } = _ref;
17
17
  let tabRef = useRef(null);
18
18
  if (ref) {
@@ -53,9 +53,6 @@ export const Tab = /*#__PURE__*/React.forwardRef((_ref, ref) => {
53
53
  dynamic: [colors.grey400, colors.grey600, theme.focus, colors.grey600, colors.grey900, colors.grey600, colors.grey800, theme.primary800, theme.primary700, theme.primary700, theme.primary700, colors.grey500, colors.grey500]
54
54
  }, [`button.__jsx-style-dynamic-selector{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;position:relative;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;vertical-align:bottom;height:100%;padding:16px 16px 11px;background-color:transparent;outline:none;border:none;border-bottom:1px solid ${colors.grey400};color:${colors.grey600};font-size:14px;line-height:20px;cursor:pointer;}`, ".fixed>button.__jsx-style-dynamic-selector{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", "button.__jsx-style-dynamic-selector::after{content:' ';display:block;position:absolute;bottom:-1px;inset-inline-start:0;height:4px;width:100%;background-color:transparent;}", "span.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-transition:fill 150ms ease-in-out;transition:fill 150ms ease-in-out;}", `button.__jsx-style-dynamic-selector:focus{outline:3px solid ${theme.focus};outline-offset:-3px;}`, "button.__jsx-style-dynamic-selector:focus.__jsx-style-dynamic-selector:not(:focus-visible){outline:none;}", `button.__jsx-style-dynamic-selector>svg{fill:${colors.grey600};width:14px;height:14px;margin:0 4px 0 0;}`, `button.__jsx-style-dynamic-selector:hover{color:${colors.grey900};}`, `button.__jsx-style-dynamic-selector:hover.__jsx-style-dynamic-selector::after{background-color:${colors.grey600};height:2px;}`, `button.__jsx-style-dynamic-selector:active.__jsx-style-dynamic-selector::after{background-color:${colors.grey800};}`, `button.selected.__jsx-style-dynamic-selector{color:${theme.primary800};}`, `button.selected.__jsx-style-dynamic-selector::after{background-color:${theme.primary700};-webkit-transition:background-color 150ms ease-in-out;transition:background-color 150ms ease-in-out;}`, `button.selected.__jsx-style-dynamic-selector:hover.__jsx-style-dynamic-selector::after{background-color:${theme.primary700};height:4px;}`, `button.selected.__jsx-style-dynamic-selector>svg{fill:${theme.primary700};}`, `button.disabled.__jsx-style-dynamic-selector{color:${colors.grey500};cursor:not-allowed;}`, "button.disabled.__jsx-style-dynamic-selector:hover,button.selected.__jsx-style-dynamic-selector:hover{background-color:transparent;}", `button.disabled.__jsx-style-dynamic-selector>svg{fill:${colors.grey500};}`]));
55
55
  });
56
- Tab.defaultProps = {
57
- dataTest: 'dhis2-uicore-tab'
58
- };
59
56
  Tab.propTypes = {
60
57
  children: PropTypes.node,
61
58
  className: PropTypes.string,
package/build/es/tab-bar/tab-bar.js CHANGED
@@ -8,7 +8,7 @@ const TabBar = _ref => {
8
8
  children,
9
9
  className,
10
10
  scrollable,
11
- dataTest
11
+ dataTest = 'dhis2-uicore-tabbar'
12
12
  } = _ref;
13
13
  if (scrollable) {
14
14
  return /*#__PURE__*/React.createElement("div", {
@@ -29,9 +29,6 @@ const TabBar = _ref => {
29
29
  dataTest: `${dataTest}-tabs`
30
30
  }, children));
31
31
  };
32
- TabBar.defaultProps = {
33
- dataTest: 'dhis2-uicore-tabbar'
34
- };
35
32
  TabBar.propTypes = {
36
33
  children: PropTypes.node,
37
34
  className: PropTypes.string,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dhis2-ui/tab",
3
- "version": "9.12.0-alpha.4",
3
+ "version": "9.12.0",
4
4
  "description": "UI Tabs",
5
5
  "repository": {
6
6
  "type": "git",
@@ -32,10 +32,10 @@
32
32
  "styled-jsx": "^4"
33
33
  },
34
34
  "dependencies": {
35
- "@dhis2-ui/tooltip": "9.12.0-alpha.4",
35
+ "@dhis2-ui/tooltip": "9.12.0",
36
36
  "@dhis2/prop-types": "^3.1.2",
37
- "@dhis2/ui-constants": "9.12.0-alpha.4",
38
- "@dhis2/ui-icons": "9.12.0-alpha.4",
37
+ "@dhis2/ui-constants": "9.12.0",
38
+ "@dhis2/ui-icons": "9.12.0",
39
39
  "classnames": "^2.3.1",
40
40
  "prop-types": "^15.7.2"
41
41
  },