@dhis2-ui/select 7.11.0 → 7.11.4

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/select/input-wrapper.js +5 -5
  2. package/build/cjs/select/select.js +1 -1
  3. package/build/es/select/input-wrapper.js +5 -5
  4. package/build/es/select/select.js +1 -1
  5. package/package.json +13 -13
package/build/cjs/select/input-wrapper.js CHANGED
@@ -44,15 +44,15 @@ const InputWrapper = ({
44
44
  tabIndex: tabIndex,
45
45
  ref: inputRef,
46
46
  "data-test": dataTest,
47
- className: _style.default.dynamic([["1306485397", [_uiConstants.colors.grey500, _uiConstants.theme.focus, _uiConstants.theme.focus, _uiConstants.theme.valid, _uiConstants.theme.warning, _uiConstants.theme.error, _uiConstants.colors.grey100, _uiConstants.colors.grey500, _uiConstants.theme.disabled]]]) + " " + (classNames || "")
47
+ className: _style.default.dynamic([["248041060", [_uiConstants.colors.grey500, _uiConstants.theme.focus, _uiConstants.theme.focus, _uiConstants.theme.valid, _uiConstants.theme.warning, _uiConstants.theme.error, _uiConstants.colors.grey100, _uiConstants.colors.grey500, _uiConstants.theme.disabled]]]) + " " + (classNames || "")
48
48
  }, /*#__PURE__*/_react.default.createElement("div", {
49
- className: _style.default.dynamic([["1306485397", [_uiConstants.colors.grey500, _uiConstants.theme.focus, _uiConstants.theme.focus, _uiConstants.theme.valid, _uiConstants.theme.warning, _uiConstants.theme.error, _uiConstants.colors.grey100, _uiConstants.colors.grey500, _uiConstants.theme.disabled]]]) + " " + "root-children"
49
+ className: _style.default.dynamic([["248041060", [_uiConstants.colors.grey500, _uiConstants.theme.focus, _uiConstants.theme.focus, _uiConstants.theme.valid, _uiConstants.theme.warning, _uiConstants.theme.error, _uiConstants.colors.grey100, _uiConstants.colors.grey500, _uiConstants.theme.disabled]]]) + " " + "root-children"
50
50
  }, children), /*#__PURE__*/_react.default.createElement("div", {
51
- className: _style.default.dynamic([["1306485397", [_uiConstants.colors.grey500, _uiConstants.theme.focus, _uiConstants.theme.focus, _uiConstants.theme.valid, _uiConstants.theme.warning, _uiConstants.theme.error, _uiConstants.colors.grey100, _uiConstants.colors.grey500, _uiConstants.theme.disabled]]]) + " " + "root-right"
51
+ className: _style.default.dynamic([["248041060", [_uiConstants.colors.grey500, _uiConstants.theme.focus, _uiConstants.theme.focus, _uiConstants.theme.valid, _uiConstants.theme.warning, _uiConstants.theme.error, _uiConstants.colors.grey100, _uiConstants.colors.grey500, _uiConstants.theme.disabled]]]) + " " + "root-right"
52
52
  }, /*#__PURE__*/_react.default.createElement(_uiIcons.IconChevronDown16, null)), /*#__PURE__*/_react.default.createElement(_style.default, {
53
- id: "1306485397",
53
+ id: "248041060",
54
54
  dynamic: [_uiConstants.colors.grey500, _uiConstants.theme.focus, _uiConstants.theme.focus, _uiConstants.theme.valid, _uiConstants.theme.warning, _uiConstants.theme.error, _uiConstants.colors.grey100, _uiConstants.colors.grey500, _uiConstants.theme.disabled]
55
- }, [`.root.__jsx-style-dynamic-selector{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:white;border-radius:3px;border:1px solid ${_uiConstants.colors.grey500};box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-height:40px;padding:6px 12px;box-shadow:inset 0 1px 2px 0 rgba(48,54,60,0.1);}`, `.root.__jsx-style-dynamic-selector:focus,.root.__jsx-style-dynamic-selector:active{outline:none;box-shadow:inset 0 0 0 2px ${_uiConstants.theme.focus};border-color:${_uiConstants.theme.focus};}`, `.root.valid.__jsx-style-dynamic-selector{border-color:${_uiConstants.theme.valid};}`, `.root.warning.__jsx-style-dynamic-selector{border-color:${_uiConstants.theme.warning};}`, `.root.error.__jsx-style-dynamic-selector{border-color:${_uiConstants.theme.error};}`, `.root.disabled.__jsx-style-dynamic-selector{background-color:${_uiConstants.colors.grey100};border-color:${_uiConstants.colors.grey500};color:${_uiConstants.theme.disabled};cursor:not-allowed;}`, ".root.dense.__jsx-style-dynamic-selector{padding:4px 8px;min-height:32px;}", ".root-children.__jsx-style-dynamic-selector{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".root-right.__jsx-style-dynamic-selector{margin:4px 0px 0px 8px;}"]));
55
+ }, [`.root.__jsx-style-dynamic-selector{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:white;border-radius:3px;border:1px solid ${_uiConstants.colors.grey500};box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-height:40px;padding:6px 12px;box-shadow:inset 0 1px 2px 0 rgba(48,54,60,0.1);}`, `.root.__jsx-style-dynamic-selector:not(.disabled):focus,.root.__jsx-style-dynamic-selector:not(.disabled):active{outline:none;box-shadow:inset 0 0 0 2px ${_uiConstants.theme.focus};border-color:${_uiConstants.theme.focus};}`, `.root.valid.__jsx-style-dynamic-selector{border-color:${_uiConstants.theme.valid};}`, `.root.warning.__jsx-style-dynamic-selector{border-color:${_uiConstants.theme.warning};}`, `.root.error.__jsx-style-dynamic-selector{border-color:${_uiConstants.theme.error};}`, `.root.disabled.__jsx-style-dynamic-selector{background-color:${_uiConstants.colors.grey100};border-color:${_uiConstants.colors.grey500};color:${_uiConstants.theme.disabled};cursor:not-allowed;}`, ".root.dense.__jsx-style-dynamic-selector{padding:4px 8px;min-height:32px;}", ".root-children.__jsx-style-dynamic-selector{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".root-right.__jsx-style-dynamic-selector{margin:4px 0px 0px 8px;}"]));
56
56
  };
57
57
 
58
58
  exports.InputWrapper = InputWrapper;
package/build/cjs/select/select.js CHANGED
@@ -230,7 +230,7 @@ class Select extends _react.Component {
230
230
  }, /*#__PURE__*/_react.default.createElement(_inputWrapper.InputWrapper, {
231
231
  onToggle: this.onToggle,
232
232
  inputRef: this.inputRef,
233
- tabIndex: tabIndex,
233
+ tabIndex: disabled ? '-1' : tabIndex,
234
234
  error: error,
235
235
  warning: warning,
236
236
  valid: valid,
package/build/es/select/input-wrapper.js CHANGED
@@ -30,15 +30,15 @@ const InputWrapper = ({
30
30
  tabIndex: tabIndex,
31
31
  ref: inputRef,
32
32
  "data-test": dataTest,
33
- className: _JSXStyle.dynamic([["1306485397", [colors.grey500, theme.focus, theme.focus, theme.valid, theme.warning, theme.error, colors.grey100, colors.grey500, theme.disabled]]]) + " " + (classNames || "")
33
+ className: _JSXStyle.dynamic([["248041060", [colors.grey500, theme.focus, theme.focus, theme.valid, theme.warning, theme.error, colors.grey100, colors.grey500, theme.disabled]]]) + " " + (classNames || "")
34
34
  }, /*#__PURE__*/React.createElement("div", {
35
- className: _JSXStyle.dynamic([["1306485397", [colors.grey500, theme.focus, theme.focus, theme.valid, theme.warning, theme.error, colors.grey100, colors.grey500, theme.disabled]]]) + " " + "root-children"
35
+ className: _JSXStyle.dynamic([["248041060", [colors.grey500, theme.focus, theme.focus, theme.valid, theme.warning, theme.error, colors.grey100, colors.grey500, theme.disabled]]]) + " " + "root-children"
36
36
  }, children), /*#__PURE__*/React.createElement("div", {
37
- className: _JSXStyle.dynamic([["1306485397", [colors.grey500, theme.focus, theme.focus, theme.valid, theme.warning, theme.error, colors.grey100, colors.grey500, theme.disabled]]]) + " " + "root-right"
37
+ className: _JSXStyle.dynamic([["248041060", [colors.grey500, theme.focus, theme.focus, theme.valid, theme.warning, theme.error, colors.grey100, colors.grey500, theme.disabled]]]) + " " + "root-right"
38
38
  }, /*#__PURE__*/React.createElement(IconChevronDown16, null)), /*#__PURE__*/React.createElement(_JSXStyle, {
39
- id: "1306485397",
39
+ id: "248041060",
40
40
  dynamic: [colors.grey500, theme.focus, theme.focus, theme.valid, theme.warning, theme.error, colors.grey100, colors.grey500, theme.disabled]
41
- }, [`.root.__jsx-style-dynamic-selector{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:white;border-radius:3px;border:1px solid ${colors.grey500};box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-height:40px;padding:6px 12px;box-shadow:inset 0 1px 2px 0 rgba(48,54,60,0.1);}`, `.root.__jsx-style-dynamic-selector:focus,.root.__jsx-style-dynamic-selector:active{outline:none;box-shadow:inset 0 0 0 2px ${theme.focus};border-color:${theme.focus};}`, `.root.valid.__jsx-style-dynamic-selector{border-color:${theme.valid};}`, `.root.warning.__jsx-style-dynamic-selector{border-color:${theme.warning};}`, `.root.error.__jsx-style-dynamic-selector{border-color:${theme.error};}`, `.root.disabled.__jsx-style-dynamic-selector{background-color:${colors.grey100};border-color:${colors.grey500};color:${theme.disabled};cursor:not-allowed;}`, ".root.dense.__jsx-style-dynamic-selector{padding:4px 8px;min-height:32px;}", ".root-children.__jsx-style-dynamic-selector{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".root-right.__jsx-style-dynamic-selector{margin:4px 0px 0px 8px;}"]));
41
+ }, [`.root.__jsx-style-dynamic-selector{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:white;border-radius:3px;border:1px solid ${colors.grey500};box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-height:40px;padding:6px 12px;box-shadow:inset 0 1px 2px 0 rgba(48,54,60,0.1);}`, `.root.__jsx-style-dynamic-selector:not(.disabled):focus,.root.__jsx-style-dynamic-selector:not(.disabled):active{outline:none;box-shadow:inset 0 0 0 2px ${theme.focus};border-color:${theme.focus};}`, `.root.valid.__jsx-style-dynamic-selector{border-color:${theme.valid};}`, `.root.warning.__jsx-style-dynamic-selector{border-color:${theme.warning};}`, `.root.error.__jsx-style-dynamic-selector{border-color:${theme.error};}`, `.root.disabled.__jsx-style-dynamic-selector{background-color:${colors.grey100};border-color:${colors.grey500};color:${theme.disabled};cursor:not-allowed;}`, ".root.dense.__jsx-style-dynamic-selector{padding:4px 8px;min-height:32px;}", ".root-children.__jsx-style-dynamic-selector{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".root-right.__jsx-style-dynamic-selector{margin:4px 0px 0px 8px;}"]));
42
42
  };
43
43
 
44
44
  InputWrapper.defaultProps = {
package/build/es/select/select.js CHANGED
@@ -206,7 +206,7 @@ export class Select extends Component {
206
206
  }, /*#__PURE__*/React.createElement(InputWrapper, {
207
207
  onToggle: this.onToggle,
208
208
  inputRef: this.inputRef,
209
- tabIndex: tabIndex,
209
+ tabIndex: disabled ? '-1' : tabIndex,
210
210
  error: error,
211
211
  warning: warning,
212
212
  valid: valid,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dhis2-ui/select",
3
- "version": "7.11.0",
3
+ "version": "7.11.4",
4
4
  "description": "UI Select",
5
5
  "repository": {
6
6
  "type": "git",
@@ -33,18 +33,18 @@
33
33
  },
34
34
  "dependencies": {
35
35
  "@dhis2/prop-types": "^3.0.0-beta.1",
36
- "@dhis2-ui/box": "7.11.0",
37
- "@dhis2-ui/button": "7.11.0",
38
- "@dhis2-ui/card": "7.11.0",
39
- "@dhis2-ui/checkbox": "7.11.0",
40
- "@dhis2-ui/chip": "7.11.0",
41
- "@dhis2-ui/field": "7.11.0",
42
- "@dhis2-ui/input": "7.11.0",
43
- "@dhis2-ui/layer": "7.11.0",
44
- "@dhis2-ui/loader": "7.11.0",
45
- "@dhis2-ui/popper": "7.11.0",
46
- "@dhis2/ui-constants": "7.11.0",
47
- "@dhis2/ui-icons": "7.11.0",
36
+ "@dhis2-ui/box": "7.11.4",
37
+ "@dhis2-ui/button": "7.11.4",
38
+ "@dhis2-ui/card": "7.11.4",
39
+ "@dhis2-ui/checkbox": "7.11.4",
40
+ "@dhis2-ui/chip": "7.11.4",
41
+ "@dhis2-ui/field": "7.11.4",
42
+ "@dhis2-ui/input": "7.11.4",
43
+ "@dhis2-ui/layer": "7.11.4",
44
+ "@dhis2-ui/loader": "7.11.4",
45
+ "@dhis2-ui/popper": "7.11.4",
46
+ "@dhis2/ui-constants": "7.11.4",
47
+ "@dhis2/ui-icons": "7.11.4",
48
48
  "classnames": "^2.3.1",
49
49
  "prop-types": "^15.7.2"
50
50
  },