@datarobot/design-system 30.6.4 → 30.8.0

package/js/bundle/index.d.ts

@@ -33,7 +33,7 @@ import { ReactNode, MouseEvent } from 'react';
 import type { Moment, MomentInput } from 'moment';
 import { ViewMode } from 'react-datetime';
 import React, { ComponentType, FocusEvent, FocusEventHandler, HTMLProps } from 'react';
-import Datetime, { ViewMode, TimeConstraints } from 'react-datetime';
+import { ViewMode, TimeConstraints } from 'react-datetime';
 import { Moment, MomentInput } from 'moment';
 import { Moment } from 'moment';
 import React, { RefObject } from 'react';
@@ -625,49 +625,49 @@ export type ButtonProps = {
     */
 const Button: React.ForwardRefExoticComponent<{
         /** Specifies an event handler. */
-        onClick?: ((event: MouseEvent<HTMLButtonElement>) => void) | undefined;
+        onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
         /** Specifies content of the button. */
         children?: React.ReactNode;
         /** Specifies the look of the button. */
-        accentType?: AccentType | undefined;
+        accentType?: AccentType;
         /** Specifies that a button should automatically get focus when the page loads. */
-        autofocus?: boolean | undefined;
+        autofocus?: boolean;
         /** Specifies an additional css class. */
-        className?: string | undefined;
+        className?: string;
         /** Specifies that a button should be disabled. */
-        isDisabled?: boolean | undefined;
+        isDisabled?: boolean;
         /** Specifies the form element the button belongs to. Should be used for buttons located outside a form. Applicable to buttons of submit type. */
-        formId?: string | undefined;
+        formId?: string;
         /** Shows loading icon. */
-        isLoading?: boolean | undefined;
+        isLoading?: boolean;
         /** Specifies loading text. */
-        loadingText?: string | undefined;
+        loadingText?: string;
         /** Specifies the button size. Note: applicable to round button only. */
-        size?: ButtonSize | undefined;
+        size?: ButtonSize;
         /** Specifies the type of button. */
-        type?: ButtonType | undefined;
+        type?: ButtonType;
         /** Specifies button width to 100% */
-        fullWidth?: boolean | undefined;
+        fullWidth?: boolean;
         /** Specifies button tooltip text. If text is equal to false or empty string tooltip won't be applied */
         tooltipText?: React.ReactNode;
         /** Specifies the tooltip placement of the button. */
-        tooltipPlacement?: TooltipPlacementsType | undefined;
+        tooltipPlacement?: TooltipPlacementsType;
         /** Set docs link for the tooltip */
         tooltipDocsLink?: React.ReactNode;
         /** Font Awesome icon for field with left side icon */
-        leftIcon?: IconLookup | null | undefined;
+        leftIcon?: IconLookup | null;
         /** Font Awesome icon for field with right side icon */
-        rightIcon?: IconLookup | null | undefined;
+        rightIcon?: IconLookup | null;
         /** Used for tests */
-        testId?: string | undefined;
-        leftIconTestId?: string | undefined;
-        rightIconTestId?: string | undefined;
+        testId?: string;
+        leftIconTestId?: string;
+        rightIconTestId?: string;
         /** Used for onboarding tours */
-        tourId?: string | undefined;
+        tourId?: string;
         /** Use ariaLabel only when there is not text and icon is the only content. aria-label will work too */
-        ariaLabel?: string | undefined;
-        tooltipDelayType?: TooltipDelayType | undefined;
-        hasCustomButtonContent?: boolean | undefined;
+        ariaLabel?: string;
+        tooltipDelayType?: TooltipDelayType;
+        hasCustomButtonContent?: boolean;
 } & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export default Button;
 
@@ -1506,7 +1506,7 @@ export class DatePicker extends React.Component<DatePickerProps> {
                 onNavigate: () => void;
                 onNavigateBack: () => void;
                 onNavigateForward: () => void;
-                initialViewMode: Datetime.ViewMode;
+                initialViewMode: ViewMode;
                 closeOnSelect: boolean;
                 closeOnTab: boolean;
                 timeConstraints: {};
@@ -1639,24 +1639,24 @@ function DateRangePickerPanel({ buttonText, cancelButtonText, dateFormat, defaul
 export default DateRangePickerPanel;
 
 export function useValidateOnClick(): ({ start, end, minStart, maxEnd, viewMode, dateTimeFormat, sameDateError, }: {
-        start?: moment.Moment | null | undefined;
-        end?: moment.Moment | null | undefined;
+        start?: Moment | null;
+        end?: Moment | null;
         viewMode: string;
         dateTimeFormat: string;
-        minStart?: moment.Moment | undefined;
-        maxEnd?: moment.Moment | undefined;
-        sameDateError?: boolean | undefined;
+        minStart?: Moment;
+        maxEnd?: Moment;
+        sameDateError?: boolean;
 }) => {
         startErrors: {
-                START_BEFORE_MIN?: string | undefined;
-                START_AFTER_MAX?: string | undefined;
-                INVALID_START_DATE?: string | undefined;
-                START_END_SAME?: string | undefined;
+                START_BEFORE_MIN?: string;
+                START_AFTER_MAX?: string;
+                INVALID_START_DATE?: string;
+                START_END_SAME?: string;
         };
         endErrors: {
-                INVALID_END_DATE?: string | undefined;
-                END_AFTER_MIN?: string | undefined;
-                END_AFTER_MAX?: string | undefined;
+                INVALID_END_DATE?: string;
+                END_AFTER_MIN?: string;
+                END_AFTER_MAX?: string;
         };
 };
 /** Checks whether a string can be strictly parsed as a moment object following a provided datetime format
@@ -2223,7 +2223,7 @@ export type DropdownMenuContentProps = {
     handleSearch: (value: string) => void;
     selectedKey?: string | number;
     selectedItem?: DropdownMenuOption;
-    renderCustomHeader: null | (() => void);
+    renderCustomHeader: null | (() => ReactNode);
     contentClassName?: string;
     labelledBy?: string;
     LinkComponent: LinkComponentType;
@@ -2968,7 +2968,7 @@ type FileUploaderHookProps = {
 export const useFileUploader: ({ initialFiles, isMultiple, setErrorMessage, }: FileUploaderHookProps) => {
     addedFileStructure: any[];
     collectedFileStructure: FileType[];
-    generateFileStructure: (dataTransfer: any) => Promise<any>;
+    generateFileStructure: (dataTransfer: DataTransfer | any) => Promise<any>;
     removeFileFromStructure: (name: string) => void;
     updateFileStructure: (name: string, payload: any) => void;
 };
@@ -3359,7 +3359,7 @@ export const INPUT_TYPES: {
     readonly TIME: "time";
 };
 
-export function isPassword(type?: InputTypes): boolean;
+export function isPassword(type?: InputTypes): type is "password";
 export type GetValidityMessagesParam = {
     validity?: FormFieldValidity | null;
     validationValues: VALIDATION_VALUES;
@@ -3644,63 +3644,63 @@ export type InputProps = {
     * @alpine-light-supported
     */
 const Input: React.ForwardRefExoticComponent<{
-        value?: string | number | undefined;
-        id?: string | undefined;
-        helperText?: string | undefined;
-        helperTextPosition?: HELPER_TEXT_POSITION | undefined;
-        className?: string | undefined;
-        isDisabled?: boolean | undefined;
-        isOptional?: boolean | undefined;
-        isHighlighted?: boolean | undefined;
-        optionalLabelText?: string | undefined;
-        autoFocus?: boolean | undefined;
-        disabledInfo?: string | undefined;
-        touched?: boolean | undefined;
-        validationTestId?: string | undefined;
-        validity?: FormFieldValidity | null | undefined;
-        asyncValidation?: AsyncValidation | undefined;
-        leftIcon?: IconLookup | null | undefined;
-        rightIcon?: IconLookup | null | undefined;
-        iconTooltipText?: string | undefined;
+        value?: string | number;
+        id?: string;
+        helperText?: string;
+        helperTextPosition?: HELPER_TEXT_POSITION;
+        className?: string;
+        isDisabled?: boolean;
+        isOptional?: boolean;
+        isHighlighted?: boolean;
+        optionalLabelText?: string;
+        autoFocus?: boolean;
+        disabledInfo?: string;
+        touched?: boolean;
+        validationTestId?: string;
+        validity?: FormFieldValidity | null;
+        asyncValidation?: AsyncValidation;
+        leftIcon?: IconLookup | null;
+        rightIcon?: IconLookup | null;
+        iconTooltipText?: string;
         label?: React.ReactNode;
-        labelTestId?: string | undefined;
-        labelIcon?: IconLookup | null | undefined;
-        labelIconTestId?: string | undefined;
-        labelIconTooltipText?: string | undefined;
-        isLabelIconTooltipInteractive?: boolean | undefined;
-        fieldClass?: string | undefined;
-        placeholder?: string | undefined;
-        required?: boolean | undefined;
-        onClear?: (() => void) | undefined;
-        onChange?: ((event: ChangeEvent<HTMLInputElement>, params: {
+        labelTestId?: string;
+        labelIcon?: IconLookup | null;
+        labelIconTestId?: string;
+        labelIconTooltipText?: string;
+        isLabelIconTooltipInteractive?: boolean;
+        fieldClass?: string;
+        placeholder?: string;
+        required?: boolean;
+        onClear?: () => void;
+        onChange?: (event: ChangeEvent<HTMLInputElement>, params: {
                 normalizedValue: string | number;
-        }) => void) | undefined;
-        onBlur?: ((event: FocusEvent<HTMLInputElement>) => void) | undefined;
-        onFocus?: ((event: FocusEvent<HTMLInputElement>) => void) | undefined;
-        type?: InputTypes | undefined;
+        }) => void;
+        onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
+        onFocus?: (event: FocusEvent<HTMLInputElement>) => void;
+        type?: InputTypes;
         /** if type="password", spellcheck is disabled by default */
-        spellCheck?: boolean | undefined;
-        shouldDisplayControls?: boolean | undefined;
-        inputSize?: InputSizes | undefined;
-        isHorizontalLayout?: boolean | undefined;
-        name?: string | undefined;
-        step?: string | number | undefined;
-        size?: number | undefined;
-        readOnly?: boolean | undefined;
-        minlength?: number | undefined;
-        min?: number | undefined;
-        maxLength?: number | undefined;
-        max?: number | undefined;
-        autoComplete?: string | undefined;
-        passwordToggleButtonTexts?: PasswordToggleButtonTextsProps | undefined;
-        validationValues?: ValidationValuesProps | undefined;
-        onKeyDown?: ((event: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
-        onPaste?: ((event: React.ClipboardEvent<HTMLInputElement>) => void) | undefined;
-        wrapperClass?: string | undefined;
-        role?: string | undefined;
-        fieldTestId?: string | undefined;
-        useFont?: boolean | undefined;
-        disableApplyButton?: boolean | undefined;
+        spellCheck?: boolean;
+        shouldDisplayControls?: boolean;
+        inputSize?: InputSizes;
+        isHorizontalLayout?: boolean;
+        name?: string;
+        step?: number | string;
+        size?: number;
+        readOnly?: boolean;
+        minlength?: number;
+        min?: number;
+        maxLength?: number;
+        max?: number;
+        autoComplete?: string;
+        passwordToggleButtonTexts?: PasswordToggleButtonTextsProps;
+        validationValues?: ValidationValuesProps;
+        onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+        onPaste?: (event: React.ClipboardEvent<HTMLInputElement>) => void;
+        wrapperClass?: string;
+        role?: string;
+        fieldTestId?: string;
+        useFont?: boolean;
+        disableApplyButton?: boolean;
 } & FormFieldProps & React.RefAttributes<HTMLInputElement>>;
 export default Input;
 
@@ -6165,7 +6165,7 @@ export function useTableReact<FiltersData>({ tableId, version, debounceSearchDel
     };
     reset: () => void;
     defaultState: {
-        defaultColumnSizing?: ColumnSizingState | undefined;
+        defaultColumnSizing?: ColumnSizingState;
         sorting: SortingState;
         visible: {};
         pagination: PaginationState;
@@ -6174,7 +6174,7 @@ export function useTableReact<FiltersData>({ tableId, version, debounceSearchDel
         selected: {};
         expandedRows: {};
         columnOrder: ColumnOrderState;
-        touched?: Touched | undefined;
+        touched?: Touched;
         filters?: FiltersData | undefined;
         columnSizing: {};
     } | {
@@ -6187,7 +6187,7 @@ export function useTableReact<FiltersData>({ tableId, version, debounceSearchDel
         selected: {};
         expandedRows: {};
         columnOrder: ColumnOrderState;
-        touched?: Touched | undefined;
+        touched?: Touched;
         filters?: FiltersData | undefined;
     };
 };
@@ -6778,8 +6778,8 @@ export function TextArea(props: FormFieldProps) {
   * [CAPITALIZATION] Don't have mixed format in one text block, use sentence case
   */
 export const TextArea: React.ForwardRefExoticComponent<FormFieldProps & Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & {
-    useFont?: boolean | undefined;
-    allowResizing?: boolean | TextAreaResizeValues | undefined;
+    useFont?: boolean;
+    allowResizing?: boolean | TextAreaResizeValues;
 } & React.RefAttributes<HTMLTextAreaElement>>;
 
 export type TimeFromNowProps = {
@@ -6791,7 +6791,7 @@ export type TimeFromNowProps = {
     tooltipPlacement?: TooltipPlacementsType;
     tooltipDelayType?: TooltipDelayType;
 };
-export const getLocalTime: (timestamp: number | string, standard?: 'utc') => moment.Moment;
+export const getLocalTime: (timestamp: number | string, standard?: "utc") => moment.Moment;
 const TimeFromNow: ({ timestamp, format, standard, hideSuffix, showTooltip, tooltipPlacement, tooltipDelayType, }: TimeFromNowProps) => import("react/jsx-runtime").JSX.Element;
 export default TimeFromNow;
 
@@ -7712,7 +7712,7 @@ export function usePaginatedSearchState(config: SearchState): {
         count: number;
         setPage: (page: number) => void;
         setPageSize: (size: number) => void;
-        setTotal?: ((val: number) => void) | undefined;
+        setTotal?: (val: number) => void;
 };
 /**
     * @typedef PaginatedSearch
@@ -7756,7 +7756,7 @@ export function usePaginatedSearch(items?: never[], { searchFields, filterFuncti
         count: number;
         setPage: (page: number) => void;
         setPageSize: (size: number) => void;
-        setTotal?: ((val: number) => void) | undefined;
+        setTotal?: (val: number) => void;
 };
 
 /**
@@ -7905,27 +7905,27 @@ export function useAnalytics({ analyticsProviders }?: {
         tabView: (name: string) => void;
         change: ({ element, property, value, isOptions, }: Omit<{
                 event: string;
-                label?: string | null | undefined;
-                property?: string | null | undefined;
-                value?: string | null | undefined;
-                isOptions?: boolean | null | undefined;
-        }, "label" | "event"> & {
+                label?: string | null;
+                property?: string | null;
+                value?: string | null;
+                isOptions?: boolean | null;
+        }, "event" | "label"> & {
                 element: string;
         }) => void;
         reset: () => void;
         click: ({ label, property, value, }: Omit<{
                 event: string;
-                label?: string | null | undefined;
-                property?: string | null | undefined;
-                value?: string | null | undefined;
-                isOptions?: boolean | null | undefined;
+                label?: string | null;
+                property?: string | null;
+                value?: string | null;
+                isOptions?: boolean | null;
         }, "event" | "isOptions">) => void;
         track: ({ event, label, property, value, isOptions, }: {
                 event: string;
-                label?: string | null | undefined;
-                property?: string | null | undefined;
-                value?: string | null | undefined;
-                isOptions?: boolean | null | undefined;
+                label?: string | null;
+                property?: string | null;
+                value?: string | null;
+                isOptions?: boolean | null;
         }) => void;
 };
 /**
@@ -8066,8 +8066,8 @@ export function useNonNativeButtonAttrs({ onKeyDown, onClick, tabIndex, isDisabl
     tabIndex: number;
     role: string;
     'aria-disabled': boolean;
-    onKeyDown(e: KeyboardEvent<Element>): void;
-    onClick(e: MouseEvent<Element, globalThis.MouseEvent>): void;
+    onKeyDown(e: KeyboardEvent): void;
+    onClick(e: MouseEvent): void;
 };
 export {};
 
@@ -8333,54 +8333,55 @@ export function useTranslation(): {
     length: 3;
     toString(): string;
     toLocaleString(): string;
+    toLocaleString(locales: string | string[], options?: Intl.NumberFormatOptions & Intl.DateTimeFormatOptions): string;
     pop(): boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined> | undefined;
     push(...items: (boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>)[]): number;
     concat(...items: ConcatArray<boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>>[]): (boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>)[];
     concat(...items: (boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined> | ConcatArray<boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>>)[]): (boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>)[];
-    join(separator?: string | undefined): string;
+    join(separator?: string): string;
     reverse(): (boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>)[];
     shift(): boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined> | undefined;
-    slice(start?: number | undefined, end?: number | undefined): (boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>)[];
+    slice(start?: number, end?: number): (boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>)[];
     sort(compareFn?: ((a: boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>, b: boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>) => number) | undefined): import("react-i18next").UseTranslationResponse<string, undefined>;
-    splice(start: number, deleteCount?: number | undefined): (boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>)[];
+    splice(start: number, deleteCount?: number): (boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>)[];
     splice(start: number, deleteCount: number, ...items: (boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>)[]): (boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>)[];
     unshift(...items: (boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>)[]): number;
-    indexOf(searchElement: boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>, fromIndex?: number | undefined): number;
-    lastIndexOf(searchElement: boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>, fromIndex?: number | undefined): number;
+    indexOf(searchElement: boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>, fromIndex?: number): number;
+    lastIndexOf(searchElement: boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>, fromIndex?: number): number;
     every<S extends boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>>(predicate: (value: boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>, index: number, array: (boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>)[]) => value is S, thisArg?: any): this is S[];
     every(predicate: (value: boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>, index: number, array: (boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>)[]) => unknown, thisArg?: any): boolean;
     some(predicate: (value: boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>, index: number, array: (boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>)[]) => unknown, thisArg?: any): boolean;
     forEach(callbackfn: (value: boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>, index: number, array: (boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>)[]) => void, thisArg?: any): void;
     map<U>(callbackfn: (value: boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>, index: number, array: (boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>)[]) => U, thisArg?: any): U[];
-    filter<S_1 extends boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>>(predicate: (value: boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>, index: number, array: (boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>)[]) => value is S_1, thisArg?: any): S_1[];
+    filter<S extends boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>>(predicate: (value: boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>, index: number, array: (boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>)[]) => value is S, thisArg?: any): S[];
     filter(predicate: (value: boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>, index: number, array: (boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>)[]) => unknown, thisArg?: any): (boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>)[];
     reduce(callbackfn: (previousValue: boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>, currentValue: boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>, currentIndex: number, array: (boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>)[]) => boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>): boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>;
     reduce(callbackfn: (previousValue: boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>, currentValue: boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>, currentIndex: number, array: (boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>)[]) => boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>, initialValue: boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>): boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>;
-    reduce<U_1>(callbackfn: (previousValue: U_1, currentValue: boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>, currentIndex: number, array: (boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>)[]) => U_1, initialValue: U_1): U_1;
+    reduce<U>(callbackfn: (previousValue: U, currentValue: boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>, currentIndex: number, array: (boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>)[]) => U, initialValue: U): U;
     reduceRight(callbackfn: (previousValue: boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>, currentValue: boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>, currentIndex: number, array: (boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>)[]) => boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>): boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>;
     reduceRight(callbackfn: (previousValue: boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>, currentValue: boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>, currentIndex: number, array: (boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>)[]) => boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>, initialValue: boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>): boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>;
-    reduceRight<U_2>(callbackfn: (previousValue: U_2, currentValue: boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>, currentIndex: number, array: (boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>)[]) => U_2, initialValue: U_2): U_2;
-    find<S_2 extends boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>>(predicate: (value: boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>, index: number, obj: (boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>)[]) => value is S_2, thisArg?: any): S_2 | undefined;
+    reduceRight<U>(callbackfn: (previousValue: U, currentValue: boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>, currentIndex: number, array: (boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>)[]) => U, initialValue: U): U;
+    find<S extends boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>>(predicate: (value: boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>, index: number, obj: (boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>)[]) => value is S, thisArg?: any): S | undefined;
     find(predicate: (value: boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>, index: number, obj: (boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>)[]) => unknown, thisArg?: any): boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined> | undefined;
     findIndex(predicate: (value: boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>, index: number, obj: (boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>)[]) => unknown, thisArg?: any): number;
-    fill(value: boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>, start?: number | undefined, end?: number | undefined): import("react-i18next").UseTranslationResponse<string, undefined>;
-    copyWithin(target: number, start: number, end?: number | undefined): import("react-i18next").UseTranslationResponse<string, undefined>;
-    entries(): IterableIterator<[number, boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>]>;
-    keys(): IterableIterator<number>;
-    values(): IterableIterator<boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>>;
-    includes(searchElement: boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>, fromIndex?: number | undefined): boolean;
-    flatMap<U_3, This = undefined>(callback: (this: This, value: boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>, index: number, array: (boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>)[]) => U_3 | readonly U_3[], thisArg?: This | undefined): U_3[];
+    fill(value: boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>, start?: number, end?: number): import("react-i18next").UseTranslationResponse<string, undefined>;
+    copyWithin(target: number, start: number, end?: number): import("react-i18next").UseTranslationResponse<string, undefined>;
+    entries(): ArrayIterator<[number, boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>]>;
+    keys(): ArrayIterator<number>;
+    values(): ArrayIterator<boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>>;
+    includes(searchElement: boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>, fromIndex?: number): boolean;
+    flatMap<U, This = undefined>(callback: (this: This, value: boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>, index: number, array: (boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>)[]) => U | readonly U[], thisArg?: This | undefined): U[];
     flat<A, D extends number = 1>(this: A, depth?: D | undefined): FlatArray<A, D>[];
     at(index: number): boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined> | undefined;
-    findLast<S_3 extends boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>>(predicate: (value: boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>, index: number, array: (boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>)[]) => value is S_3, thisArg?: any): S_3 | undefined;
+    findLast<S extends boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>>(predicate: (value: boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>, index: number, array: (boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>)[]) => value is S, thisArg?: any): S | undefined;
     findLast(predicate: (value: boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>, index: number, array: (boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>)[]) => unknown, thisArg?: any): boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined> | undefined;
     findLastIndex(predicate: (value: boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>, index: number, array: (boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>)[]) => unknown, thisArg?: any): number;
     toReversed(): (boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>)[];
     toSorted(compareFn?: ((a: boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>, b: boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>) => number) | undefined): (boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>)[];
     toSpliced(start: number, deleteCount: number, ...items: (boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>)[]): (boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>)[];
-    toSpliced(start: number, deleteCount?: number | undefined): (boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>)[];
+    toSpliced(start: number, deleteCount?: number): (boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>)[];
     with(index: number, value: boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>): (boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>)[];
-    [Symbol.iterator](): IterableIterator<boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>>;
+    [Symbol.iterator](): ArrayIterator<boolean | import("i18next").i18n | import("i18next").TFunction<string, undefined>>;
     [Symbol.unscopables]: {
         [x: number]: boolean | undefined;
         length?: boolean | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datarobot/design-system",
-  "version": "30.6.4",
+  "version": "30.8.0",
   "description": "DataRobot react components library",
   "scripts": {
     "build": "node ../../tools/build-lib.js",
@@ -32,69 +32,69 @@
   },
   "homepage": "https://www.datarobot.com",
   "overrides": {
-    "minimist": "1.2.8"
+    "minimist": "^1.2.8"
   },
   "dependencies": {
-    "@popperjs/core": "2.11.8",
-    "@tanstack/react-table": "8.21.2",
-    "classnames": "2.5.1",
-    "lodash-es": "4.18.1",
-    "mitt": "3.0.0",
-    "react-datetime": "3.3.1",
-    "react-dnd": "16.0.1",
-    "react-dnd-html5-backend": "16.0.1",
-    "react-modal": "3.16.1",
-    "react-transition-group": "4.4.2",
-    "react-with-styles": "4.1.0",
-    "resize-observer-polyfill": "1.5.1",
-    "rheostat": "4.1.1"
+    "@popperjs/core": "^2.11.8",
+    "@tanstack/react-table": "^8.21.2",
+    "classnames": "^2.5.1",
+    "lodash-es": "^4.18.1",
+    "mitt": "^3.0.0",
+    "react-datetime": "^3.3.1",
+    "react-dnd": "^16.0.1",
+    "react-dnd-html5-backend": "^16.0.1",
+    "react-modal": "^3.16.1",
+    "react-transition-group": "^4.4.2",
+    "react-with-styles": "^4.1.0",
+    "resize-observer-polyfill": "^1.5.1",
+    "rheostat": "^4.1.1"
   },
   "peerDependencies": {
-    "@codemirror/merge": "6.11.2",
+    "@codemirror/merge": "^6.11.2",
     "@codemirror/state": "^6.0.0",
     "@codemirror/view": "^6.17.0",
-    "@fortawesome/fontawesome-svg-core": "7.2.0",
-    "@fortawesome/free-brands-svg-icons": "7.2.0",
-    "@fortawesome/free-regular-svg-icons": "7.2.0",
-    "@fortawesome/free-solid-svg-icons": "7.2.0",
-    "@fortawesome/react-fontawesome": "3.3.1",
-    "@tanstack/react-virtual": "3.13.6",
-    "codemirror": "5.65.19",
-    "moment": "2.30.1",
+    "@fortawesome/fontawesome-svg-core": "^7.2.0",
+    "@fortawesome/free-brands-svg-icons": "^7.2.0",
+    "@fortawesome/free-regular-svg-icons": "^7.2.0",
+    "@fortawesome/free-solid-svg-icons": "^7.2.0",
+    "@fortawesome/react-fontawesome": "^3.3.1",
+    "@tanstack/react-virtual": "^3.13.6",
+    "codemirror": "^5.65.19",
+    "moment": "^2.30.1",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0",
-    "rehype-highlight": "7.0.0",
-    "rehype-katex": "7.0.0",
-    "rehype-sanitize": "6.0.0",
-    "rehype-stringify": "10.0.0",
-    "remark-gfm": "4.0.0",
-    "remark-math": "6.0.0",
-    "remark-parse": "11.0.0",
-    "remark-rehype": "11.0.0",
-    "slate": "0.112.0",
-    "slate-dom": "0.112.2",
-    "slate-history": "0.110.3",
-    "slate-react": "0.112.1",
-    "unified": "11.0.3"
+    "rehype-highlight": "^7.0.0",
+    "rehype-katex": "^7.0.0",
+    "rehype-sanitize": "^6.0.0",
+    "rehype-stringify": "^10.0.0",
+    "remark-gfm": "^4.0.0",
+    "remark-math": "^6.0.0",
+    "remark-parse": "^11.0.0",
+    "remark-rehype": "^11.0.0",
+    "slate": "^0.124.1",
+    "slate-dom": "^0.124.1",
+    "slate-history": "^0.113.1",
+    "slate-react": "^0.124.2",
+    "unified": "^11.0.3"
   },
   "devDependencies": {
-    "@babel/cli": "7.26.4",
-    "@types/codemirror": "5.60.15",
-    "@types/lodash-es": "4.17.12",
-    "@types/react": "18.2.79",
-    "@types/react-dom": "18.2.25",
-    "@types/react-modal": "3.13.1",
-    "@types/react-with-styles": "4.0.7",
-    "@types/rheostat": "3.0.2",
-    "babel-jest": "30.0.2",
-    "dts-bundle": "0.7.3",
-    "i18next-cli": "1.42.9",
-    "jest": "30.0.2",
-    "jest-environment-jsdom": "30.0.2",
-    "postcss": "8.4.33",
-    "postcss-loader": "8.1.1",
-    "postcss-pxtorem": "6.1.0",
-    "react-dnd-test-backend": "16.0.1",
-    "typescript": "5.4.3"
+    "@babel/cli": "^7.26.4",
+    "@types/codemirror": "^5.60.15",
+    "@types/lodash-es": "^4.17.12",
+    "@types/react": "^18.2.79",
+    "@types/react-dom": "^18.2.25",
+    "@types/react-modal": "^3.13.1",
+    "@types/react-with-styles": "^4.0.7",
+    "@types/rheostat": "^3.0.2",
+    "babel-jest": "^30.0.2",
+    "dts-bundle": "^0.7.3",
+    "i18next-cli": "^1.42.9",
+    "jest": "^30.0.2",
+    "jest-environment-jsdom": "^30.0.2",
+    "postcss": "^8.4.33",
+    "postcss-loader": "^8.1.1",
+    "postcss-pxtorem": "^6.1.0",
+    "react-dnd-test-backend": "^16.0.1",
+    "typescript": "^5.4.3"
   }
 }