@datarobot/design-system 29.0.0 → 29.1.0

package/cjs/typeahead/typeahead.d.ts

@@ -76,11 +76,16 @@ export type TypeaheadProps = {
     optionalLabelText?: string;
     autoFocus?: boolean;
     noItemsText?: string;
+    /**
+     * By default, on select won't be invoked if the label of selected option is the same as defaultValue
+     * but there are cases when we do want to call it anyway. In that cases this prop should be set to true
+     */
+    shouldCallOnSelectWithOldValue?: boolean;
 };
 /** Searchable select
  * [CAPITALIZATION] Use sentence case for options, label, and input text. Do not end with ellipses (...).
  * @midnight-gray-supported
  * @alpine-light-supported
  */
-declare function Typeahead({ defaultValue, onSearch, optionComponent, OptionList, onBlur, onKeyDown, onClear, onSelect, onDelete, searchFields, placement, options, items, optionId, optionLabel, isMultiSelect, focused, isTouched, forceShowAllOnFocus, showAllOnFocus, isDisabled, disabledInfo, isRequired, isOptional, isClearable, optionalLabelText, handleFocus, placeholder, containerRef, inputRef: inputRefProp, helperTextPosition, testId, id, label, labelTestId, ariaLabel, validity, validationTestId, asyncValidation, labelIcon, labelIconTooltipText, labelIconTestId, dropdownContentClass, wrapperClass, fieldClass, helperText, autoComplete, keepInvalidText, formatSearchValue, className, autoFocus, noItemsText, }: TypeaheadProps): import("react/jsx-runtime").JSX.Element;
+declare function Typeahead({ defaultValue, onSearch, optionComponent, OptionList, onBlur, onKeyDown, onClear, onSelect, onDelete, searchFields, placement, options, items, optionId, optionLabel, isMultiSelect, focused, isTouched, forceShowAllOnFocus, showAllOnFocus, isDisabled, disabledInfo, isRequired, isOptional, isClearable, optionalLabelText, handleFocus, placeholder, containerRef, inputRef: inputRefProp, helperTextPosition, testId, id, label, labelTestId, ariaLabel, validity, validationTestId, asyncValidation, labelIcon, labelIconTooltipText, labelIconTestId, dropdownContentClass, wrapperClass, fieldClass, helperText, autoComplete, keepInvalidText, formatSearchValue, className, autoFocus, noItemsText, shouldCallOnSelectWithOldValue, }: TypeaheadProps): import("react/jsx-runtime").JSX.Element;
 export default Typeahead;

package/cjs/typeahead/typeahead.js

@@ -80,7 +80,8 @@ function Typeahead({
   formatSearchValue,
   className,
   autoFocus = false,
-  noItemsText
+  noItemsText,
+  shouldCallOnSelectWithOldValue = false
 }) {
   const {
     t
@@ -125,7 +126,7 @@ function Typeahead({
     }
     if (isMultiSelect) {
       onSelect(option);
-    } else if (String(option?.[optionLabel]) !== defaultValue) {
+    } else if (String(option?.[optionLabel]) !== defaultValue || shouldCallOnSelectWithOldValue) {
       onSelect(option);
     }
     setIsTouched(true);

package/esm/typeahead/typeahead.d.ts

@@ -76,11 +76,16 @@ export type TypeaheadProps = {
     optionalLabelText?: string;
     autoFocus?: boolean;
     noItemsText?: string;
+    /**
+     * By default, on select won't be invoked if the label of selected option is the same as defaultValue
+     * but there are cases when we do want to call it anyway. In that cases this prop should be set to true
+     */
+    shouldCallOnSelectWithOldValue?: boolean;
 };
 /** Searchable select
  * [CAPITALIZATION] Use sentence case for options, label, and input text. Do not end with ellipses (...).
  * @midnight-gray-supported
  * @alpine-light-supported
  */
-declare function Typeahead({ defaultValue, onSearch, optionComponent, OptionList, onBlur, onKeyDown, onClear, onSelect, onDelete, searchFields, placement, options, items, optionId, optionLabel, isMultiSelect, focused, isTouched, forceShowAllOnFocus, showAllOnFocus, isDisabled, disabledInfo, isRequired, isOptional, isClearable, optionalLabelText, handleFocus, placeholder, containerRef, inputRef: inputRefProp, helperTextPosition, testId, id, label, labelTestId, ariaLabel, validity, validationTestId, asyncValidation, labelIcon, labelIconTooltipText, labelIconTestId, dropdownContentClass, wrapperClass, fieldClass, helperText, autoComplete, keepInvalidText, formatSearchValue, className, autoFocus, noItemsText, }: TypeaheadProps): import("react/jsx-runtime").JSX.Element;
+declare function Typeahead({ defaultValue, onSearch, optionComponent, OptionList, onBlur, onKeyDown, onClear, onSelect, onDelete, searchFields, placement, options, items, optionId, optionLabel, isMultiSelect, focused, isTouched, forceShowAllOnFocus, showAllOnFocus, isDisabled, disabledInfo, isRequired, isOptional, isClearable, optionalLabelText, handleFocus, placeholder, containerRef, inputRef: inputRefProp, helperTextPosition, testId, id, label, labelTestId, ariaLabel, validity, validationTestId, asyncValidation, labelIcon, labelIconTooltipText, labelIconTestId, dropdownContentClass, wrapperClass, fieldClass, helperText, autoComplete, keepInvalidText, formatSearchValue, className, autoFocus, noItemsText, shouldCallOnSelectWithOldValue, }: TypeaheadProps): import("react/jsx-runtime").JSX.Element;
 export default Typeahead;

package/esm/typeahead/typeahead.js

@@ -72,7 +72,8 @@ function Typeahead({
   formatSearchValue,
   className,
   autoFocus = false,
-  noItemsText
+  noItemsText,
+  shouldCallOnSelectWithOldValue = false
 }) {
   const {
     t
@@ -117,7 +118,7 @@ function Typeahead({
     }
     if (isMultiSelect) {
       onSelect(option);
-    } else if (String(option?.[optionLabel]) !== defaultValue) {
+    } else if (String(option?.[optionLabel]) !== defaultValue || shouldCallOnSelectWithOldValue) {
       onSelect(option);
     }
     setIsTouched(true);

package/js/bundle/bundle.js

@@ -86219,7 +86219,9 @@ function Typeahead(_ref) {
     className = _ref.className,
     _ref$autoFocus = _ref.autoFocus,
     autoFocus = _ref$autoFocus === void 0 ? false : _ref$autoFocus,
-    noItemsText = _ref.noItemsText;
+    noItemsText = _ref.noItemsText,
+    _ref$shouldCallOnSele = _ref.shouldCallOnSelectWithOldValue,
+    shouldCallOnSelectWithOldValue = _ref$shouldCallOnSele === void 0 ? false : _ref$shouldCallOnSele;
   var _useTranslation = (0,_hooks_use_translation__WEBPACK_IMPORTED_MODULE_10__.useTranslation)(),
     t = _useTranslation.t;
   var listId = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
@@ -86290,7 +86292,7 @@ function Typeahead(_ref) {
     }
     if (isMultiSelect) {
       onSelect(option);
-    } else if (String(option === null || option === void 0 ? void 0 : option[optionLabel]) !== defaultValue) {
+    } else if (String(option === null || option === void 0 ? void 0 : option[optionLabel]) !== defaultValue || shouldCallOnSelectWithOldValue) {
       onSelect(option);
     }
     setIsTouched(true);