@true-engineering/true-react-common-ui-kit 2.0.0 → 2.1.0

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

@@ -8823,11 +8823,17 @@
       ]
     });
     React.useEffect(function() {
-      var val = isMultiSelect ? value === null || value === void 0 ? void 0 : value[0] : value;
       var _optionsIndexesForNavigation_find;
       setFocusedListCellIndex((_optionsIndexesForNavigation_find = optionsIndexesForNavigation.find(function(index) {
-        return filteredOptions[index] === val;
+        return isNotEmpty(strValue) && isNotEmpty(filteredOptions[index]) && convertToId(filteredOptions[index]) === convertToId(strValue);
       })) !== null && _optionsIndexesForNavigation_find !== void 0 ? _optionsIndexesForNavigation_find : optionsIndexesForNavigation[0]);
+    }, [
+      strValue,
+      filteredOptions,
+      optionsIndexesForNavigation,
+      convertToId
+    ]);
+    React.useEffect(function() {
       if (isOpen) {
         onOpen === null || onOpen === void 0 ? void 0 : onOpen();
       }
@@ -9277,7 +9283,7 @@
     });
   };
   var DatePicker = /* @__PURE__ */ React.forwardRef(function(_param, ref) {
-    var data = _param.data, _param_selectedDate = _param.selectedDate, selectedDate = _param_selectedDate === void 0 ? null : _param_selectedDate, minDate = _param.minDate, maxDate = _param.maxDate, _param_endDate = _param.endDate, endDate = _param_endDate === void 0 ? null : _param_endDate, _param_startDate = _param.startDate, startDate = _param_startDate === void 0 ? null : _param_startDate, locale2 = _param.locale, months = _param.months, _param_topPosition = _param.topPosition, topPosition = _param_topPosition === void 0 ? 0 : _param_topPosition, _param_leftPosition = _param.leftPosition, leftPosition = _param_leftPosition === void 0 ? 0 : _param_leftPosition, _param_calendarStartDay = _param.calendarStartDay, calendarStartDay = _param_calendarStartDay === void 0 ? 1 : _param_calendarStartDay, _param_dateFormat = _param.dateFormat, dateFormat = _param_dateFormat === void 0 ? DEFAULT_DATE_FORMAT$2 : _param_dateFormat, monthsShown = _param.monthsShown, placeholder = _param.placeholder, isRange = _param.isRange, isInline = _param.isInline, isDisabled = _param.isDisabled, isClearable = _param.isClearable, focusSelectedMonth = _param.focusSelectedMonth, disabledKeyboardNavigation = _param.disabledKeyboardNavigation, shouldRenderPopperInBody = _param.shouldRenderPopperInBody, _param_allowSameDay = _param.allowSameDay, allowSameDay = _param_allowSameDay === void 0 ? false : _param_allowSameDay, shouldCloseOnSelect = _param.shouldCloseOnSelect, showPreviousMonths = _param.showPreviousMonths, preventOpenOnFocus = _param.preventOpenOnFocus, popperModifiers = _param.popperModifiers, popperPlacement = _param.popperPlacement, todayButton = _param.todayButton, calendarContainer = _param.calendarContainer, dayClassName = _param.dayClassName, tmp = _param.customInput, CustomInput = tmp === void 0 ? DateInput : tmp, customInputRef = _param.customInputRef, renderCustomHeader = _param.renderCustomHeader, filterDate = _param.filterDate, onYearChange = _param.onYearChange, onMonthChange = _param.onMonthChange, onCalendarOpen = _param.onCalendarOpen, onCalendarClose = _param.onCalendarClose, onChangeDate = _param.onChangeDate, onChangeRange = _param.onChangeRange, onBlur = _param.onBlur, onFocus = _param.onFocus, onKeyDown = _param.onKeyDown, tweakStyles = _param.tweakStyles, inputProps = _object_without_properties$4(_param, [
+    var data = _param.data, _param_selectedDate = _param.selectedDate, selectedDate = _param_selectedDate === void 0 ? null : _param_selectedDate, minDate = _param.minDate, maxDate = _param.maxDate, _param_endDate = _param.endDate, endDate = _param_endDate === void 0 ? null : _param_endDate, _param_startDate = _param.startDate, startDate = _param_startDate === void 0 ? null : _param_startDate, locale2 = _param.locale, months = _param.months, _param_topPosition = _param.topPosition, topPosition = _param_topPosition === void 0 ? 0 : _param_topPosition, _param_leftPosition = _param.leftPosition, leftPosition = _param_leftPosition === void 0 ? 0 : _param_leftPosition, _param_calendarStartDay = _param.calendarStartDay, calendarStartDay = _param_calendarStartDay === void 0 ? 1 : _param_calendarStartDay, _param_dateFormat = _param.dateFormat, dateFormat = _param_dateFormat === void 0 ? DEFAULT_DATE_FORMAT$2 : _param_dateFormat, monthsShown = _param.monthsShown, placeholder = _param.placeholder, isRange = _param.isRange, isInline = _param.isInline, isDisabled = _param.isDisabled, isClearable = _param.isClearable, strictParsing = _param.strictParsing, focusSelectedMonth = _param.focusSelectedMonth, disabledKeyboardNavigation = _param.disabledKeyboardNavigation, shouldRenderPopperInBody = _param.shouldRenderPopperInBody, _param_allowSameDay = _param.allowSameDay, allowSameDay = _param_allowSameDay === void 0 ? false : _param_allowSameDay, shouldCloseOnSelect = _param.shouldCloseOnSelect, showPreviousMonths = _param.showPreviousMonths, preventOpenOnFocus = _param.preventOpenOnFocus, popperModifiers = _param.popperModifiers, popperPlacement = _param.popperPlacement, todayButton = _param.todayButton, calendarContainer = _param.calendarContainer, dayClassName = _param.dayClassName, tmp = _param.customInput, CustomInput = tmp === void 0 ? DateInput : tmp, customInputRef = _param.customInputRef, renderCustomHeader = _param.renderCustomHeader, filterDate = _param.filterDate, onYearChange = _param.onYearChange, onMonthChange = _param.onMonthChange, onCalendarOpen = _param.onCalendarOpen, onCalendarClose = _param.onCalendarClose, onChangeDate = _param.onChangeDate, onChangeRange = _param.onChangeRange, onBlur = _param.onBlur, onFocus = _param.onFocus, onKeyDown = _param.onKeyDown, tweakStyles = _param.tweakStyles, inputProps = _object_without_properties$4(_param, [
       "data",
       "selectedDate",
       "minDate",
@@ -9296,6 +9302,7 @@
       "isInline",
       "isDisabled",
       "isClearable",
+      "strictParsing",
       "focusSelectedMonth",
       "disabledKeyboardNavigation",
       "shouldRenderPopperInBody",
@@ -9469,6 +9476,7 @@
         popperModifiers,
         popperPlacement,
         selectsRange: isRange,
+        strictParsing,
         preventOpenOnFocus,
         shouldCloseOnSelect,
         customInputRef,
@@ -26707,7 +26715,7 @@
     return target;
   }
   function RadioButton(param) {
-    var children = param.children, value = param.value, groupName = param.groupName, isChecked = param.isChecked, isDisabled = param.isDisabled, isInvalid = param.isInvalid, onChange = param.onChange, data = param.data, tweakStyles = param.tweakStyles;
+    var children = param.children, value = param.value, groupName = param.groupName, isChecked = param.isChecked, isDisabled = param.isDisabled, isInvalid = param.isInvalid, data = param.data, tweakStyles = param.tweakStyles, onChange = param.onChange;
     var classes = useTheme("RadioButton", styles$6, tweakStyles).classes;
     var _obj;
     return /* @__PURE__ */ jsxs("label", _object_spread_props$6(_object_spread$6({
@@ -26847,10 +26855,8 @@
     return target;
   }
   var Switch = function(param) {
-    var isDisabled = param.isDisabled, isChecked = param.isChecked, isInvalid = param.isInvalid, onChange = param.onChange, value = param.value, label = param.label, children = param.children, _param_labelPosition = param.labelPosition, labelPosition = _param_labelPosition === void 0 ? "right" : _param_labelPosition, _param_color = param.color, color = _param_color === void 0 ? "primary" : _param_color, data = param.data, tweakStyles = param.tweakStyles, testId = param.testId;
+    var isDisabled = param.isDisabled, isChecked = param.isChecked, isInvalid = param.isInvalid, value = param.value, children = param.children, _param_labelPosition = param.labelPosition, labelPosition = _param_labelPosition === void 0 ? "right" : _param_labelPosition, _param_color = param.color, color = _param_color === void 0 ? "primary" : _param_color, data = param.data, tweakStyles = param.tweakStyles, testId = param.testId, onChange = param.onChange;
     var classes = useTheme("Switch", styles$5, tweakStyles).classes;
-    var hasLabel = isNotEmpty(label);
-    var hasChild = isNotEmpty(children);
     var handleChange = function() {
       return onChange({
         name: value,
@@ -26860,24 +26866,22 @@
     var _obj;
     return /* @__PURE__ */ jsxs("label", _object_spread_props$5(_object_spread$5({
       className: clsx(classes.root, classes[color], (_obj = {}, _define_property$5(_obj, classes.disabled, isDisabled), _define_property$5(_obj, classes.checked, isChecked), _define_property$5(_obj, classes.invalid, isInvalid), _obj))
-    }, addDataAttributes(data)), {
-      "data-testid": testId,
+    }, addDataTestId(testId), addDataAttributes(data)), {
       children: [
         /* @__PURE__ */ jsx("span", {
           className: classes.switch,
-          children: /* @__PURE__ */ jsx("input", {
+          children: /* @__PURE__ */ jsx("input", _object_spread$5({
             type: "checkbox",
             name: value,
             className: classes.input,
             onChange: isDisabled ? void 0 : handleChange,
             checked: isChecked,
-            disabled: isDisabled,
-            "data-testid": testId !== void 0 ? "".concat(testId, "-input") : void 0
-          })
+            disabled: isDisabled
+          }, addDataTestId(testId, "input")))
         }),
-        (hasLabel || hasChild) && /* @__PURE__ */ jsx("span", {
+        isNotEmpty(children) && /* @__PURE__ */ jsx("span", {
           className: clsx(classes.label, classes[labelPosition === "left" ? "labelLeft" : "labelRight"]),
-          children: hasLabel ? label : children
+          children
         })
       ]
     }));