@datarobot/design-system 30.6.4 → 30.8.0

package/esm/hooks/use-translation/use-translation.d.ts

@@ -9,54 +9,55 @@ export declare 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/esm/input/input.d.ts

@@ -88,62 +88,62 @@ export type InputProps = {
  * @alpine-light-supported
  */
 declare 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;

package/esm/range-slider/context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type RangeSliderAriaContext = {
     handleAriaLabel?: (context: SliderHandleAriaContext) => string;
     handleAriaValueText?: (context: SliderHandleAriaContext) => string;

package/esm/table/hooks/use-checkbox-cells-state/use-checkbox-cells-state.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * @typedef {Object} CheckboxesManagement
  * @property {boolean[]} items - checkboxes array state

package/esm/table-react/hooks/useTableReact.d.ts

@@ -42,7 +42,7 @@ export declare function useTableReact<FiltersData>({ tableId, version, debounceS
     };
     reset: () => void;
     defaultState: {
-        defaultColumnSizing?: ColumnSizingState | undefined;
+        defaultColumnSizing?: ColumnSizingState;
         sorting: SortingState;
         visible: {};
         pagination: PaginationState;
@@ -51,7 +51,7 @@ export declare function useTableReact<FiltersData>({ tableId, version, debounceS
         selected: {};
         expandedRows: {};
         columnOrder: ColumnOrderState;
-        touched?: Touched | undefined;
+        touched?: Touched;
         filters?: FiltersData | undefined;
         columnSizing: {};
     } | {
@@ -64,7 +64,7 @@ export declare function useTableReact<FiltersData>({ tableId, version, debounceS
         selected: {};
         expandedRows: {};
         columnOrder: ColumnOrderState;
-        touched?: Touched | undefined;
+        touched?: Touched;
         filters?: FiltersData | undefined;
     };
 };

package/esm/table-react/utils/getHeaderColumnsActions.d.ts

@@ -34,4 +34,4 @@ export declare function getHeaderColumnsActions({ isPinned, canSort, canPin, isP
 } | {
     key: string;
     subOptions: DropdownMenuOption[];
-} | null)[];
+})[];

package/esm/text-editor/edited-text.js

@@ -1,6 +1,7 @@
 import React, { useMemo, useContext, useEffect } from 'react';
 import classnames from 'classnames';
 import isEqual from 'lodash-es/isEqual';
+import cloneDeep from 'lodash-es/cloneDeep';
 import { withHistory } from 'slate-history';
 import { resetNodes } from '../chat';
 import TextEditorContext from './text-editor-context';
@@ -29,12 +30,19 @@ function EditedTextComponent({
     Slate
   } = slateReact;
   const editor = useMemo(() => withLinks(withHistory(withReact(createEditor()))), []);
+
+  // Clone the incoming value so this editor instance owns its own Slate node
+  // references. slate-dom 0.123+ keys internal WeakMaps by node identity, and
+  // sharing node references across editors (e.g. the same value bound to a
+  // form's TextEditor and a preview's EditedText at the same time) makes
+  // findPath throw "Unable to find the path for Slate node".
+  const slateValue = useMemo(() => value ? cloneDeep(value) : value, [value]);
   useEffect(() => {
-    if (value && !isEqual(editor.children, value)) {
+    if (slateValue && !isEqual(editor.children, slateValue)) {
       // Update the cached value inside the editor
-      resetNodes(editor, value);
+      resetNodes(editor, slateValue);
     }
-  }, [value, editor]);
+  }, [slateValue, editor]);
   const ariaAttrs = useMemo(() => {
     return {
       'aria-label': ariaLabel
@@ -45,7 +53,7 @@ function EditedTextComponent({
     // Slate throws an error when no onChange is given, providing a noop func to avoid issues
     _jsx(Slate, {
       editor: editor,
-      initialValue: value,
+      initialValue: slateValue,
       onChange: () => undefined,
       children: /*#__PURE__*/_jsx(TextEditorContent, {
         placeholder: placeholder,

package/esm/text-editor/text-editor.js

@@ -1,6 +1,7 @@
 import React, { useMemo, useRef, useContext, useState, useEffect, useCallback } from 'react';
 import classnames from 'classnames';
 import isEqual from 'lodash-es/isEqual';
+import cloneDeep from 'lodash-es/cloneDeep';
 import { withHistory } from 'slate-history';
 import { ValidityMessages, getErrorAriaAttributes, useDefaultValidationValues } from '../form-field';
 import { resetNodes, CharactersCounter, withMaxLength } from '../chat';
@@ -71,7 +72,13 @@ function TextEditorComponent({
   }, [getCharactersCounterString]);
   const editor = useMemo(() => withMaxLength(maxLength)(withLinks(withHistory(withReact(createEditor())))), [maxLength]);
   const selection = useRef(null);
-  const slateValue = value || initialValue || TEXT_EDITOR_DEFAULT_VALUE;
+  // Clone the incoming value so this editor instance owns its own Slate node
+  // references. slate-dom 0.123+ keys internal WeakMaps by node identity, and
+  // sharing the same node references across editors (e.g. several editors
+  // falling back to TEXT_EDITOR_DEFAULT_VALUE, or the same parent state being
+  // bound to multiple editors at once) makes findPath throw
+  // "Unable to find the path for Slate node".
+  const slateValue = useMemo(() => cloneDeep(value || initialValue || TEXT_EDITOR_DEFAULT_VALUE), [value, initialValue]);
   useEffect(() => {
     if (!isEqual(editor.children, slateValue)) {
       // Update the cached value inside the editor

package/esm/textarea/textarea.d.ts

@@ -19,6 +19,6 @@ export function TextArea(props: FormFieldProps) {
  * [CAPITALIZATION] Don't have mixed format in one text block, use sentence case
  */
 export declare 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>>;

package/esm/time-from-now/time-from-now.d.ts

@@ -9,6 +9,6 @@ export type TimeFromNowProps = {
     tooltipPlacement?: TooltipPlacementsType;
     tooltipDelayType?: TooltipDelayType;
 };
-export declare const getLocalTime: (timestamp: number | string, standard?: 'utc') => moment.Moment;
+export declare const getLocalTime: (timestamp: number | string, standard?: "utc") => moment.Moment;
 declare const TimeFromNow: ({ timestamp, format, standard, hideSuffix, showTooltip, tooltipPlacement, tooltipDelayType, }: TimeFromNowProps) => import("react/jsx-runtime").JSX.Element;
 export default TimeFromNow;

package/esm/tour/advanced-tour/hooks.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AdvancedTourHooksParams } from './types';
 /**
  * useAdvancedTour is required to add AdvancedTour on the page where you need it. * */

package/esm/tour/hooks.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TourHooksParams } from './types';
 export declare const useTour: ({ isShowTour, tourId, }: TourHooksParams) => {
     advancedTourStepId: number;

package/esm/typeahead/use-visible-options.d.ts

@@ -1,9 +1,9 @@
 import { TypeaheadOption } from './typeahead';
 export declare const useVisibleOptions: ({ formatSearchValue, searchValue, options, searchFields, isShowAll, }: {
-    formatSearchValue?: ((value?: string) => string) | undefined;
-    searchValue?: string | undefined;
+    formatSearchValue?: (value?: string) => string;
+    searchValue?: string;
     options: TypeaheadOption[];
-    searchFields?: string[] | undefined;
+    searchFields?: string[];
     isShowAll: boolean;
 }) => {
     visibleOptions: TypeaheadOption[];

package/js/bundle/bundle.js

@@ -15015,6 +15015,48 @@ function trimmedEndIndex(string) {
 
 /***/ }),
 
+/***/ "../../node_modules/lodash-es/cloneDeep.js":
+/*!*************************************************!*\
+  !*** ../../node_modules/lodash-es/cloneDeep.js ***!
+  \*************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _baseClone_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_baseClone.js */ "../../node_modules/lodash-es/_baseClone.js");
+
+
+/** Used to compose bitmasks for cloning. */
+var CLONE_DEEP_FLAG = 1,
+  CLONE_SYMBOLS_FLAG = 4;
+
+/**
+ * This method is like `_.clone` except that it recursively clones `value`.
+ *
+ * @static
+ * @memberOf _
+ * @since 1.0.0
+ * @category Lang
+ * @param {*} value The value to recursively clone.
+ * @returns {*} Returns the deep cloned value.
+ * @see _.clone
+ * @example
+ *
+ * var objects = [{ 'a': 1 }, { 'b': 2 }];
+ *
+ * var deep = _.cloneDeep(objects);
+ * console.log(deep[0] === objects[0]);
+ * // => false
+ */
+function cloneDeep(value) {
+  return (0,_baseClone_js__WEBPACK_IMPORTED_MODULE_0__["default"])(value, CLONE_DEEP_FLAG | CLONE_SYMBOLS_FLAG);
+}
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (cloneDeep);
+
+/***/ }),
+
 /***/ "../../node_modules/lodash-es/constant.js":
 /*!************************************************!*\
   !*** ../../node_modules/lodash-es/constant.js ***!
@@ -45651,7 +45693,8 @@ var CharactersCounter = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var lodash_es_isEqual__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! lodash-es/isEqual */ "../../node_modules/lodash-es/isEqual.js");
+/* harmony import */ var lodash_es_isEqual__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! lodash-es/isEqual */ "../../node_modules/lodash-es/isEqual.js");
+/* harmony import */ var lodash_es_cloneDeep__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! lodash-es/cloneDeep */ "../../node_modules/lodash-es/cloneDeep.js");
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var slate__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! slate */ "slate");
@@ -45685,6 +45728,7 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 
 
 
+
 function ChatMessageBodyBase(_ref) {
   var itemKey = _ref.itemKey,
     textBoxAriaLabel = _ref.textBoxAriaLabel,
@@ -45702,8 +45746,10 @@ function ChatMessageBodyBase(_ref) {
     editableContentClassName = _ref.editableContentClassName,
     mentionsPropmptText = _ref.mentionsPropmptText,
     autoFocus = _ref.autoFocus,
-    _ref$value = _ref.value,
-    value = _ref$value === void 0 ? _constants__WEBPACK_IMPORTED_MODULE_9__.DEFAULT_VALUE : _ref$value;
+    value = _ref.value;
+  var slateValue = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
+    return (0,lodash_es_cloneDeep__WEBPACK_IMPORTED_MODULE_12__["default"])(value !== null && value !== void 0 ? value : _constants__WEBPACK_IMPORTED_MODULE_9__.DEFAULT_VALUE);
+  }, [value]);
   var anchorRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),
     _useState2 = _slicedToArray(_useState, 2),
@@ -45734,10 +45780,10 @@ function ChatMessageBodyBase(_ref) {
       event.preventDefault();
       onSubmit({
         key: itemKey,
-        value: value
+        value: slateValue
       });
     }
-  }, [mentions, target, value, itemKey, onSubmit]);
+  }, [mentions, target, slateValue, itemKey, onSubmit]);
   var handleChange = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (val) {
     onChange({
       key: itemKey,
@@ -45807,13 +45853,13 @@ function ChatMessageBodyBase(_ref) {
     });
   }, [search]);
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
-    if (!(0,lodash_es_isEqual__WEBPACK_IMPORTED_MODULE_12__["default"])(editor.children, value)) {
-      (0,_utils__WEBPACK_IMPORTED_MODULE_11__.resetNodes)(editor, value);
+    if (!(0,lodash_es_isEqual__WEBPACK_IMPORTED_MODULE_13__["default"])(editor.children, slateValue)) {
+      (0,_utils__WEBPACK_IMPORTED_MODULE_11__.resetNodes)(editor, slateValue);
     }
-  }, [value, editor]);
+  }, [slateValue, editor]);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(slate_react__WEBPACK_IMPORTED_MODULE_3__.Slate, {
     editor: editor,
-    initialValue: value,
+    initialValue: slateValue,
     onChange: handleChange
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     "test-id": "chat-item-body-editable-content-".concat(itemKey),
@@ -46436,6 +46482,7 @@ var getOptionsTriggerIcon = function getOptionsTriggerIcon() {
 /* harmony export */ });
 /* harmony import */ var slate__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! slate */ "slate");
 /* harmony import */ var slate__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(slate__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var lodash_es_cloneDeep__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash-es/cloneDeep */ "../../node_modules/lodash-es/cloneDeep.js");
 /* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./constants */ "./src/components/chat/constants.ts");
 function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -46445,6 +46492,7 @@ function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 
 
