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

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

@@ -8179,17 +8179,18 @@
       theme: tweakStyles
     });
     var _useState = _sliced_to_array$m(React.useState(false), 2), isOpen = _useState[0], setIsOpen = _useState[1];
+    var isActive = isOpen && !isDisabled;
     var arrowRef = React.useRef(null);
-    var handleToggle = function(isActive, event) {
+    var handleToggle = function(next, event) {
       event === null || event === void 0 ? void 0 : event.stopPropagation();
-      onToggle === null || onToggle === void 0 ? void 0 : onToggle(isActive, event);
-      setIsOpen(isActive);
+      onToggle === null || onToggle === void 0 ? void 0 : onToggle(next, event);
+      setIsOpen(next);
     };
     var handleClose = function(event) {
       handleToggle(false, event);
     };
     var _useFloating = react.useFloating({
-      open: isOpen && !isDisabled,
+      open: isActive,
       middleware: [
         react.offset(popupOffset),
         canBeFlipped && react.flip({
@@ -8242,7 +8243,7 @@
     var triggerElement = trueReactPlatformHelpers.applyAction(trigger, {
       referenceProps: !isTriggerWrapped ? referenceProps : void 0,
       triggerProps: _object_spread$12({
-        isActive: isOpen,
+        isActive,
         isDisabled
       }, !isTriggerWrapped && _object_spread$12({
         data,
@@ -8253,7 +8254,7 @@
     return /* @__PURE__ */ jsxs(Fragment, {
       children: [
         isTriggerWrapped ? /* @__PURE__ */ jsx("div", _object_spread_props$S(_object_spread$12({
-          className: clsx(classes.trigger, (_obj2 = {}, _define_property$14(_obj2, classes.clickable, eventType === "click"), _define_property$14(_obj2, classes.disabled, isDisabled), _define_property$14(_obj2, classes.active, isOpen), _obj2))
+          className: clsx(classes.trigger, (_obj2 = {}, _define_property$14(_obj2, classes.clickable, eventType === "click"), _define_property$14(_obj2, classes.disabled, isDisabled), _define_property$14(_obj2, classes.active, isActive), _obj2))
         }, referenceProps, trueReactPlatformHelpers.addDataAttributes(data, testId)), {
           children: triggerElement
         })) : triggerElement,
@@ -19789,7 +19790,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 +19812,7 @@
             onChange: handleCustomDateChange,
             localeKey,
             locale: translates,
-            testId: testId !== void 0 ? "".concat(testId, "-dates") : void 0
+            testId: trueReactPlatformHelpers.getTestId(testId, "dates")
           })
         })
       ]
@@ -19906,7 +19907,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 +19918,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 +19935,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 +19946,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 +19957,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", {
@@ -19995,6 +19996,10 @@
         cursor: "default"
       }
     },
+    hasValue: {
+      backgroundColor: colors.CLASSIC_WHITE,
+      borderColor: colors.BORDER_MAIN
+    },
     selectWrapper: {
       position: "relative",
       display: "flex",
@@ -20222,17 +20227,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)), {
+      className: clsx(classes.root, (_obj2 = {}, _define_property$r(_obj2, classes.focused, isInputFocused), _define_property$r(_obj2, classes.disabled, isDisabled), _define_property$r(_obj2, classes.hasValue, trueReactPlatformHelpers.isArrayLikeNotEmpty(value)), _obj2)),
+      ref: refRoot
+    }, trueReactPlatformHelpers.addDataAttributes(data, testId)), {
       children: [
         /* @__PURE__ */ jsx(SearchInput, {
           value,
@@ -20245,23 +20244,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", {
+            trueReactPlatformHelpers.isArrayNotEmpty(fields) && /* @__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 +20269,7 @@
                   })
                 })
               ]
-            }),
+            })),
             isOpen && /* @__PURE__ */ jsx("div", {
               className: classes.dropdown,
               children: /* @__PURE__ */ jsx(FilterSelect, {
@@ -20285,7 +20284,7 @@
                 onChange: handleFieldsChange,
                 isSearchEnabled: isSelectSearchEnabled,
                 hasClearButton: hasClearSelectButton,
-                testId: testId !== void 0 ? "".concat(testId, "-dropdown") : void 0
+                testId: trueReactPlatformHelpers.getTestId(testId, "dropdown")
               })
             })
           ]
@@ -20670,7 +20669,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 +20678,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 +20796,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 +20805,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 +20823,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,