tabler-react-2 0.1.119 → 0.1.121

package/dist/input/enclosedselectgroup.js

@@ -34,26 +34,44 @@ var EnclosedSelectGroup = exports.EnclosedSelectGroup = function EnclosedSelectG
     _ref$style = _ref.style,
     style = _ref$style === void 0 ? {} : _ref$style,
     _ref$itemStyle = _ref.itemStyle,
-    itemStyle = _ref$itemStyle === void 0 ? {} : _ref$itemStyle;
-  // generate a unique name for each instance so radio groups don't collide
+    itemStyle = _ref$itemStyle === void 0 ? {} : _ref$itemStyle,
+    _ref$small = _ref.small,
+    small = _ref$small === void 0 ? false : _ref$small;
   var groupName = (0, _react.useId)();
   var handleChange = function handleChange(selectedItem) {
     if (multiple) {
-      if (value.some(function (item) {
-        return item.value === selectedItem.value;
-      })) {
-        onChange(value.filter(function (item) {
-          return item.value !== selectedItem.value;
-        }));
+      // get current values as an array of strings
+      var selectedValues = Array.isArray(value) ? value.map(function (v) {
+        return v.value;
+      }) : [];
+      var newValues;
+      if (selectedValues.includes(selectedItem.value)) {
+        // deselect
+        newValues = selectedValues.filter(function (v) {
+          return v !== selectedItem.value;
+        });
       } else {
-        onChange([].concat(_toConsumableArray(value), [selectedItem]));
+        // select
+        newValues = [].concat(_toConsumableArray(selectedValues), [selectedItem.value]);
       }
+      // map back to full item objects from `items`
+      var newSelectedItems = newValues.map(function (val) {
+        return items.find(function (item) {
+          return item.value === val;
+        });
+      }).filter(Boolean);
+      onChange(newSelectedItems);
     } else {
-      onChange(selectedItem.value === (value === null || value === void 0 ? void 0 : value.value) ? null : selectedItem);
+      // single-select: toggle off if same, otherwise pick full item
+      var isSame = (value === null || value === void 0 ? void 0 : value.value) === selectedItem.value;
+      var newSelection = isSame ? null : items.find(function (item) {
+        return item.value === selectedItem.value;
+      });
+      onChange(newSelection);
     }
   };
   var isChecked = function isChecked(item) {
-    return multiple ? value.some(function (val) {
+    return multiple ? Array.isArray(value) && value.some(function (val) {
       return val.value === item.value;
     }) : (value === null || value === void 0 ? void 0 : value.value) === item.value;
   };
@@ -83,7 +101,7 @@ var EnclosedSelectGroup = exports.EnclosedSelectGroup = function EnclosedSelectG
       disabled: item.disabled,
       className: "form-selectgroup-input"
     }), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "form-selectgroup-label d-flex p-3 ".concat(item.disabled ? "bg-gray-400" : ""),
+      className: "form-selectgroup-label d-flex ".concat(small ? "p-2" : "p-3", " ").concat(item.disabled ? "bg-gray-200" : ""),
       style: {
         pointerEvents: item.disabled ? "none" : undefined,
         cursor: item.disabled ? "not-allowed" : undefined
@@ -117,5 +135,6 @@ EnclosedSelectGroup.propTypes = {
   direction: _propTypes["default"].oneOf(["row", "column"]),
   itemClassName: _propTypes["default"].string,
   style: _propTypes["default"].object,
-  itemStyle: _propTypes["default"].object
+  itemStyle: _propTypes["default"].object,
+  small: _propTypes["default"].bool
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tabler-react-2",
-  "version": "0.1.119",
+  "version": "0.1.121",
   "description": "A react implementation of Tabler ui",
   "main": "dist/index.js",
   "scripts": {