@datarobot/design-system 30.6.4 → 30.8.0

package/cjs/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/cjs/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/cjs/table-react/utils/getHeaderColumnsActions.d.ts

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

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

@@ -7,6 +7,7 @@ exports.default = EditedText;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _isEqual = _interopRequireDefault(require("lodash-es/isEqual"));
+var _cloneDeep = _interopRequireDefault(require("lodash-es/cloneDeep"));
 var _slateHistory = require("slate-history");
 var _chat = require("../chat");
 var _textEditorContext = _interopRequireDefault(require("./text-editor-context"));
@@ -37,12 +38,19 @@ function EditedTextComponent({
     Slate
   } = slateReact;
   const editor = (0, _react.useMemo)(() => (0, _withLinks.default)((0, _slateHistory.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 = (0, _react.useMemo)(() => value ? (0, _cloneDeep.default)(value) : value, [value]);
   (0, _react.useEffect)(() => {
-    if (value && !(0, _isEqual.default)(editor.children, value)) {
+    if (slateValue && !(0, _isEqual.default)(editor.children, slateValue)) {
       // Update the cached value inside the editor
-      (0, _chat.resetNodes)(editor, value);
+      (0, _chat.resetNodes)(editor, slateValue);
     }
-  }, [value, editor]);
+  }, [slateValue, editor]);
   const ariaAttrs = (0, _react.useMemo)(() => {
     return {
       'aria-label': ariaLabel
@@ -53,7 +61,7 @@ function EditedTextComponent({
     // Slate throws an error when no onChange is given, providing a noop func to avoid issues
     (0, _jsxRuntime.jsx)(Slate, {
       editor: editor,
-      initialValue: value,
+      initialValue: slateValue,
       onChange: () => undefined,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_textEditorContent.default, {
         placeholder: placeholder,

package/cjs/text-editor/text-editor.js

@@ -7,6 +7,7 @@ exports.default = TextEditor;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _isEqual = _interopRequireDefault(require("lodash-es/isEqual"));
+var _cloneDeep = _interopRequireDefault(require("lodash-es/cloneDeep"));
 var _slateHistory = require("slate-history");
 var _formField = require("../form-field");
 var _chat = require("../chat");
@@ -79,7 +80,13 @@ function TextEditorComponent({
   }, [getCharactersCounterString]);
   const editor = (0, _react.useMemo)(() => (0, _chat.withMaxLength)(maxLength)((0, _withLinks.default)((0, _slateHistory.withHistory)(withReact(createEditor())))), [maxLength]);
   const selection = (0, _react.useRef)(null);
-  const slateValue = value || initialValue || _textEditorConstants.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 = (0, _react.useMemo)(() => (0, _cloneDeep.default)(value || initialValue || _textEditorConstants.TEXT_EDITOR_DEFAULT_VALUE), [value, initialValue]);
   (0, _react.useEffect)(() => {
     if (!(0, _isEqual.default)(editor.children, slateValue)) {
       // Update the cached value inside the editor

package/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/esm/button/button.d.ts

@@ -66,48 +66,48 @@ export type ButtonProps = {
  */
 declare 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;

package/esm/chat/chat-message-body.js

@@ -1,5 +1,6 @@
 import React, { useMemo, useState, useCallback, useRef, useEffect, memo } from 'react';
 import isEqual from 'lodash-es/isEqual';
+import cloneDeep from 'lodash-es/cloneDeep';
 import classNames from 'classnames';
 import { Editor, createEditor, Transforms, Range } from 'slate';
 import { Slate, Editable, ReactEditor, withReact } from 'slate-react';
@@ -28,8 +29,9 @@ function ChatMessageBodyBase({
   editableContentClassName,
   mentionsPropmptText,
   autoFocus,
-  value = DEFAULT_VALUE
+  value
 }) {
+  const slateValue = useMemo(() => cloneDeep(value ?? DEFAULT_VALUE), [value]);
   const anchorRef = useRef(null);
   const [target, setTarget] = useState();
   const [search, setSearch] = useState('');
@@ -46,10 +48,10 @@ function ChatMessageBodyBase({
       event.preventDefault();
       onSubmit({
         key: itemKey,
-        value
+        value: slateValue
       });
     }
-  }, [mentions, target, value, itemKey, onSubmit]);
+  }, [mentions, target, slateValue, itemKey, onSubmit]);
   const handleChange = useCallback(val => {
     onChange({
       key: itemKey,
@@ -116,14 +118,14 @@ function ChatMessageBodyBase({
     });
   }, [search]);
   useEffect(() => {
-    if (!isEqual(editor.children, value)) {
-      resetNodes(editor, value);
+    if (!isEqual(editor.children, slateValue)) {
+      resetNodes(editor, slateValue);
     }
-  }, [value, editor]);
+  }, [slateValue, editor]);
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsxs(Slate, {
       editor: editor,
-      initialValue: value,
+      initialValue: slateValue,
       onChange: handleChange,
       children: [/*#__PURE__*/_jsx("div", {
         "test-id": `chat-item-body-editable-content-${itemKey}`,

package/esm/chat/utils.js

@@ -1,4 +1,5 @@
 import { Editor, Transforms } from 'slate';
+import cloneDeep from 'lodash-es/cloneDeep';
 import { CUSTOM_ELEMENT_TYPES } from './constants';
 export function isMentionElement(type) {
   return type === CUSTOM_ELEMENT_TYPES.mention;
@@ -26,10 +27,12 @@ export function resetNodes(editor, nodes) {
     path: [0],
     node
   }));
+
+  // Clone nodes before inserting so multiple editors never share Slate node refs.
   nodes.forEach((node, i) => editor.apply({
     type: 'insert_node',
     path: [i],
-    node
+    node: cloneDeep(node)
   }));
   const point = Editor.end(editor, []);
   Transforms.select(editor, point);

package/esm/datetime-picker/datetime-picker.d.ts

@@ -1,5 +1,5 @@
 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 { InputProps } from '../input';
 import { DATE_PICKER_START_END_DATE, DATE_PICKER_VALUE, DatePickerPlacement, DATE_PICKER_VALIDITY } from './types';
@@ -57,7 +57,7 @@ export declare class DatePicker extends React.Component<DatePickerProps> {
         onNavigate: () => void;
         onNavigateBack: () => void;
         onNavigateForward: () => void;
-        initialViewMode: Datetime.ViewMode;
+        initialViewMode: ViewMode;
         closeOnSelect: boolean;
         closeOnTab: boolean;
         timeConstraints: {};

package/esm/datetime-range-picker/helpers.d.ts

@@ -3,24 +3,24 @@ import moment, { MomentInput, Moment, unitOfTime } from 'moment';
 import Datetime from 'react-datetime';
 import { InitialDirection } from './datetime-range-picker';
 export declare 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

package/esm/dropdown-menu/dropdown-menu-content.d.ts

@@ -25,7 +25,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;

package/esm/dropdown-menu/utils.d.ts

@@ -1,42 +1,41 @@
-/// <reference types="react" />
 import { DropdownMenuOption } from './types';
 export declare function getFlattenedSubsectionOptions(collection: Array<DropdownMenuOption>): DropdownMenuOption[];
 export declare function getFooterOptionWithPrivateKey(option: DropdownMenuOption): {
-    id?: string | undefined;
+    id?: string;
     key: string | number;
-    testId?: string | undefined;
-    link?: string | undefined;
-    icon?: import("@fortawesome/fontawesome-svg-core").IconProp | undefined;
-    iconClass?: string | undefined;
-    className?: string | undefined;
+    testId?: string;
+    link?: string;
+    icon?: import("@fortawesome/fontawesome-svg-core").IconProp;
+    iconClass?: string;
+    className?: string;
     title?: import("react").ReactNode;
     subtext?: import("react").ReactNode;
-    searchableValue?: string | undefined;
-    value?: string | number | undefined;
-    disabled?: boolean | undefined;
+    searchableValue?: string;
+    value?: string | number;
+    disabled?: boolean;
     tooltipText?: import("react").ReactNode;
-    tooltipTestId?: string | undefined;
-    tooltipPlacement?: import("..").TooltipPlacementsType | undefined;
-    tooltipDocsLink?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-    isChecked?: boolean | undefined;
-    isFileUpload?: boolean | undefined;
-    acceptedFiles?: string[] | undefined;
-    isMultiple?: boolean | undefined;
-    isShown?: boolean | undefined;
-    shouldNotCloseDropdown?: boolean | undefined;
-    isFolderUpload?: boolean | undefined;
-    level?: string | undefined;
+    tooltipTestId?: string;
+    tooltipPlacement?: import("..").TooltipPlacementsType;
+    tooltipDocsLink?: import("react").ReactElement;
+    isChecked?: boolean;
+    isFileUpload?: boolean;
+    acceptedFiles?: Array<string>;
+    isMultiple?: boolean;
+    isShown?: boolean;
+    shouldNotCloseDropdown?: boolean;
+    isFolderUpload?: boolean;
+    level?: string;
     privateKey: string;
-    subOptions?: DropdownMenuOption[] | undefined;
-    radioOptions?: import("./types").DropdownRadioOptionType[] | undefined;
-    redirect?: ((e: import("./types").DropdownOnClickValueType) => void) | undefined;
-    isExternal?: boolean | undefined;
-    subItems?: DropdownMenuOption[] | undefined;
-    activeItemId?: string | undefined;
-    onOptionSelect?: (() => void) | undefined;
-    groupIdentifier?: string | undefined;
-    tooltipId?: string | undefined;
-    LinkComponent?: import("./types").LinkComponentType | undefined;
+    subOptions?: Array<DropdownMenuOption>;
+    radioOptions?: Array<import("./types").DropdownRadioOptionType>;
+    redirect?: (e: import("./types").DropdownOnClickValueType) => void;
+    isExternal?: boolean;
+    subItems?: Array<DropdownMenuOption>;
+    activeItemId?: string;
+    onOptionSelect?: () => void;
+    groupIdentifier?: string;
+    tooltipId?: string;
+    LinkComponent?: import("./types").LinkComponentType;
 };
 /**
  * privateKey is used for internal logic only, for efficient search and comparison of options.

package/esm/file-uploader/file-uploader-hook.d.ts

@@ -8,7 +8,7 @@ type FileUploaderHookProps = {
 export declare 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;
 };

package/esm/floating-panel/constants.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { FloatingPanelContextType } from './types';
 export declare const FloatingPanelContext: import("react").Context<FloatingPanelContextType>;
 export declare const MOVE_KEYS: {

package/esm/font-awesome-icon/font-awesome-icon.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const FontAwesomeIcon: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<import("@fortawesome/react-fontawesome").FontAwesomeIconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>>;

package/esm/form-field/utilities.d.ts

@@ -2,7 +2,7 @@ import { InputTypes } from '../input';
 import { FormFieldValidity } from './validity-shape';
 import { VALIDATION_VALUES } from './constants';
 import { MessageTypes } from '../message';
-export declare function isPassword(type?: InputTypes): boolean;
+export declare function isPassword(type?: InputTypes): type is "password";
 export type GetValidityMessagesParam = {
     validity?: FormFieldValidity | null;
     validationValues: VALIDATION_VALUES;

package/esm/full-screen-drawer/useFullScreenDrawer.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type UseFullScreenDrawerParamsType = {
     isShow?: boolean;
     onDismissCallback?: () => void;

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

@@ -28,27 +28,27 @@ export declare 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;
 };
 /**

package/esm/hooks/use-focus-trap/use-focus-trap.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 export declare function getFocusableElements(container?: HTMLElement | null): HTMLElement[];
 export declare function useFocusTrap(ref: React.RefObject<HTMLElement>): void;

package/esm/hooks/use-non-native-button-attrs/use-non-native-button-attrs.d.ts

@@ -18,7 +18,7 @@ export declare function useNonNativeButtonAttrs({ onKeyDown, onClick, tabIndex,
     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 {};

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type OrderingStateProps = {
     orderBy?: string;
     isAscendingOrder?: boolean;

package/esm/hooks/use-paginated-search/use-paginated-search.d.ts

@@ -15,7 +15,7 @@ export declare 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
@@ -59,7 +59,7 @@ export declare function usePaginatedSearch(items?: never[], { searchFields, filt
     count: number;
     setPage: (page: number) => void;
     setPageSize: (size: number) => void;
-    setTotal?: ((val: number) => void) | undefined;
+    setTotal?: (val: number) => void;
 };
 /**
  * Example: