@deviceinsight/ng-ui-components 7.12.0 → 7.14.0

package/dist/index.js

@@ -10,7 +10,7 @@ import { HexColorPicker, RgbaStringColorPicker, RgbStringColorPicker } from "rea
 import timezone from "dayjs/plugin/timezone";
 import utc from "dayjs/plugin/utc";
 import DatePicker, { registerLocale } from "react-datepicker";
-import { debounce, isEqual, kebabCase, orderBy, uniqWith, difference } from "lodash";
+import { debounce, isEqual, orderBy, uniqWith, difference } from "lodash";
 import dayjs from "dayjs";
 import localeData from "dayjs/plugin/localeData";
 import localizedFormat from "dayjs/plugin/localizedFormat";
@@ -1600,7 +1600,7 @@ class SelectWithSearch extends Component {
         isLoading: loading,
         menuPortalTarget: this.portalRoot,
         isDisabled: disabled,
-        formatOptionLabel: dataTestId ? (option) => /* @__PURE__ */ jsx("span", { "data-testid": `${dataTestId}-option-${kebabCase(option.label)}`, children: option.label }) : void 0,
+        formatOptionLabel: dataTestId ? (option) => /* @__PURE__ */ jsx("span", { "data-testid": `${dataTestId}-option-${option.label}`, children: option.label }) : void 0,
         onBlur: () => {
           if (this.props.freeForm && this.state.inputValue !== null) {
             this.setState({ options: this.props.options });
@@ -2764,7 +2764,7 @@ class SelectWithSearchAsync extends Component {
         isDisabled: disabled,
         menuPortalTarget,
         placeholder: this.props.placeholder,
-        formatOptionLabel: dataTestId ? (option) => /* @__PURE__ */ jsx("span", { "data-testid": `${dataTestId}-option-${kebabCase(option.label)}`, children: option.label }) : void 0
+        formatOptionLabel: dataTestId ? (option) => /* @__PURE__ */ jsx("span", { "data-testid": `${dataTestId}-option-${option.label}`, children: option.label }) : void 0
       }
     );
   }