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

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
                   })