@true-engineering/true-react-common-ui-kit 4.0.0-alpha27 → 4.0.0-alpha28

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

@@ -19789,7 +19789,7 @@
             locale: translates,
             tweakStyles: tweakSelectStyles,
             getValueView: getPeriodTranslate,
-            testId: testId !== void 0 ? "".concat(testId, "-select") : void 0
+            testId: trueReactPlatformHelpers.getTestId(testId, "select")
           })
         }),
         isDatePickerShown && /* @__PURE__ */ jsx("div", {
@@ -19811,7 +19811,7 @@
             onChange: handleCustomDateChange,
             localeKey,
             locale: translates,
-            testId: testId !== void 0 ? "".concat(testId, "-dates") : void 0
+            testId: trueReactPlatformHelpers.getTestId(testId, "dates")
           })
         })
       ]
@@ -19906,7 +19906,7 @@
         onClose,
         localeKey: translatesLocaleKey,
         locale: translates,
-        testId: testId !== void 0 ? "".concat(testId, "-select") : void 0
+        testId: trueReactPlatformHelpers.getTestId(testId, "select")
       }, filter));
     }
     if (filter.type === "dateRange") {
@@ -19917,7 +19917,7 @@
         onClose,
         localeKey: translatesLocaleKey,
         locale: translates,
-        testId: testId !== void 0 ? "".concat(testId, "-period") : void 0
+        testId: trueReactPlatformHelpers.getTestId(testId, "period")
       }, filter));
     }
     if (filter.type === "dateRangeWithoutPeriod") {
@@ -19934,7 +19934,7 @@
         },
         localeKey: translatesLocaleKey,
         locale: translates,
-        testId: testId !== void 0 ? "".concat(testId, "-dates") : void 0
+        testId: trueReactPlatformHelpers.getTestId(testId, "dates")
       }, filter));
     }
     if (filter.type === "multiSelect") {
@@ -19945,7 +19945,7 @@
         onClose,
         localeKey: translatesLocaleKey,
         locale: translates,
-        testId: testId !== void 0 ? "".concat(testId, "-multiSelect") : void 0
+        testId: trueReactPlatformHelpers.getTestId(testId, "multiSelect")
       }, filter));
     }
     if (filter.type === "interval") {
@@ -19956,19 +19956,19 @@
         localeKey: translatesLocaleKey,
         locale: translates,
         labelName: filter.name,
-        testId: testId !== void 0 ? "".concat(testId, "-interval") : void 0
+        testId: trueReactPlatformHelpers.getTestId(testId, "interval")
       }, filter));
     }
-    if (filter.type === "boolean") {
-      return null;
-    }
     if (filter.type === "custom" && filter.component) {
       var Component = filter.component;
       return /* @__PURE__ */ jsx(Component, _object_spread_props$q(_object_spread$r({}, props), {
-        filter
+        filter,
+        testId: trueReactPlatformHelpers.getTestId(testId, "dropdown")
       }));
     }
-    console.warn("%cДля фильтра ".concat(filter.name, " не задан тип или component"), "background: red; color: black");
+    if (filter.type !== "boolean") {
+      console.warn("%cДля фильтра ".concat(filter.name, " не задан тип или component"), "background: red; color: black");
+    }
     return null;
   }
   var useStyles$o = createThemedStyles("FiltersPaneSearch", {
@@ -20222,17 +20222,11 @@
       });
       setIsOpen(false);
     };
