tabler-react-2 0.1.120 → 0.1.122

package/dist/input/enclosedselectgroup.js

@@ -37,25 +37,41 @@ var EnclosedSelectGroup = exports.EnclosedSelectGroup = function EnclosedSelectG
     itemStyle = _ref$itemStyle === void 0 ? {} : _ref$itemStyle,
     _ref$small = _ref.small,
     small = _ref$small === void 0 ? false : _ref$small;
-  // generate a unique name for each instance so radio groups don't collide
   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;
   };
@@ -119,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/dist/timeline/index.js

@@ -21,6 +21,9 @@ var Timeline = exports.Timeline = function Timeline(_ref) {
     className: "timeline"
   }, events.map(function (event, index) {
     return /*#__PURE__*/_react["default"].createElement("li", {
+      style: {
+        "--tblr-content-padding": "1rem"
+      },
       className: (0, _classnames["default"])("timeline-event", dense && "timeline-event-tight"),
       key: index
     }, /*#__PURE__*/_react["default"].createElement("div", {

package/docs/src/docs/changelog.mdx

@@ -2,6 +2,10 @@
 title: Changelog
 ---
 
+# 0.1.121
+
+- Modified the `EnclosedSelectGroup` component to have a more consistent behavior when selecting multiple items.
+
 ## 0.1.115
 
 - Allow z-index of offcanvas to be set via the `zIndex` prop.

package/package.json

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