@carbon/ibm-products 2.43.2-canary.30 → 2.43.2-canary.300

package/lib/components/Datagrid/Datagrid/addons/Filtering/OverflowCheckboxes.js

@@ -12,14 +12,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var react = require('@carbon/react');
 var React = require('react');
-var index = require('../../../../../node_modules/prop-types/index.js');
+var index = require('../../../../../_virtual/index.js');
 var handleCheckboxChange = require('./handleCheckboxChange.js');
 var settings = require('../../../../../settings.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
 var componentClass = "".concat(blockClass, "-filter-panel");
 var OverflowCheckboxes = function OverflowCheckboxes(_ref) {
@@ -40,7 +36,7 @@ var OverflowCheckboxes = function OverflowCheckboxes(_ref) {
   var firstFiveItems = filtersState[column].value.slice(0, 5);
   var restOfTheItems = filtersState[column].value.slice(5, filtersState[column].value.length);
   var renderCheckbox = function renderCheckbox(option) {
-    return /*#__PURE__*/React__default["default"].createElement(react.Checkbox, _rollupPluginBabelHelpers["extends"]({
+    return /*#__PURE__*/React.createElement(react.Checkbox, _rollupPluginBabelHelpers.extends({
       key: option.labelText
     }, option, {
       onChange: function onChange(_, _ref2) {
@@ -63,7 +59,7 @@ var OverflowCheckboxes = function OverflowCheckboxes(_ref) {
     /** This should render the text "View all ([amount of checkboxes])" or "View less" */
     return showAllItems ? viewLessLabel : "".concat(viewAllLabel, " (").concat(filtersState[column].value.length, ")");
   };
-  return /*#__PURE__*/React__default["default"].createElement(react.FormGroup, components.FormGroup, firstFiveItems.map(renderCheckbox), showAllItems && restOfTheItems.map(renderCheckbox), /*#__PURE__*/React__default["default"].createElement(react.Button, {
+  return /*#__PURE__*/React.createElement(react.FormGroup, components.FormGroup, firstFiveItems.map(renderCheckbox), showAllItems && restOfTheItems.map(renderCheckbox), /*#__PURE__*/React.createElement(react.Button, {
     className: "".concat(componentClass, "__view-all-button"),
     kind: "ghost",
     size: "sm",
@@ -73,15 +69,15 @@ var OverflowCheckboxes = function OverflowCheckboxes(_ref) {
   }, renderViewAllButtonText()));
 };
 OverflowCheckboxes.propTypes = {
-  applyFilters: index["default"].func,
-  column: index["default"].string,
-  components: index["default"].object,
-  filtersState: index["default"].object,
-  setFiltersState: index["default"].func,
-  type: index["default"].string,
-  viewAllLabel: index["default"].string,
-  viewLessLabel: index["default"].string
+  applyFilters: index.default.func,
+  column: index.default.string,
+  components: index.default.object,
+  filtersState: index.default.object,
+  setFiltersState: index.default.func,
+  type: index.default.string,
+  viewAllLabel: index.default.string,
+  viewLessLabel: index.default.string
 };
 var OverflowCheckboxes$1 = OverflowCheckboxes;
 
-exports["default"] = OverflowCheckboxes$1;
+exports.default = OverflowCheckboxes$1;

package/lib/components/Datagrid/Datagrid/addons/Filtering/constants.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 /** Constants for update methods can either be batch or instant */
 var BATCH = 'batch';
 var INSTANT = 'instant';

package/lib/components/Datagrid/Datagrid/addons/Filtering/handleCheckboxChange.js

@@ -7,10 +7,15 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
 
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
 var handleCheckboxChange = function handleCheckboxChange(_ref) {
   var _option$onChange;
   var checked = _ref.checked,

package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.js

@@ -24,4 +24,4 @@ var useFilterContext = function useFilterContext() {
 };
 var useFilterContext$1 = useFilterContext;
 
-exports["default"] = useFilterContext$1;
+exports.default = useFilterContext$1;

package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js

@@ -17,16 +17,15 @@ var OverflowCheckboxes = require('../OverflowCheckboxes.js');
 var utils = require('../utils.js');
 var FilterProvider = require('../FilterProvider.js');
 var handleCheckboxChange = require('../handleCheckboxChange.js');
+var uuidv4 = require('../../../../../../global/js/utils/uuidv4.js');
 var usePreviousValue = require('../../../../../../global/js/hooks/usePreviousValue.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
+// Use same empty array every time, for benefit of useEffect() etc. dependency checking.
+var emptyArray = [];
 var useFilters = function useFilters(_ref) {
   var updateMethod = _ref.updateMethod,
     _ref$filters = _ref.filters,
-    filters = _ref$filters === void 0 ? [] : _ref$filters,
+    filters = _ref$filters === void 0 ? emptyArray : _ref$filters,
     setAllFilters = _ref.setAllFilters,
     variation = _ref.variation,
     reactTableFiltersState = _ref.reactTableFiltersState,
@@ -36,7 +35,6 @@ var useFilters = function useFilters(_ref) {
     isFetching = _ref.isFetching;
   var _useContext = React.useContext(FilterProvider.FilterContext),
     state = _useContext.state,
-    localDispatch = _useContext.dispatch,
     contextTableId = _useContext.tableId;
   var savedFilters = state.savedFilters;
   /** State */
@@ -55,6 +53,7 @@ var useFilters = function useFilters(_ref) {
   var previousState = usePreviousValue.usePreviousValue({
     panelOpen: panelOpen
   });
+  var filteredItemsRef = React.useRef();
 
   // When using batch actions we have to store the filters to then apply them later
   var prevFiltersRef = React.useRef(JSON.stringify(filtersState));
@@ -140,16 +139,6 @@ var useFilters = function useFilters(_ref) {
       filterCopy.splice(index, 1);
     }
     setFiltersObjectArray(filterCopy);
-
-    // Dispatch action from local filter context to track filters in order
-    // to keep history if `isFetching` becomes true. If so, react-table
-    // clears all filter history
-    localDispatch({
-      type: constants.SAVED_FILTERS,
-      payload: {
-        savedFilters: filterCopy
-      }
-    });
     if (updateMethod === constants.INSTANT) {
       setAllFilters(filterCopy);
     }
@@ -168,7 +157,7 @@ var useFilters = function useFilters(_ref) {
     }
     var renderCheckboxes = function renderCheckboxes() {
       if (variation === constants.PANEL && filtersState[column].value.length > 10 && !autoHideFilters) {
-        return _OverflowCheckboxes || (_OverflowCheckboxes = /*#__PURE__*/React__default["default"].createElement(OverflowCheckboxes["default"], {
+        return _OverflowCheckboxes || (_OverflowCheckboxes = /*#__PURE__*/React.createElement(OverflowCheckboxes.default, {
           components: components,
           type: type,
           column: column,
@@ -177,8 +166,8 @@ var useFilters = function useFilters(_ref) {
           applyFilters: applyFilters
         }));
       }
-      return /*#__PURE__*/React__default["default"].createElement(react.FormGroup, components.FormGroup, filtersState[column].value.map(function (option) {
-        return /*#__PURE__*/React__default["default"].createElement(react.Checkbox, _rollupPluginBabelHelpers["extends"]({
+      return /*#__PURE__*/React.createElement(react.FormGroup, components.FormGroup, filtersState[column].value.map(function (option) {
+        return /*#__PURE__*/React.createElement(react.Checkbox, _rollupPluginBabelHelpers.extends({
           key: option.id
         }, option, {
           onChange: function onChange(_, _ref6) {
@@ -199,7 +188,7 @@ var useFilters = function useFilters(_ref) {
     };
     switch (type) {
       case constants.DATE:
-        filter = /*#__PURE__*/React__default["default"].createElement(react.DatePicker, _rollupPluginBabelHelpers["extends"]({}, components.DatePicker, {
+        filter = /*#__PURE__*/React.createElement(react.DatePicker, _rollupPluginBabelHelpers.extends({}, components.DatePicker, {
           onChange: function onChange(value) {
             var _components$DatePicke, _components$DatePicke2;
             setFiltersState(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, filtersState), {}, _rollupPluginBabelHelpers.defineProperty({}, column, {
@@ -215,16 +204,16 @@ var useFilters = function useFilters(_ref) {
           },
           value: filtersState[column].value,
           datePickerType: "range"
-        }), /*#__PURE__*/React__default["default"].createElement(react.DatePickerInput, _rollupPluginBabelHelpers["extends"]({
+        }), /*#__PURE__*/React.createElement(react.DatePickerInput, _rollupPluginBabelHelpers.extends({
           placeholder: "mm/dd/yyyy",
           labelText: "Start date"
-        }, components.DatePickerInput.start)), /*#__PURE__*/React__default["default"].createElement(react.DatePickerInput, _rollupPluginBabelHelpers["extends"]({
+        }, components.DatePickerInput.start)), /*#__PURE__*/React.createElement(react.DatePickerInput, _rollupPluginBabelHelpers.extends({
           placeholder: "mm/dd/yyyy",
           labelText: "End date"
         }, components.DatePickerInput.end)));
         break;
       case constants.NUMBER:
-        filter = /*#__PURE__*/React__default["default"].createElement(react.NumberInput, _rollupPluginBabelHelpers["extends"]({
+        filter = /*#__PURE__*/React.createElement(react.NumberInput, _rollupPluginBabelHelpers.extends({
           step: 1,
           allowEmpty: true,
           hideSteppers: true
@@ -253,7 +242,7 @@ var useFilters = function useFilters(_ref) {
           var _filtersState$column, _components$DefaultRa, _components$DefaultRa2, _filtersState$column2, _components$DefaultRa3, _components$DefaultRa4, _components$DefaultRa5, _components$DefaultRa6, _components$DefaultRa7, _components$DefaultRa8;
           var _components$RadioButt = _rollupPluginBabelHelpers.objectSpread2({}, components.RadioButtonGroup),
             name = _components$RadioButt.name;
-          filter = /*#__PURE__*/React__default["default"].createElement(react.FormGroup, components.FormGroup, /*#__PURE__*/React__default["default"].createElement(react.RadioButtonGroup, _rollupPluginBabelHelpers["extends"]({}, components.RadioButtonGroup, {
+          filter = /*#__PURE__*/React.createElement(react.FormGroup, components.FormGroup, /*#__PURE__*/React.createElement(react.RadioButtonGroup, _rollupPluginBabelHelpers.extends({}, components.RadioButtonGroup, {
             valueSelected: ((_filtersState$column = filtersState[column]) === null || _filtersState$column === void 0 ? void 0 : _filtersState$column.value) === '' ? (_components$DefaultRa = (_components$DefaultRa2 = components.DefaultRadioButton) === null || _components$DefaultRa2 === void 0 ? void 0 : _components$DefaultRa2.value) !== null && _components$DefaultRa !== void 0 ? _components$DefaultRa : 'Any' : (_filtersState$column2 = filtersState[column]) === null || _filtersState$column2 === void 0 ? void 0 : _filtersState$column2.value,
             onChange: function onChange(selected) {
               var _components$RadioButt2, _components$RadioButt3;
@@ -268,20 +257,20 @@ var useFilters = function useFilters(_ref) {
               });
               (_components$RadioButt2 = (_components$RadioButt3 = components.RadioButtonGroup).onChange) === null || _components$RadioButt2 === void 0 || _components$RadioButt2.call(_components$RadioButt3, selected);
             }
-          }), /*#__PURE__*/React__default["default"].createElement(react.RadioButton, _rollupPluginBabelHelpers["extends"]({
+          }), /*#__PURE__*/React.createElement(react.RadioButton, _rollupPluginBabelHelpers.extends({
             id: (_components$DefaultRa3 = components === null || components === void 0 || (_components$DefaultRa4 = components.DefaultRadioButton) === null || _components$DefaultRa4 === void 0 ? void 0 : _components$DefaultRa4.id) !== null && _components$DefaultRa3 !== void 0 ? _components$DefaultRa3 : "any__".concat(name),
             labelText: (_components$DefaultRa5 = components === null || components === void 0 || (_components$DefaultRa6 = components.DefaultRadioButton) === null || _components$DefaultRa6 === void 0 ? void 0 : _components$DefaultRa6.labelText) !== null && _components$DefaultRa5 !== void 0 ? _components$DefaultRa5 : 'Any',
             value: (_components$DefaultRa7 = components === null || components === void 0 || (_components$DefaultRa8 = components.DefaultRadioButton) === null || _components$DefaultRa8 === void 0 ? void 0 : _components$DefaultRa8.value) !== null && _components$DefaultRa7 !== void 0 ? _components$DefaultRa7 : 'Any'
           }, components.DefaultRadioButton)), components.RadioButton.map(function (radio) {
             var _ref7, _radio$id;
-            return /*#__PURE__*/React__default["default"].createElement(react.RadioButton, _rollupPluginBabelHelpers["extends"]({
+            return /*#__PURE__*/React.createElement(react.RadioButton, _rollupPluginBabelHelpers.extends({
               key: (_ref7 = (_radio$id = radio.id) !== null && _radio$id !== void 0 ? _radio$id : radio.labelText) !== null && _ref7 !== void 0 ? _ref7 : radio.value
             }, radio));
           })));
         }
         break;
       case constants.DROPDOWN:
-        filter = /*#__PURE__*/React__default["default"].createElement(react.Dropdown, _rollupPluginBabelHelpers["extends"]({}, components.Dropdown, {
+        filter = /*#__PURE__*/React.createElement(react.Dropdown, _rollupPluginBabelHelpers.extends({}, components.Dropdown, {
           selectedItem: ((_filtersState$column3 = filtersState[column]) === null || _filtersState$column3 === void 0 ? void 0 : _filtersState$column3.value) === '' ? 'Any' : (_filtersState$column4 = filtersState[column]) === null || _filtersState$column4 === void 0 ? void 0 : _filtersState$column4.value,
           items: ['Any'].concat(_rollupPluginBabelHelpers.toConsumableArray(components.Dropdown.items)),
           onChange: function onChange(_ref8) {
@@ -315,8 +304,18 @@ var useFilters = function useFilters(_ref) {
             }
             return null;
           }).filter(Boolean);
-          filter = /*#__PURE__*/React__default["default"].createElement(react.MultiSelect, _rollupPluginBabelHelpers["extends"]({}, components.MultiSelect, {
+          var isEqual = compareFilterItems(filteredItems);
+          if (!isEqual) {
+            filteredItemsRef.current = _rollupPluginBabelHelpers.toConsumableArray(filteredItems);
+          }
+          var getKey = function getKey() {
+            return isEqual ? {
+              key: uuidv4.default()
+            } : column;
+          };
+          filter = /*#__PURE__*/React.createElement(react.MultiSelect, _rollupPluginBabelHelpers.extends({}, components.MultiSelect, {
             selectedItems: filteredItems,
+            key: getKey(),
             onChange: function onChange(_ref9) {
               var _components$MultiSele, _components$MultiSele2;
               var selectedItems = _ref9.selectedItems;
@@ -332,6 +331,7 @@ var useFilters = function useFilters(_ref) {
                 }
                 return null;
               }).filter(Boolean);
+              filteredItemsRef.current = _rollupPluginBabelHelpers.toConsumableArray(foundItems);
 
               // Change selected state for those items that have been selected
               allOptions.map(function (a) {
@@ -366,14 +366,33 @@ var useFilters = function useFilters(_ref) {
         }
     }
     if (isPanel) {
-      return /*#__PURE__*/React__default["default"].createElement(react.Layer, {
+      return /*#__PURE__*/React.createElement(react.Layer, {
         key: column
       }, filter);
     }
-    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
+    return /*#__PURE__*/React.createElement(React.Fragment, {
       key: column
     }, filter);
   };
+  var compareFilterItems = function compareFilterItems(filteredItems) {
+    var _filteredItems$map, _filteredItemsRef$cur, _filteredItemsRef$cur2;
+    var filteredItemsId = (_filteredItems$map = filteredItems.map(function (item) {
+      return item.id;
+    })) !== null && _filteredItems$map !== void 0 ? _filteredItems$map : [];
+    var previousFilteredItemsId = (_filteredItemsRef$cur = filteredItemsRef === null || filteredItemsRef === void 0 || (_filteredItemsRef$cur2 = filteredItemsRef.current) === null || _filteredItemsRef$cur2 === void 0 ? void 0 : _filteredItemsRef$cur2.map(function (item) {
+      return item.id;
+    })) !== null && _filteredItemsRef$cur !== void 0 ? _filteredItemsRef$cur : [];
+    var set1 = new Set(filteredItemsId);
+    var set2 = new Set(previousFilteredItemsId);
+    // Check if the sets have the same size (same number of unique elements)
+    if (set1.size !== set2.size) {
+      return false;
+    }
+    // Check if all elements in set1 are also present in set2 (using spread syntax)
+    return _rollupPluginBabelHelpers.toConsumableArray(set1).every(function (element) {
+      return set2.has(element);
+    });
+  };
 
   /** This useEffect will properly handle the previous filters when the panel closes
    * 1. If the panel closes we need to call the reset fn but also store the
@@ -460,4 +479,4 @@ var useFilters = function useFilters(_ref) {
 };
 var useFilters$1 = useFilters;
 
-exports["default"] = useFilters$1;
+exports.default = useFilters$1;

package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useShouldDisableButtons.js

@@ -13,10 +13,6 @@ var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPlugi
 var React = require('react');
 var isEqual = require('lodash/isEqual');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var isEqual__default = /*#__PURE__*/_interopDefaultLegacy(isEqual);
-
 /**
  * Keeps track of the button disabled state
  * @param  {string} initialValue - the initial value if the buttons should be enabled or disabled
@@ -33,10 +29,10 @@ var useShouldDisableButtons = function useShouldDisableButtons(_ref) {
     shouldDisableButtons = _useState2[0],
     setShouldDisableButtons = _useState2[1];
   React.useEffect(function updateDisabledButtonsState() {
-    setShouldDisableButtons(isEqual__default["default"](filtersState, JSON.parse(prevFiltersRef.current)));
+    setShouldDisableButtons(isEqual(filtersState, JSON.parse(prevFiltersRef.current)));
   }, [filtersState, prevFiltersRef]);
   return [shouldDisableButtons, setShouldDisableButtons];
 };
 var useShouldDisableButtons$1 = useShouldDisableButtons;
 
-exports["default"] = useShouldDisableButtons$1;
+exports.default = useShouldDisableButtons$1;

package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useSubscribeToEventEmitter.js

@@ -27,4 +27,4 @@ var useSubscribeToEventEmitter = function useSubscribeToEventEmitter(type, callb
 };
 var useSubscribeToEventEmitter$1 = useSubscribeToEventEmitter;
 
-exports["default"] = useSubscribeToEventEmitter$1;
+exports.default = useSubscribeToEventEmitter$1;

package/lib/components/Datagrid/Datagrid/addons/Filtering/motion/variants.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var motionConstants = require('../../../../../../global/js/utils/motionConstants.js');
 var constants = require('../constants.js');
 

package/lib/components/Datagrid/Datagrid/addons/Filtering/utils.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var constants = require('./constants.js');
 

package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js

@@ -7,19 +7,12 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var cx = require('classnames');
-var index = require('../../../../../../node_modules/prop-types/index.js');
+var index = require('../../../../../../_virtual/index.js');
 var settings = require('../../../../../../settings.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
 var InlineEditButton = function InlineEditButton(_ref) {
   var label = _ref.label,
@@ -31,34 +24,33 @@ var InlineEditButton = function InlineEditButton(_ref) {
     isActiveCell = _ref.isActiveCell,
     columnConfig = _ref.columnConfig,
     type = _ref.type;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: cx__default["default"]("".concat(blockClass, "__inline-edit-button"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__inline-edit-button--disabled"), disabledCell), "".concat(blockClass, "__inline-edit-button--with-label-icon"), LabelIcon), "".concat(blockClass, "__inline-edit-button--non-edit"), nonEditCell), "".concat(blockClass, "__inline-edit-button--active"), isActiveCell), "".concat(blockClass, "__inline-edit-button--").concat(type), type === 'date' || type === 'selection')),
+  return /*#__PURE__*/React.createElement("div", {
+    className: cx("".concat(blockClass, "__inline-edit-button"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__inline-edit-button--disabled"), disabledCell), "".concat(blockClass, "__inline-edit-button--with-label-icon"), LabelIcon), "".concat(blockClass, "__inline-edit-button--non-edit"), nonEditCell), "".concat(blockClass, "__inline-edit-button--active"), isActiveCell), "".concat(blockClass, "__inline-edit-button--").concat(type), type === 'date' || type === 'selection')),
     tabIndex: isActiveCell ? 0 : -1,
     "data-disabled": disabledCell,
     "aria-disabled": disabledCell,
-    role: "button",
-    title: label
-  }, LabelIcon && /*#__PURE__*/React__default["default"].createElement("div", {
+    role: "button"
+  }, LabelIcon && /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__label-icon")
-  }, /*#__PURE__*/React__default["default"].createElement(LabelIcon, null)), label !== '' ? /*#__PURE__*/React__default["default"].createElement("span", {
-    className: cx__default["default"]("".concat(blockClass, "__inline-edit-button-label"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__inline-edit-button-label-with-icon"), !nonEditCell), "".concat(blockClass, "__defaultStringRenderer--multiline"), columnConfig === null || columnConfig === void 0 ? void 0 : columnConfig.multiLineWrap))
-  }, label) : /*#__PURE__*/React__default["default"].createElement("span", {
+  }, /*#__PURE__*/React.createElement(LabelIcon, null)), label !== '' ? /*#__PURE__*/React.createElement("span", {
+    className: cx("".concat(blockClass, "__inline-edit-button-label"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__inline-edit-button-label-with-icon"), !nonEditCell), "".concat(blockClass, "__defaultStringRenderer--multiline"), columnConfig === null || columnConfig === void 0 ? void 0 : columnConfig.multiLineWrap))
+  }, label) : /*#__PURE__*/React.createElement("span", {
     className: "".concat(blockClass, "__placeholder")
-  }, placeholder), !nonEditCell && Icon && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, placeholder), !nonEditCell && Icon && /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__inline-edit-button-icon")
-  }, /*#__PURE__*/React__default["default"].createElement(Icon, null)));
+  }, /*#__PURE__*/React.createElement(Icon, null)));
 };
 InlineEditButton.propTypes = {
-  columnConfig: index["default"].object,
-  disabledCell: index["default"].bool,
-  isActiveCell: index["default"].bool,
-  label: index["default"].oneOfType([index["default"].string, index["default"].number]),
-  labelIcon: index["default"].oneOfType([index["default"].func, index["default"].object]),
-  nonEditCell: index["default"].bool,
-  placeholder: index["default"].string,
-  renderIcon: index["default"].oneOfType([index["default"].func, index["default"].object]),
-  type: index["default"].oneOf(['text', 'number', 'selection', 'date']),
-  value: index["default"].oneOfType([index["default"].string, index["default"].node])
+  columnConfig: index.default.object,
+  disabledCell: index.default.bool,
+  isActiveCell: index.default.bool,
+  label: index.default.oneOfType([index.default.string, index.default.number]),
+  labelIcon: index.default.oneOfType([index.default.func, index.default.object]),
+  nonEditCell: index.default.bool,
+  placeholder: index.default.string,
+  renderIcon: index.default.oneOfType([index.default.func, index.default.object]),
+  type: index.default.oneOf(['text', 'number', 'selection', 'date', 'checkbox']),
+  value: index.default.oneOfType([index.default.string, index.default.node])
 };
 
 exports.InlineEditButton = InlineEditButton;