td-stylekit 28.28.0 → 28.28.1

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [28.28.1](https://github.com/treasure-data/td-stylekit/compare/v28.28.0...v28.28.1) (2023-11-10)
+
+
+### Bug Fixes
+
+* **CON-14322:** Add conditional chaining to multiselect disabled check ([#1509](https://github.com/treasure-data/td-stylekit/issues/1509)) ([928d115](https://github.com/treasure-data/td-stylekit/commit/928d115))
+
 # [28.28.0](https://github.com/treasure-data/td-stylekit/compare/v28.27.0...v28.28.0) (2023-11-02)
 
 

package/dist/es/MultiSelect/MultiSelect.js

@@ -79,6 +79,8 @@ var MultiSelect = /*#__PURE__*/function (_React$Component) {
     _this = _super.call(this, _props);
 
     _defineProperty(_assertThisInitialized(_this), "select", function (_ref) {
+      var _this$props$options$i;
+
       var index = _ref.index,
           _ref$contiguous = _ref.contiguous,
           contiguous = _ref$contiguous === void 0 ? false : _ref$contiguous;
@@ -88,7 +90,7 @@ var MultiSelect = /*#__PURE__*/function (_React$Component) {
       } // if the item is disabled - do not allow it to be selected
 
 
-      if (_this.props.options[index].disabled && !contiguous) {
+      if ((_this$props$options$i = _this.props.options[index]) !== null && _this$props$options$i !== void 0 && _this$props$options$i.disabled && !contiguous) {
         return;
       }
 
@@ -104,7 +106,9 @@ var MultiSelect = /*#__PURE__*/function (_React$Component) {
 
 
         var sansDisabled = selected.filter(function (option) {
-          return !_this.props.options[option].disabled;
+          var _this$props$options$o;
+
+          return !((_this$props$options$o = _this.props.options[option]) !== null && _this$props$options$o !== void 0 && _this$props$options$o.disabled);
         });
         return {
           selected: sansDisabled,
@@ -116,6 +120,8 @@ var MultiSelect = /*#__PURE__*/function (_React$Component) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "deselect", function (_ref2) {
+      var _this$props$options$i2;
+
       var index = _ref2.index,
           _ref2$contiguous = _ref2.contiguous,
           contiguous = _ref2$contiguous === void 0 ? false : _ref2$contiguous;
@@ -125,7 +131,7 @@ var MultiSelect = /*#__PURE__*/function (_React$Component) {
       } // if the item is disabled - do not allow it to be deselected
 
 
-      if (_this.props.options[index].disabled && !contiguous) {
+      if ((_this$props$options$i2 = _this.props.options[index]) !== null && _this$props$options$i2 !== void 0 && _this$props$options$i2.disabled && !contiguous) {
         return;
       }
 
@@ -183,7 +189,7 @@ var MultiSelect = /*#__PURE__*/function (_React$Component) {
 
       if (_this.state.focusedIndex) {
         var next = (0, _lodash5["default"])(_this.props.options, function (option) {
-          return !option.disabled;
+          return !(option !== null && option !== void 0 && option.disabled);
         }, _this.state.focusedIndex - 1);
         nextIndex = next !== -1 ? next : _this.state.focusedIndex;
       }
@@ -200,7 +206,7 @@ var MultiSelect = /*#__PURE__*/function (_React$Component) {
 
       if (_this.state.focusedIndex) {
         var next = (0, _lodash4["default"])(_this.props.options, function (option) {
-          return !option.disabled;
+          return !(option !== null && option !== void 0 && option.disabled);
         }, _this.state.focusedIndex + 1);
         nextIndex = next !== -1 ? next : _this.state.focusedIndex;
       }
@@ -305,7 +311,7 @@ var MultiSelect = /*#__PURE__*/function (_React$Component) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "rowRender", function (_ref4) {
-      var _options$index$disabl;
+      var _options$index$disabl, _options$index;
 
       var index = _ref4.index,
           key = _ref4.key,
@@ -317,7 +323,7 @@ var MultiSelect = /*#__PURE__*/function (_React$Component) {
           options = _this$props.options,
           dataInstrumentation = _this$props['data-instrumentation'],
           rowRenderer = _this$props.rowRenderer;
-      var isDisabled = (_options$index$disabl = options[index].disabled) !== null && _options$index$disabl !== void 0 ? _options$index$disabl : false;
+      var isDisabled = (_options$index$disabl = (_options$index = options[index]) === null || _options$index === void 0 ? void 0 : _options$index.disabled) !== null && _options$index$disabl !== void 0 ? _options$index$disabl : false;
       var isSelected = (0, _lodash["default"])(selected, index) && !isDisabled;
       return (0, _jsxRuntime.jsx)(_elements.ListItem, {
         "data-gs-c": gsC(rowRenderer({
@@ -383,7 +389,7 @@ var MultiSelect = /*#__PURE__*/function (_React$Component) {
       var _this3 = this;
 
       var selectedIndices = this.props.options.reduce(function (list, option, index) {
-        if (!option.disabled) {
+        if (!(option !== null && option !== void 0 && option.disabled)) {
           list.push(index);
         }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "td-stylekit",
-  "version": "28.28.0",
+  "version": "28.28.1",
   "main": "dist/es/index.js",
   "module": "dist/es/index.js",
   "types": "dist/es/index.d.ts",