-    var selectedFieldLabel = React.useMemo(function() {
-      return field !== void 0 && getValueView !== void 0 ? getValueView(field) : void 0;
-    }, [
-      field
-    ]);
     var _obj2;
     return /* @__PURE__ */ jsxs("div", _object_spread_props$p(_object_spread$q({
       className: clsx(classes.root, (_obj2 = {}, _define_property$r(_obj2, classes.focused, isInputFocused), _define_property$r(_obj2, classes.disabled, isDisabled), _obj2)),
-      ref: refRoot,
-      "data-testid": testId
-    }, addDataAttributes(data)), {
+      ref: refRoot
+    }, trueReactPlatformHelpers.addDataAttributes(data, testId)), {
       children: [
         /* @__PURE__ */ jsx(SearchInput, {
           value,
@@ -20245,23 +20239,23 @@
           onBlur: function() {
             return setIsInputFocused(false);
           },
-          testId: testId !== void 0 ? "".concat(testId, "-input") : void 0,
+          testId: trueReactPlatformHelpers.getTestId(testId, "input"),
           maxLength,
           isDisabled
         }),
         /* @__PURE__ */ jsxs("div", {
           className: classes.selectWrapper,
           children: [
-            fields.length > 0 && /* @__PURE__ */ jsxs("div", {
+            fields.length > 0 && /* @__PURE__ */ jsxs("div", _object_spread_props$p(_object_spread$q({
               className: classes.selectBlock,
               onClick: !isDisabled ? function() {
                 return setIsOpen(!isOpen);
-              } : void 0,
-              "data-testid": testId !== void 0 ? "".concat(testId, "-select") : void 0,
+              } : void 0
+            }, trueReactPlatformHelpers.addDataTestId(testId, "select")), {
               children: [
                 /* @__PURE__ */ jsx("div", {
-                  className: clsx(classes.selectLabel, selectedFieldLabel !== void 0 && classes.active),
-                  children: selectedFieldLabel !== null && selectedFieldLabel !== void 0 ? selectedFieldLabel : translates.displayedFields
+                  className: clsx(classes.selectLabel, _define_property$r({}, classes.active, trueReactPlatformHelpers.isNotEmpty(field))),
+                  children: trueReactPlatformHelpers.isNotEmpty(field) ? getValueView === null || getValueView === void 0 ? void 0 : getValueView(field) : translates.displayedFields
                 }),
                 /* @__PURE__ */ jsx("div", {
                   className: clsx(classes.chevronIcon, isOpen && classes.open),
@@ -20270,7 +20264,7 @@
                   })
                 })
               ]
-            }),
+            })),
             isOpen && /* @__PURE__ */ jsx("div", {
               className: classes.dropdown,
               children: /* @__PURE__ */ jsx(FilterSelect, {
@@ -20285,7 +20279,7 @@
                 onChange: handleFieldsChange,
                 isSearchEnabled: isSelectSearchEnabled,
                 hasClearButton: hasClearSelectButton,
-                testId: testId !== void 0 ? "".concat(testId, "-dropdown") : void 0
+                testId: trueReactPlatformHelpers.getTestId(testId, "dropdown")
               })
             })
           ]
@@ -20670,7 +20664,7 @@
         var _obj2;
         return /* @__PURE__ */ jsx("div", _object_spread_props$o(_object_spread$p({
           className: clsx(classes.root, (_obj2 = {}, _define_property$q(_obj2, classes.noValue, !hasValue), _define_property$q(_obj2, classes.openNoValue, isActive && !hasValue), _define_property$q(_obj2, classes.withValue, !isActive && hasValue), _define_property$q(_obj2, classes.openWithValue, isActive && hasValue), _define_property$q(_obj2, classes.boolean, isBoolean), _define_property$q(_obj2, classes.disabled, isDisabled), _obj2))
-        }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data), referenceProps), {
+        }, trueReactPlatformHelpers.addDataAttributes(data, testId), referenceProps), {
           children: /* @__PURE__ */ jsxs("div", {
             onClick: handleLabelClick,
             className: clsx(classes.item, _define_property$q({}, classes.booleanItem, isBoolean)),
@@ -20679,7 +20673,7 @@
                 className: classes.name,
                 children: filter.name
               }),
-              !isBoolean && value !== void 0 && value !== null && /* @__PURE__ */ jsx("div", {
+              !isBoolean && trueReactPlatformHelpers.isNotEmpty(value) && /* @__PURE__ */ jsx("div", {
                 className: classes.value,
                 children: /* @__PURE__ */ jsx(FilterValueView, {
                   value,
@@ -20797,7 +20791,7 @@
     ]);
     var filtersKeys = enabledFilters !== null && enabledFilters !== void 0 ? enabledFilters : Object.keys(filtersConfig);
     var handleClear = function() {
-      if (onClear !== void 0) {
+      if (trueReactPlatformHelpers.isNotEmpty(onClear)) {
         onClear();
         return;
       }
@@ -20806,9 +20800,9 @@
         search.onChange({});
       }
     };
-    var shouldShowClearButton = hasClearButton && (search !== void 0 || filtersKeys.filter(function(key) {
-      return filtersConfig[key] !== void 0;
-    }).length > 0);
+    var shouldShowClearButton = hasClearButton && (trueReactPlatformHelpers.isNotEmpty(search) || filtersKeys.some(function(key) {
+      return trueReactPlatformHelpers.isNotEmpty(filtersConfig[key]);
+    }));
     var clearButton = /* @__PURE__ */ jsx("div", {
       className: classes.clear,
       children: /* @__PURE__ */ jsx(Button, {
@@ -20824,7 +20818,7 @@
     var _search_localeKey, _search_localeKey1, _search_isDisabled;
     return /* @__PURE__ */ jsxs("div", _object_spread_props$n(_object_spread$o({
       className: classes.root
-    }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
+    }, trueReactPlatformHelpers.addDataAttributes(data, testId)), {
       children: [
         onSettingsButtonClick !== void 0 && /* @__PURE__ */ jsx("div", _object_spread_props$n(_object_spread$o({
           className: classes.settings,