tabler-react-2 0.1.70 → 0.1.72

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.
@@ -40,7 +40,9 @@ var EnclosedSelectGroup = exports.EnclosedSelectGroup = function EnclosedSelectG
40
40
  direction = _ref$direction === void 0 ? "row" : _ref$direction,
41
41
  itemClassName = _ref.itemClassName,
42
42
  style = _ref.style,
43
- itemStyle = _ref.itemStyle;
43
+ itemStyle = _ref.itemStyle,
44
+ _ref$disabled = _ref.disabled,
45
+ disabled = _ref$disabled === void 0 ? false : _ref$disabled;
44
46
  var multiple = false;
45
47
  var handleChange = function handleChange(selectedItem) {
46
48
  if (multiple) {
@@ -72,9 +74,12 @@ var EnclosedSelectGroup = exports.EnclosedSelectGroup = function EnclosedSelectG
72
74
  }, style)
73
75
  }, items.map(function (item) {
74
76
  return /*#__PURE__*/_react["default"].createElement("label", {
75
- className: "form-selectgroup-item flex-fill ".concat(itemClassName),
77
+ className: "form-selectgroup-item flex-fill ".concat(itemClassName, " ").concat(disabled && "bg-gray-600"),
76
78
  key: item.value,
77
- style: itemStyle
79
+ style: _objectSpread({
80
+ pointerEvents: disabled,
81
+ cursor: disabled ? "not-allowed" : null
82
+ }, itemStyle)
78
83
  }, /*#__PURE__*/_react["default"].createElement("input", {
79
84
  type: "radio",
80
85
  className: "form-selectgroup-input",
@@ -85,7 +90,8 @@ var EnclosedSelectGroup = exports.EnclosedSelectGroup = function EnclosedSelectG
85
90
  return handleChange({
86
91
  value: item.value
87
92
  });
88
- }
93
+ },
94
+ disabled: item.disabled
89
95
  }), /*#__PURE__*/_react["default"].createElement("div", {
90
96
  className: "form-selectgroup-label d-flex p-3"
91
97
  }, /*#__PURE__*/_react["default"].createElement("div", {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabler-react-2",
3
- "version": "0.1.70",
3
+ "version": "0.1.72",
4
4
  "description": "A react implementation of Tabler ui",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {