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

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

@@ -11461,7 +11461,7 @@
     return target;
   }
   var SelectListItem = function(param) {
-    var classes = param.classes, index = param.index, isSemiChecked = param.isSemiChecked, isDisabled = param.isDisabled, isActive = param.isActive, children = param.children, isFocused = param.isFocused, isMultiSelect = param.isMultiSelect, onOptionSelect = param.onOptionSelect, onToggleCheckbox = param.onToggleCheckbox;
+    var classes = param.classes, index = param.index, isSemiChecked = param.isSemiChecked, isDisabled = param.isDisabled, isActive = param.isActive, children = param.children, isFocused = param.isFocused, isMultiSelect = param.isMultiSelect, data = param.data, onOptionSelect = param.onOptionSelect, onToggleCheckbox = param.onToggleCheckbox;
     var multiSelectContent = isMultiSelect && /* @__PURE__ */ jsx(Checkbox, {
       isChecked: isActive || isSemiChecked,
       isSemiChecked,
@@ -11480,11 +11480,11 @@
         block: "nearest"
       },
       className: clsx(classes.cell, (_obj2 = {}, _define_property$N(_obj2, classes.cellWithCheckbox, isMultiSelect), _define_property$N(_obj2, classes.focused, isFocused), _define_property$N(_obj2, classes.active, isActive && !isMultiSelect), _define_property$N(_obj2, classes.disabled, isDisabled), _obj2))
-    }, addDataAttributes({
+    }, trueReactPlatformHelpers.addDataAttributes(_object_spread$L({
       disabled: isDisabled,
       active: isActive,
       focused: isFocused
-    })), {
+    }, data))), {
       onClick: !isDisabled && !isMultiSelect ? function(event) {
         return onOptionSelect(index, event);
       } : void 0,
@@ -11613,8 +11613,9 @@
               }),
               listOptions.map(function(opt, i) {
                 var optionValue = options[i];
+                var id = convertValueToId(optionValue);
                 var isFocused = focusedIndex === i;
-                var isActive = activeOptionsIds.has(convertValueToId(optionValue));
+                var isActive = activeOptionsIds.has(id);
                 var isDisabled = optionsDisableMap[i];
                 return /* @__PURE__ */ jsx(SelectListItem, {
                   classes,
@@ -11625,6 +11626,9 @@
                   isMultiSelect,
                   onOptionSelect,
                   onToggleCheckbox,
+                  data: {
+                    id
+                  },
                   children: opt
                 }, i);
               }),
@@ -19064,7 +19068,7 @@
     }, []);
     return /* @__PURE__ */ jsxs("div", _object_spread_props$t(_object_spread$u({
       className: classes.root
-    }, addDataAttributes(data)), {
+    }, trueReactPlatformHelpers.addDataAttributes(data, testId)), {
       children: [
         isSearchEnabled && /* @__PURE__ */ jsx("div", {
           className: classes.dropdownInput,
@@ -19073,20 +19077,20 @@
             placeholder: translates.searchPlaceholder,
             onChange: handleOnChange,
             tweakStyles: tweakSearchInputStyles,
-            testId: testId !== void 0 ? "".concat(testId, "-search") : void 0,
+            testId: trueReactPlatformHelpers.getTestId(testId, "search"),
             shouldFocusOnMount: true
           })
         }),
         !isLoading && /* @__PURE__ */ jsxs(Fragment, {
           children: [
-            allOptions.length !== 0 && /* @__PURE__ */ jsxs("div", {
-              className: clsx(classes.list, hasClearButton && classes.withClearButton),
-              "data-testid": testId !== void 0 ? "".concat(testId, "-list") : void 0,
+            trueReactPlatformHelpers.isArrayNotEmpty(allOptions) && /* @__PURE__ */ jsxs("div", _object_spread_props$t(_object_spread$u({
+              className: clsx(classes.list, _define_property$v({}, classes.withClearButton, hasClearButton))
+            }, trueReactPlatformHelpers.addDataTestId(testId, "list")), {
               children: [
-                isGroupingEnabled && value !== void 0 && /* @__PURE__ */ jsxs(Fragment, {
+                isGroupingEnabled && trueReactPlatformHelpers.isNotEmpty(value) && /* @__PURE__ */ jsxs(Fragment, {
                   children: [
                     /* @__PURE__ */ jsx("div", {
-                      className: clsx(classes.label, classes.labelChosen, !isSearchEnabled && classes.withoutTopGap),
+                      className: clsx(classes.label, classes.labelChosen, _define_property$v({}, classes.withoutTopGap, !isSearchEnabled)),
                       children: translates.chosen
                     }),
                     /* @__PURE__ */ jsxs("div", {
@@ -19114,7 +19118,7 @@
                   ]
                 }),
                 allOptions.map(function(item, index) {
-                  var isActive = value !== void 0 && getValueId(value) === getValueId(item);
+                  var isActive = trueReactPlatformHelpers.isNotEmpty(value) && getValueId(value) === getValueId(item);
                   if (isGroupingEnabled && isActive) {
                     return null;
                   }
@@ -19127,11 +19131,14 @@
                       return handleChange(item);
                     },
                     children: [
-                      /* @__PURE__ */ jsx("div", {
-                        className: classes.option,
-                        "data-option": id,
+                      /* @__PURE__ */ jsx("div", _object_spread_props$t(_object_spread$u({
+                        className: classes.option
+                      }, trueReactPlatformHelpers.addDataAttributes({
+                        id,
+                        option: id
+                      })), {
                         children: view
-                      }),
+                      })),
                       isActive && /* @__PURE__ */ jsx("div", {
                         className: classes.icon,
                         children: /* @__PURE__ */ jsx(Icon, {
@@ -19150,14 +19157,14 @@
                   }
                 })
               ]
-            }),
+            })),
             shouldShowPreloader && /* @__PURE__ */ jsx("div", {
               className: classes.preloader,
               children: /* @__PURE__ */ jsx(ThemedPreloader, {
                 type: "dots"
               })
             }),
-            allOptions.length === 0 && /* @__PURE__ */ jsx("div", {
+            !trueReactPlatformHelpers.isArrayNotEmpty(allOptions) && /* @__PURE__ */ jsx("div", {
               className: classes.nothingFound,
               children: translates.nothingFound
             }),
@@ -19174,7 +19181,7 @@
                     onClick: handleClear,
                     size: "s",
                     view: "text",
-                    testId: testId !== void 0 ? "".concat(testId, "-clear-button") : void 0,
+                    testId: trueReactPlatformHelpers.getTestId(testId, "clear-button"),
                     tweakStyles: tweakClearButtonStyles,
                     children: translates.clear
                   })
@@ -19782,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", {
@@ -19804,7 +19811,7 @@
             onChange: handleCustomDateChange,
             localeKey,
             locale: translates,
-            testId: testId !== void 0 ? "".concat(testId, "-dates") : void 0
+            testId: trueReactPlatformHelpers.getTestId(testId, "dates")
           })
         })
       ]
@@ -19899,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") {
@@ -19910,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") {
@@ -19927,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") {
@@ -19938,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") {
@@ -19949,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", {
@@ -20215,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,
@@ -20238,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),
@@ -20263,7 +20264,7 @@
                   })
                 })
               ]
-            }),
+            })),
             isOpen && /* @__PURE__ */ jsx("div", {
               className: classes.dropdown,
               children: /* @__PURE__ */ jsx(FilterSelect, {
@@ -20278,7 +20279,7 @@
                 onChange: handleFieldsChange,
                 isSearchEnabled: isSelectSearchEnabled,
                 hasClearButton: hasClearSelectButton,
-                testId: testId !== void 0 ? "".concat(testId, "-dropdown") : void 0
+                testId: trueReactPlatformHelpers.getTestId(testId, "dropdown")
               })
             })
           ]
@@ -20663,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)),
@@ -20672,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,
@@ -20790,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;
       }
@@ -20799,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, {
@@ -20817,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,