+
 function isMentionElement(type) {
   return type === _constants__WEBPACK_IMPORTED_MODULE_1__.CUSTOM_ELEMENT_TYPES.mention;
 }
@@ -46471,11 +46519,13 @@ function resetNodes(editor, nodes) {
       node: node
     });
   });
+
+  // Clone nodes before inserting so multiple editors never share Slate node refs.
   nodes.forEach(function (node, i) {
     return editor.apply({
       type: 'insert_node',
       path: [i],
-      node: node
+      node: (0,lodash_es_cloneDeep__WEBPACK_IMPORTED_MODULE_2__["default"])(node)
     });
   });
   var point = slate__WEBPACK_IMPORTED_MODULE_0__.Editor.end(editor, []);
@@ -83181,7 +83231,8 @@ function TabularDataTooltip(_ref) {
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var lodash_es_isEqual__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! lodash-es/isEqual */ "../../node_modules/lodash-es/isEqual.js");
+/* harmony import */ var lodash_es_isEqual__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! lodash-es/isEqual */ "../../node_modules/lodash-es/isEqual.js");
+/* harmony import */ var lodash_es_cloneDeep__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! lodash-es/cloneDeep */ "../../node_modules/lodash-es/cloneDeep.js");
 /* harmony import */ var slate_history__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! slate-history */ "slate-history");
 /* harmony import */ var slate_history__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(slate_history__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var _chat__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../chat */ "./src/components/chat/index.ts");
