@true-engineering/true-react-common-ui-kit 4.0.0-alpha17 → 4.0.0-alpha19

package/dist/true-react-common-ui-kit.umd.cjs

@@ -20531,7 +20531,7 @@
     return target;
   }
   function FiltersPane(param) {
-    var data = param.data, tweakStyles = param.tweakStyles, filtersConfig = param.filtersConfig, enabledFilters = param.enabledFilters, _param_values = param.values, values = _param_values === void 0 ? {} : _param_values, localeKey = param.localeKey, locale2 = param.locale, search = param.search, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_hasClearButton = param.hasClearButton, hasClearButton = _param_hasClearButton === void 0 ? true : _param_hasClearButton, _param_shouldRenderDataId = param.shouldRenderDataId, shouldRenderDataId = _param_shouldRenderDataId === void 0 ? false : _param_shouldRenderDataId, testId = param.testId, onChangeFilters = param.onChangeFilters, onSettingsButtonClick = param.onSettingsButtonClick, onClear = param.onClear;
+    var data = param.data, tweakStyles = param.tweakStyles, filtersConfig = param.filtersConfig, enabledFilters = param.enabledFilters, _param_values = param.values, values = _param_values === void 0 ? {} : _param_values, localeKey = param.localeKey, locale2 = param.locale, search = param.search, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_hasClearButton = param.hasClearButton, hasClearButton = _param_hasClearButton === void 0 ? true : _param_hasClearButton, _param_shouldRenderDataId = param.shouldRenderDataId, shouldRenderDataId = _param_shouldRenderDataId === void 0 ? false : _param_shouldRenderDataId, _param_settingsIcon = param.settingsIcon, settingsIcon = _param_settingsIcon === void 0 ? "filter" : _param_settingsIcon, testId = param.testId, onChangeFilters = param.onChangeFilters, onSettingsButtonClick = param.onSettingsButtonClick, onClear = param.onClear;
     var classes = useStyles$u({
       theme: tweakStyles
     });
@@ -20590,9 +20590,7 @@
           onClick: !isDisabled ? onSettingsButtonClick : void 0,
           children: /* @__PURE__ */ jsx("div", {
             className: classes.settingsIcon,
-            children: /* @__PURE__ */ jsx(Icon, {
-              type: "filter"
-            })
+            children: renderIcon(settingsIcon)
           })
         })),
         search !== void 0 && /* @__PURE__ */ jsx(FiltersPaneSearch, _object_spread_props$n(_object_spread$o({}, search), {
@@ -27154,7 +27152,7 @@
     return target;
   }
   function FlexibleTableCell(_param) {
-    var row = _param.row, columnName = _param.columnName, config = _param.config, renderMode = _param.renderMode, isSecond = _param.isSecond, isOldSticky = _param.isSticky, isLoading = _param.isLoading, tweakStyles = _param.tweakStyles, valueComponentProps = _object_without_properties$9(_param, [
+    var row = _param.row, columnName = _param.columnName, config = _param.config, renderMode = _param.renderMode, isSecond = _param.isSecond, isOldSticky = _param.isSticky, isLoading = _param.isLoading, updateNestedComponent = _param.updateNestedComponent, tweakStyles = _param.tweakStyles, valueComponentProps = _object_without_properties$9(_param, [
       "row",
       "columnName",
       "config",
@@ -27162,6 +27160,7 @@
       "isSecond",
       "isSticky",
       "isLoading",
+      "updateNestedComponent",
       "tweakStyles"
     ]);
     var classes = useStyles$i({
@@ -27173,6 +27172,12 @@
     var isSticky = isOldSticky || position === "sticky";
     var isClickable = !isLoading && trueReactPlatformHelpers.isNotEmpty(onCellClick);
     var cellComponentProps = _object_spread_props$l(_object_spread$m({}, valueComponentProps), {
+      onSetNestedComponent: React.useCallback(function(node) {
+        return updateNestedComponent(node, columnName);
+      }, [
+        columnName,
+        updateNestedComponent
+      ]),
       value,
       row
     });
@@ -27371,7 +27376,7 @@
         isOpen: false
       });
     };
-    var updateNestedComponent = function(component, cellKey) {
+    var updateNestedComponent = React.useCallback(function(component, cellKey) {
       if (trueReactPlatformHelpers.isEmpty(component)) {
         closeNestedComponent();
       } else {
@@ -27381,7 +27386,7 @@
           cellKey
         });
       }
-    };
+    }, []);
     var handleRowClick = function() {
       if (trueReactPlatformHelpers.isNotEmpty(uniqueField)) {
         onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick(item[uniqueField]);
@@ -27428,9 +27433,7 @@
               isActiveRow: isActive,
               isNestedComponentExpanded: isNestedComponentExpanded && nestedComponentCellKey === key,
               isRowNestedComponentExpanded: isNestedComponentExpanded && trueReactPlatformHelpers.isEmpty(nestedComponentCellKey),
-              onSetNestedComponent: function(component) {
-                return updateNestedComponent(component, key);
-              }
+              updateNestedComponent
             }, key);
           })
         })),