@true-engineering/true-react-common-ui-kit 3.52.0 → 3.53.1

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

@@ -10581,6 +10581,7 @@
       paddingLeft: 0
     },
     label: {
+      "--label-max-width": "100%",
       left: 0,
       fontSize: 14
     }
@@ -17994,6 +17995,7 @@
   }
   var useStyles$q = createThemedStyles("FilterWithDates", {
     root: {
+      width: 320,
       background: colors.CLASSIC_WHITE,
       position: "relative",
       zIndex: 20
@@ -18588,9 +18590,6 @@
         }),
         isDatePickerShown && /* @__PURE__ */ jsx("div", {
           className: classes.picker,
-          style: {
-            width: 320
-          },
           ref: refDatePicker,
           children: /* @__PURE__ */ jsx(FilterWithDates, {
             onStartBtnSubmit: function() {
@@ -18614,6 +18613,25 @@
       ]
     });
   };
+  function _instanceof$2(left2, right2) {
+    if (right2 != null && typeof Symbol !== "undefined" && right2[Symbol.hasInstance]) {
+      return !!right2[Symbol.hasInstance](left2);
+    } else {
+      return left2 instanceof right2;
+    }
+  }
+  var isDateOrEmpty = function(value) {
+    return trueReactPlatformHelpers.isEmpty(value) || _instanceof$2(value, Date);
+  };
+  var isDatePeriodValue = function(value) {
+    return isDateOrEmpty(value === null || value === void 0 ? void 0 : value.from) && isDateOrEmpty(value === null || value === void 0 ? void 0 : value.to);
+  };
+  var isPeriodValue = function(value) {
+    return trueReactPlatformHelpers.isString(value === null || value === void 0 ? void 0 : value.periodType) && isDatePeriodValue(value);
+  };
+  var isMultiSelectValue = function(value) {
+    return Array.isArray(value === null || value === void 0 ? void 0 : value.include);
+  };
   function _define_property$s(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
@@ -18688,8 +18706,9 @@
       }, filter));
     }
     if (filter.type === "dateRange") {
+      var preparedValue = isPeriodValue(value) ? _object_spread$r({}, value) : void 0;
       return /* @__PURE__ */ jsx(FilterWithPeriod, _object_spread$r({
-        value: _object_spread$r({}, value),
+        value: preparedValue,
         onChange,
         onClose,
         localeKey: translatesLocaleKey,
@@ -18698,29 +18717,26 @@
       }, filter));
     }
     if (filter.type === "dateRangeWithoutPeriod") {
-      return /* @__PURE__ */ jsx("div", {
-        style: {
-          width: 320
+      var preparedValue1 = isDatePeriodValue(value) ? value : void 0;
+      return /* @__PURE__ */ jsx(FilterWithDates, _object_spread$r({
+        value: preparedValue1,
+        onChange: function(v) {
+          return onChange(_object_spread_props$q(_object_spread$r({}, v), {
+            periodType: "CUSTOM"
+          }));
         },
-        children: /* @__PURE__ */ jsx(FilterWithDates, _object_spread$r({
-          value,
-          onChange: function(v) {
-            return onChange(_object_spread_props$q(_object_spread$r({}, v), {
-              periodType: "CUSTOM"
-            }));
-          },
-          onEndBtnSubmit: function() {
-            return onChange(void 0);
-          },
-          localeKey: translatesLocaleKey,
-          locale: translates,
-          testId: testId !== void 0 ? "".concat(testId, "-dates") : void 0
-        }, filter))
-      });
+        onEndBtnSubmit: function() {
+          return onChange(void 0);
+        },
+        localeKey: translatesLocaleKey,
+        locale: translates,
+        testId: testId !== void 0 ? "".concat(testId, "-dates") : void 0
+      }, filter));
     }
     if (filter.type === "multiSelect") {
+      var preparedValue2 = isMultiSelectValue(value) ? value : void 0;
       return /* @__PURE__ */ jsx(FilterMultiSelect, _object_spread$r({
-        value,
+        value: preparedValue2,
         onChange,
         onClose,
         localeKey: translatesLocaleKey,
@@ -18729,8 +18745,9 @@
       }, filter));
     }
     if (filter.type === "interval") {
+      var preparedValue3 = Array.isArray(value) ? value : void 0;
       return /* @__PURE__ */ jsx(FilterInterval, _object_spread$r({
-        value,
+        value: preparedValue3,
         onChange,
         localeKey: translatesLocaleKey,
         locale: translates,
@@ -19090,7 +19107,7 @@
     }
   }
   function FilterValueView(param) {
-    var locale2 = param.locale, localeKey = param.localeKey, filter = param.filter, value = param.value, tweakStyles = param.tweakStyles;
+    var value = param.value, filter = param.filter, locale2 = param.locale, localeKey = param.localeKey, tweakStyles = param.tweakStyles;
     var classes = useStyles$n({
       theme: tweakStyles
     });
@@ -19463,8 +19480,8 @@
                 children: /* @__PURE__ */ jsx(FilterValueView, {
                   value,
                   filter,
-                  localeKey,
                   locale: locale2,
+                  localeKey,
                   testId: trueReactPlatformHelpers.getTestId(testId, "value"),
                   tweakStyles: tweakFilterValueViewStyles
                 })
@@ -19491,8 +19508,8 @@
         return /* @__PURE__ */ jsx(Filter, {
           value,
           filter,
-          localeKey,
           locale: locale2,
+          localeKey,
           onClose,
           onChange,
           testId
@@ -19553,7 +19570,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, 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, testId = param.testId, onChangeFilters = param.onChangeFilters, onSettingsButtonClick = param.onSettingsButtonClick, onClear = param.onClear;
     var classes = useStyles$u({
       theme: tweakStyles
     });
@@ -19574,7 +19591,7 @@
       localeKey,
       locale2
     ]);
-    var filtersKeys = enabledFilters || Object.keys(filtersConfig);
+    var filtersKeys = enabledFilters !== null && enabledFilters !== void 0 ? enabledFilters : Object.keys(filtersConfig);
     var handleClear = function() {
       if (onClear !== void 0) {
         onClear();
@@ -19626,10 +19643,11 @@
         filtersKeys.map(function(key, index) {
           var _filter_requiredFilledFilters;
           var isLast = index === filtersKeys.length - 1;
-          var currentValue = values[key];
-          var filter = filtersConfig[key];
+          var filterKey = String(key);
+          var currentValue = values[filterKey];
+          var filter = filtersConfig[filterKey];
           if (filter === void 0) {
-            console.error("enabledFilters содержит фильтр ".concat(String(key), ", не описанный в конфиге"));
+            console.error("enabledFilters содержит фильтр ".concat(filterKey, ", не описанный в конфиге"));
             if (isLast) {
               return clearButton;
             }
@@ -19640,15 +19658,18 @@
             locale: locale2,
             localeKey,
             onChange: function(value) {
-              return onChangeFilters(_object_spread_props$n(_object_spread$o({}, values), _define_property$p({}, key, value)));
+              return onChangeFilters(_object_spread_props$n(_object_spread$o({}, values), _define_property$p({}, filterKey, value)));
             },
             value: currentValue,
             isDisabled: isDisabled || (filter === null || filter === void 0 ? void 0 : (_filter_requiredFilledFilters = filter.requiredFilledFilters) === null || _filter_requiredFilledFilters === void 0 ? void 0 : _filter_requiredFilledFilters.some(function(item) {
               return !values[item];
             })),
             tweakStyles: tweakFilterWrapperStyles,
-            testId: trueReactPlatformHelpers.getTestId(testId, "filter-".concat(String(key)))
-          }, key);
+            data: shouldRenderDataId ? {
+              id: filterKey
+            } : void 0,
+            testId: trueReactPlatformHelpers.getTestId(testId, "filter-".concat(filterKey))
+          }, filterKey);
           if (isLast) {
             return /* @__PURE__ */ jsxs("div", {
               className: classes.filterWithClearButton,
@@ -19658,7 +19679,7 @@
                   children: clearButton
                 })
               ]
-            }, key);
+            }, filterKey);
           }
           return filterWrapper;
         })
@@ -28614,9 +28635,6 @@
   var inputStyles = {
     inputWrapper: {
       paddingLeft: COUNTRY_SELECT_WIDTH
-    },
-    label: {
-      marginLeft: COUNTRY_SELECT_WIDTH
     }
   };
   function _array_like_to_array$2(arr, len) {