@@ -83201,6 +83252,7 @@ function TabularDataTooltip(_ref) {
 
 
 
+
 function EditedTextComponent(_ref) {
   var value = _ref.value,
     placeholder = _ref.placeholder,
@@ -83221,12 +83273,21 @@ function EditedTextComponent(_ref) {
   var editor = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
     return (0,_hooks_with_links__WEBPACK_IMPORTED_MODULE_6__["default"])((0,slate_history__WEBPACK_IMPORTED_MODULE_2__.withHistory)(withReact(createEditor())));
   }, []);
+
+  // Clone the incoming value so this editor instance owns its own Slate node
+  // references. slate-dom 0.123+ keys internal WeakMaps by node identity, and
+  // sharing node references across editors (e.g. the same value bound to a
+  // form's TextEditor and a preview's EditedText at the same time) makes
+  // findPath throw "Unable to find the path for Slate node".
+  var slateValue = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
+    return value ? (0,lodash_es_cloneDeep__WEBPACK_IMPORTED_MODULE_9__["default"])(value) : value;
+  }, [value]);
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
-    if (value && !(0,lodash_es_isEqual__WEBPACK_IMPORTED_MODULE_9__["default"])(editor.children, value)) {
+    if (slateValue && !(0,lodash_es_isEqual__WEBPACK_IMPORTED_MODULE_10__["default"])(editor.children, slateValue)) {
       // Update the cached value inside the editor
-      (0,_chat__WEBPACK_IMPORTED_MODULE_3__.resetNodes)(editor, value);
+      (0,_chat__WEBPACK_IMPORTED_MODULE_3__.resetNodes)(editor, slateValue);
     }
-  }, [value, editor]);
+  }, [slateValue, editor]);
   var ariaAttrs = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
     return {
       'aria-label': ariaLabel
@@ -83237,7 +83298,7 @@ function EditedTextComponent(_ref) {
     // Slate throws an error when no onChange is given, providing a noop func to avoid issues
     react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Slate, {
       editor: editor,
-      initialValue: value,
+      initialValue: slateValue,
       onChange: function onChange() {
         return undefined;
       }
@@ -85225,7 +85286,8 @@ function TextEditorToolbar(_ref) {
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var lodash_es_isEqual__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! lodash-es/isEqual */ "../../node_modules/lodash-es/isEqual.js");
+/* harmony import */ var lodash_es_isEqual__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! lodash-es/isEqual */ "../../node_modules/lodash-es/isEqual.js");
+/* harmony import */ var lodash_es_cloneDeep__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! lodash-es/cloneDeep */ "../../node_modules/lodash-es/cloneDeep.js");
 /* harmony import */ var slate_history__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! slate-history */ "slate-history");
 /* harmony import */ var slate_history__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(slate_history__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var _form_field__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../form-field */ "./src/components/form-field/index.ts");
@@ -85271,6 +85333,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 
 
 
+
 function TextEditorComponent(_ref) {
   var name = _ref.name,
     type = _ref.type,
@@ -85337,9 +85400,17 @@ function TextEditorComponent(_ref) {
     return (0,_chat__WEBPACK_IMPORTED_MODULE_4__.withMaxLength)(maxLength)((0,_hooks_with_links__WEBPACK_IMPORTED_MODULE_9__["default"])((0,slate_history__WEBPACK_IMPORTED_MODULE_2__.withHistory)(withReact(createEditor()))));
   }, [maxLength]);
   var selection = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
-  var slateValue = value || initialValue || _text_editor_constants__WEBPACK_IMPORTED_MODULE_11__.TEXT_EDITOR_DEFAULT_VALUE;
+  // Clone the incoming value so this editor instance owns its own Slate node
+  // references. slate-dom 0.123+ keys internal WeakMaps by node identity, and
+  // sharing the same node references across editors (e.g. several editors
+  // falling back to TEXT_EDITOR_DEFAULT_VALUE, or the same parent state being
+  // bound to multiple editors at once) makes findPath throw
+  // "Unable to find the path for Slate node".
+  var slateValue = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
+    return (0,lodash_es_cloneDeep__WEBPACK_IMPORTED_MODULE_16__["default"])(value || initialValue || _text_editor_constants__WEBPACK_IMPORTED_MODULE_11__.TEXT_EDITOR_DEFAULT_VALUE);
+  }, [value, initialValue]);
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
-    if (!(0,lodash_es_isEqual__WEBPACK_IMPORTED_MODULE_16__["default"])(editor.children, slateValue)) {
+    if (!(0,lodash_es_isEqual__WEBPACK_IMPORTED_MODULE_17__["default"])(editor.children, slateValue)) {
       // Update the cached value inside the editor
       (0,_chat__WEBPACK_IMPORTED_MODULE_4__.resetNodes)(editor, slateValue);
     }