ods-component-lib 1.21.2 → 1.22.2

package/dist/index.d.ts

@@ -1,22 +1,25 @@
-import { AlertProps } from 'antd';
-import { AutoCompleteProps } from 'antd';
+import { AlertProps } from 'antd/es/alert';
+import { ArgsProps } from 'antd/es/notification';
+import { AutoCompleteProps } from 'antd/es/auto-complete';
 import { BadgeProps } from 'antd';
+import { ButtonProps } from 'antd/es/button';
 import { ButtonType } from 'antd/es/button/buttonHelpers';
 import { ButtonType as ButtonType_2 } from 'antd/es/button';
-import { CalendarProps } from 'antd';
-import { CardProps } from 'antd';
+import { CalendarProps } from 'antd/es/calendar';
+import { CardProps } from 'antd/es/card';
 import { CheckboxGroupProps } from 'antd/es/checkbox';
-import { CheckboxProps } from 'antd';
-import { CollapsePanelProps } from 'antd';
-import { CollapseProps } from 'antd';
-import { DataNode } from 'antd/es/tree';
-import { DatePickerProps } from 'antd';
+import { CheckboxProps } from 'antd/es/checkbox';
+import { CollapsePanelProps } from 'antd/es/collapse';
+import { CollapseProps } from 'antd/es/collapse';
+import { DataGrid } from 'devextreme-react/data-grid';
+import { DataGridRef as DataGridRef_2 } from 'devextreme-react/data-grid';
+import { DatePickerProps } from 'antd/es/date-picker';
+import { Dayjs } from 'dayjs';
 import { default as default_2 } from 'react';
-import { DividerProps } from 'antd';
-import { DropDownProps } from 'antd';
+import { DividerProps } from 'antd/es/divider';
+import { DropDownProps } from 'antd/es/dropdown';
 import { FC } from 'react';
 import { FormInstance } from 'antd';
-import { ForwardRefExoticComponent } from 'react';
 import { IButtonProps } from 'devextreme-react/data-grid';
 import { IColumnProps } from 'devextreme-react/data-grid';
 import { IColumnProps as IColumnProps_2 } from 'devextreme-react/gantt';
@@ -24,9 +27,10 @@ import { IDataGridOptions } from 'devextreme-react/data-grid';
 import { IEditingProps } from 'devextreme-react/data-grid';
 import { IExportProps as IExportProps_3 } from 'devextreme-react/data-grid';
 import { IGanttOptions } from 'devextreme-react/gantt';
-import { ImageProps } from 'antd';
-import { InputNumberProps } from 'antd';
-import { InputProps } from 'antd';
+import { ImageProps } from 'antd/es/image';
+import { InputNumberProps } from 'antd/es/input-number';
+import { InputNumberProps as InputNumberProps_2 } from 'antd';
+import { InputProps } from 'antd/es/input';
 import { IPagerProps } from 'devextreme-react/data-grid';
 import { IScrollingProps } from 'devextreme-react/data-grid';
 import { ISelectionProps } from 'devextreme-react/data-grid';
@@ -34,35 +38,35 @@ import { ISummaryProps } from 'devextreme-react/data-grid';
 import { JSX } from 'react/jsx-runtime';
 import { JSX as JSX_2 } from 'react';
 import { LinkProps } from 'antd/es/typography/Link';
-import { ListProps } from 'antd';
-import { ModalProps } from 'antd';
+import { ListProps } from 'antd/es/list';
+import { ModalProps } from 'antd/es/modal';
 import { MouseEventHandler } from 'react';
 import type * as OdsDataGridTypes from 'devextreme/ui/data_grid_types';
 import { ParagraphProps } from 'antd/es/typography/Paragraph';
 import { PasswordProps } from 'antd/es/input';
+import { PhoneInputProps } from 'react-phone-input-2';
+import { ProgressProps } from 'antd/es/progress';
 import { PropsWithChildren } from 'react';
 import { RadioGroupProps } from 'antd';
-import { RadioProps } from 'antd';
+import { RadioProps } from 'antd/es/radio';
 import { RangePickerProps } from 'antd/es/date-picker';
-import { RateProps } from 'antd';
-import { RefAttributes } from 'react';
-import { ReturnStyles } from 'antd-style';
+import { RateProps } from 'antd/es/rate';
 import { RowPreparedEvent } from 'devextreme/ui/data_grid';
 import { SearchProps } from 'antd/es/input';
-import { SelectProps } from 'antd';
-import { SerializedStyles } from 'antd-style';
-import { SpinProps } from 'antd';
-import { StyledComponent } from 'styled-components';
-import { SwitchProps } from 'antd';
-import { TableProps } from 'antd/es/table/InternalTable';
-import { TabsProps } from 'antd';
-import { TagProps } from 'antd';
+import { SelectProps } from 'antd/es/select';
+import { SpinProps } from 'antd/es/spin';
+import { SwitchProps } from 'antd/es/switch';
+import { TableProps } from 'antd/es/table';
+import { TabsProps } from 'antd/es/tabs';
+import { TagProps } from 'antd/es/tag';
 import { TextAreaProps } from 'antd/es/input';
-import { TimelineProps } from 'antd';
-import { TimePickerProps } from 'antd';
+import { TextProps } from 'antd/es/typography/Text';
+import { ThemeConfig } from 'antd';
+import { TimelineProps } from 'antd/es/timeline';
+import { TimePickerProps } from 'antd/es/time-picker';
+import { TitleProps } from 'antd/es/typography/Title';
 import { TransferProps } from 'antd';
-import { TreeSelectProps } from 'antd';
-import { TypographyProps } from 'antd/es/typography/Typography';
+import { TreeSelectProps } from 'antd/es/tree-select';
 import { UploadProps } from 'antd';
 
 declare interface AxiosProps {
@@ -98,11 +102,11 @@ declare type CurrencyOptionType = {
 
 declare type CurrencySelectProps = SelectProps & {
     currencyOptions: CurrencyOptionType[];
-    onSelect?: (selectedId: number | null | undefined) => void;
     value?: number;
     defaultCurrencyId?: number;
     defaultCurrencyCode?: string;
     fixedCurrency?: boolean;
+    onSelect?: (selectedId: number | null | undefined) => void;
 };
 
 export declare const DATA_GRID_CLASSES: {
@@ -110,12 +114,11 @@ export declare const DATA_GRID_CLASSES: {
     readonly compact: "ods-datagrid-compact";
 };
 
-/**
- * Default appearance settings for the OdsDataGrid component.
- * These settings are applied to the DataGrid to ensure a consistent look and feel.
- * They include options for column reordering, resizing, auto width, fixing, and more.
- */
-export declare const defaultAppearanceSettings: Partial<IOdsDataGridOptions>;
+export declare type DataGridRef = default_2.ElementRef<typeof DataGrid>;
+
+export declare type DataGridRefV2 = default_2.ComponentRef<typeof DataGrid>;
+
+export declare const defaultAppearanceSettings: Partial<IDataGridOptions>;
 
 declare interface element {
     elementItems: elementItem[];
@@ -126,7 +129,7 @@ declare interface elementItem {
     title: string;
     placeholder: string;
     dataSource?: RecordType[];
-    type: 'select' | 'switch' | 'input';
+    type: "select" | "switch" | "input";
 }
 
 declare type ExportDocumentType = "A0" | "A1" | "A2" | "A3" | "A4" | "Auto";
@@ -237,10 +240,6 @@ declare type IActionButtonsTooltipType = "raw" | "styled";
 
 declare type IActionButtonsTooltipType_2 = "raw" | "styled";
 
-declare interface IAutoCompleteProps extends AutoCompleteProps {
-    onSelect?: default_2.MouseEventHandler<HTMLElement>;
-}
-
 declare interface IAxiosProps {
     token: string;
     requestData?: any;
@@ -384,32 +383,11 @@ declare interface IButtonGroup_6 extends Omit<IButtonProps, "icon"> {
     onclick?: React.MouseEventHandler<HTMLElement>;
 }
 
-declare interface ICardProps extends CardProps {
-    isEnableMeta?: boolean;
-    metaTitle?: string;
-    metaDescription?: string;
-}
-
 declare interface ICellInfo {
     dataField: string;
     pkValue: any;
 }
 
-/**
- *
- * @param props
- * checked         : boolean
- * defaultChecked  : boolean
- * indeterminate   : boolean
- * disabled        : boolean
- * onChange        : (checked: boolean) => void
- * classNames      : Semantic DOM class
- * styles          : Semantic DOM style
- * @returns  antd  checkbox group
- */
-declare interface ICheckboxGropProps extends CheckboxGroupProps {
-}
-
 declare interface IColumnConfig {
     dataField: string;
     caption: string;
@@ -419,6 +397,7 @@ declare interface IColumnConfig {
     calculateCellValue?: (data: any) => JSX_2.Element | string;
     calculateFilterExpression?: (value: any, operation: string, target: string) => any;
     format?: string | object;
+    allowFiltering?: boolean;
 }
 
 declare interface IColumnOptions extends Omit<IColumnProps, "cellRender" | "calculateFilterExpression" | "format"> {
@@ -437,10 +416,6 @@ declare interface IColumnOptions_2 extends Omit<IColumnProps, "cellRender" | "ca
     format?: string | object;
 }
 
-declare interface ICustomModalProps extends ModalProps {
-    content: default_2.ReactNode;
-}
-
 declare interface ICustomSelectionChange {
     data: any;
     isSelected: boolean;
@@ -453,7 +428,6 @@ declare interface IDateRangeChange {
 
 declare interface IDropDownProps extends DropDownProps {
     menuItems?: any[];
-    icon?: default_2.ReactNode;
 }
 
 /**
@@ -553,14 +527,6 @@ declare interface IExportProps_5 {
 declare interface IInlineEditDataGridProps extends IDataGridOptions, IODSDataGridCustomOptions {
 }
 
-declare interface IListProps extends ListProps<any> {
-    headerText?: string;
-    footerText?: string;
-    data: any[];
-    showHeader: boolean;
-    showFooter: boolean;
-}
-
 declare interface IMasterDetailDatas {
     detailData?: any;
     detailGridColumns?: IColumnOptions[];
@@ -626,12 +592,11 @@ declare interface IODSDataGridCustomOptions {
     isColumnWidthFixed?: boolean;
 }
 
-export declare interface IOdsDataGridOptions extends IDataGridOptions {
-    dataGridRef?: any;
+export declare interface IOdsDataGridOptions extends Omit<IDataGridOptions, "height"> {
     compact?: boolean;
-    hasSummaryButton?: boolean;
-    disableBodyClasses?: boolean;
     dataGridBorderRadius?: number | string;
+    height?: string | number | (() => string | number);
+    disableBodyClasses?: boolean;
 }
 
 declare interface IOdsDataGridProps extends IDataGridOptions, IMultiCellEditableDataGridProps {
@@ -736,6 +701,10 @@ declare interface IOdsDataGridProps_3 extends IDataGridOptions {
     detailData?: any;
 }
 
+export declare interface IOdsDataGridV2Options extends IDataGridOptions {
+    compact?: boolean;
+}
+
 declare interface IOdsTimelineTableActionColumnProps {
     actionColumnEnable?: boolean;
     actionButtonGroupCaption?: string;
@@ -753,56 +722,17 @@ declare interface IOdsTimelineTableColumnProps extends IColumnProps_2 {
 }
 
 declare interface IOdsTimelineTableProps extends React.PropsWithChildren<IGanttOptions> {
-    /**
-     * Set reference object to access Gantt component props
-     */
-    /**
-     * Set columns for listview.
-     */
     customColumns?: IOdsTimelineTableColumnProps[];
-    /**
-     * Set task list. It is used for list view and timeline view.
-     */
     customTasks: any[];
-    /**
-     * Set data field name from task list. This is used for selection.
-     */
     customTaskKey?: string;
-    /**
-     * Set key values to be selected. "multiSelectionEnabled" must be true.
-     */
     customSelectedKeys?: string[];
-    /**
-     * Set true if you want multi selection in list view.
-     */
     multiSelectionEnabled?: boolean;
-    /**
-     * Set settings an for toolbar.
-     */
     toolbarSettings?: IOdsTimelineTableToolbarSettings;
-    /**
-     * ClientSideSorting means Gantt's default sorting, but sorting have to be managed programmacitally if ServerSideSorting is chosen
-     */
     sortingProcess?: SortingProcessType;
-    /**
-     * Set translations for showing in cells
-     */
     dataTranslations?: ITranslationValue[];
-    /**
-     * Set settings for action column
-     */
     actionColumnSettings?: IOdsTimelineTableActionColumnProps;
-    /**
-     * This is a selection event that fired when selection is changed.
-     */
     onCustomSelectionChanged?(e: ICustomSelectionChange): void;
-    /**
-     * This is a date range event that fired when date range is changed.
-     */
     onDateRangeChange?(e: IDateRangeChange): void;
-    /**
-     * Triggered after sorting changed
-     */
     onSortingChanged?(sortedColumns: ISortedColumn[], headerCellProps?: any): void;
 }
 
@@ -858,22 +788,6 @@ declare interface IPagerProps_2 {
     infoText?: string;
 }
 
-/**
- *
- * @param props
- * checked         : boolean
- * defaultChecked  : boolean
- * indeterminate   : boolean
- * disabled        : boolean
- * onChange        : (checked: boolean) => void
- * classNames      : Semantic DOM class
- * styles          : Semantic DOM style
- * @returns  antd styled checkbox
- */
-declare interface IRadioProps extends RadioProps {
-    theme?: string;
-}
-
 declare interface IScrollingOptions extends Partial<IScrollingProps> {
 }
 
@@ -1031,9 +945,9 @@ declare interface IToolbarButton {
  * Represents the configuration for a toolbar button.
  */
 declare interface IToolbarButtonOptions {
-    type: string;
+    type: ButtonType_2;
     label: string;
-    onClick: () => void;
+    onClick?: React.MouseEventHandler<HTMLElement>;
     disabled?: boolean;
 }
 
@@ -1048,10 +962,6 @@ declare interface ITranslationValue {
     translatedValue: string;
 }
 
-declare interface ITypographyProps extends TypographyProps<any> {
-    level?: 1 | 2 | 3 | 4 | 5;
-}
-
 declare interface IUploadRequestModel {
     uid: string;
     file: any;
@@ -1113,53 +1023,35 @@ declare enum ModuleType {
 
 export declare function OdsAlert(props: AlertProps): JSX.Element;
 
-export declare function OdsAutoComplete(props: IAutoCompleteProps): JSX.Element;
+export declare function OdsAutoComplete(props: AutoCompleteProps): JSX.Element;
 
 export declare function OdsBadge(props: BadgeProps): JSX.Element;
 
 export declare function OdsBadgeRibbon(props: BadgeProps): JSX.Element;
 
-export declare function OdsBannerAlert(props: AlertProps): JSX.Element;
-
 export declare const OdsBasicDataGrid: (props: IOdsDataGridProps) => JSX.Element;
 
-declare function OdsBasicTable(props: TableProps<any>): JSX.Element;
-export { OdsBasicTable }
-export { OdsBasicTable as OdsTable }
-
 export declare const OdsBatchEditDataGrid: (props: IBatchEditDataGridProps) => JSX.Element;
 
-export declare function OdsButton(props: any): JSX.Element;
+export declare function OdsButton(props: ButtonProps): JSX.Element;
 
-export declare function OdsCalendar(props: CalendarProps<any>): JSX.Element;
+export declare function OdsCalendar<DateType extends Dayjs>(props: CalendarProps<DateType>): JSX.Element;
 
-export declare function OdsCard(props: ICardProps): JSX.Element;
+export declare function OdsCard(props: CardProps): JSX.Element;
 
-export declare const OdsChange: default_2.NamedExoticComponent<OdsChangeProps>;
+export declare function OdsChange(props: OdsChangeProps): JSX.Element;
 
 declare interface OdsChangeProps {
     element: element;
-    leftSectionTitle: string | '';
-    rightSectionTitle: string | '';
+    leftSectionTitle: string | "";
+    rightSectionTitle: string | "";
     onSelectedItemChangeLeft?: (selectedItems: selectedItem[] | null) => void;
     onSelectedItemChangeRight?: (selectedItems: selectedItem[] | null) => void;
 }
 
-/**
- *
- * @param props
- * checked         : boolean
- * defaultChecked  : boolean
- * indeterminate   : boolean
- * disabled        : boolean
- * onChange        : (checked: boolean) => void
- * classNames      : Semantic DOM class
- * styles          : Semantic DOM style
- * @returns  antd styled checkbox
- */
 export declare function OdsCheckbox(props: CheckboxProps): JSX.Element;
 
-export declare function OdsCheckboxGroup(props: ICheckboxGropProps): JSX.Element;
+export declare function OdsCheckboxGroup(props: CheckboxGroupProps): JSX.Element;
 
 export declare function OdsCollapse(props: CollapseProps): JSX.Element;
 
@@ -1167,73 +1059,39 @@ export declare namespace OdsCollapse {
     var Panel: default_2.ForwardRefExoticComponent<CollapsePanelProps & default_2.RefAttributes<HTMLDivElement>>;
 }
 
-export declare const OdsCurrencyInput: default_2.FC<OdsCurrencyInputProps>;
+export declare function OdsConfigProvider({ children, prefixCls, theme: customTheme }: OdsConfigProviderProps): JSX.Element;
+
+declare interface OdsConfigProviderProps {
+    children: default_2.ReactNode;
+    prefixCls?: string;
+    theme?: ThemeConfig;
+}
+
+export declare function OdsCurrencyInput({ currencySelectProps, defaultValue, locale, dontFormatValue, min, asPercentage, isOnRight, fractionDigits, ...props }: OdsCurrencyInputProps): JSX.Element;
 
 declare type OdsCurrencyInputProps = InputNumberProps & {
-    onChange?: (result: number) => void;
     locale?: string;
     dontFormatValue?: boolean;
     disableNegative?: boolean;
-    defaultValue?: number;
+    defaultValue?: string | number;
     asPercentage?: boolean;
     isOnRight?: boolean;
     fractionDigits?: number;
     currencySelectProps: CurrencySelectProps;
+    onChange?: (result: number) => void;
 };
 
-/**
- * OdsDataGrid is a customizable wrapper component for the DevExtreme DataGrid.
- * It provides additional styling, body class management, and default appearance settings.
- *
- * @param {IOdsDataGridOptions} props - The properties for configuring the OdsDataGrid component.
- * @param {React.RefObject} props.dataGridRef - A reference to the underlying DataGrid component.
- * @param {boolean} [props.compact] - Determines whether the grid should use a compact layout. Defaults to `false`.
- * @param {boolean} [props.hasSummaryButton] - Indicates if the grid includes a summary button. Defaults to `false`.
- * @param {boolean} [props.disableBodyClasses=false] - If `true`, disables the addition of body classes for styling. Defaults to `false`.
- * @param {React.ReactNode} [props.children] - The child elements to be rendered inside the DataGrid.
- * @param {object} [props...] - Additional properties passed to the underlying DataGrid component.
- *
- * @returns {JSX.Element} A styled wrapper around the DevExtreme DataGrid component.
- *
- * @remarks
- * - The `useStyles` hook is used to generate styles based on the `compact` and `hasSummaryButton` properties.
- * - The `useBodyClasses` hook manages the addition and cleanup of body classes for styling purposes.
- * - Default appearance settings are applied to the DataGrid using the `getDefaultAppearanceSettings` function.
- *
- * @example
- * ```tsx
- * import { OdsDataGrid } from './OdsDataGrid';
- *
- * const MyComponent = () => {
- *   const dataGridRef = useRef(null);
- *
- *   return (
- *     <OdsDataGrid
- *       dataGridRef={dataGridRef}
- *       compact={true}
- *       hasSummaryButton={true}
- *       disableBodyClasses={false}
- *       dataSource={myDataSource}
- *     >
- *       <Column dataField="name" />
- *       <Column dataField="age" />
- *     </OdsDataGrid>
- *   );
- * };
- * ```
- */
-export declare const OdsDataGrid: ({ dataGridRef, compact, hasSummaryButton, disableBodyClasses, dataGridBorderRadius, height, ...props }: IOdsDataGridOptions) => JSX_2.Element;
+export declare const OdsDataGrid: default_2.ForwardRefExoticComponent<IOdsDataGridOptions & default_2.RefAttributes<DataGridRef_2<unknown, unknown>>>;
 
-/**
- * @deprecated This component will be removed in a future release. Please use the new OdsDataGrid component instead.
- */
 export declare function OdsDataGridLegacy(props: any): JSX.Element;
 
-export declare const OdsDataGridMemoized: default_2.MemoExoticComponent<({ dataGridRef, compact, hasSummaryButton, disableBodyClasses, dataGridBorderRadius, height, ...props }: IOdsDataGridOptions) => JSX_2.Element>;
+export declare const OdsDataGridMemoized: default_2.NamedExoticComponent<IOdsDataGridOptions & default_2.RefAttributes<DataGridRef_2<unknown, unknown>>>;
 
 export { OdsDataGridTypes }
 
-export declare const OdsDatepicker: (props: DatePickerProps) => JSX.Element;
+export declare const OdsDataGridV2: default_2.ForwardRefExoticComponent<IOdsDataGridV2Options & default_2.RefAttributes<DataGridRef_2<unknown, unknown>>>;
+
+export declare function OdsDatepicker(props: DatePickerProps): JSX.Element;
 
 export declare function OdsDateRangePicker(props: RangePickerProps): JSX.Element;
 
@@ -1255,56 +1113,44 @@ export declare const OdsFilterTagView: ({ preparedFilterTextViewJson }: {
     preparedFilterTextViewJson: any;
 }) => JSX.Element;
 
-export declare function odsGlobalStyles({ theme }: {
-    theme: any;
-}): SerializedStyles;
-
 export declare function OdsImage(props: ImageProps): JSX.Element;
 
-/**
- * OdsInlineEditDataGrid component.
- * @param {IInlineEditDataGridProps} props - The component props.
- * @returns {React.FC} - The rendered component.
- */
 export declare const OdsInlineEditDataGrid: default_2.FC<IInlineEditDataGridProps>;
 
-export declare function OdsInput(props?: InputProps): JSX.Element;
+export declare function OdsInput(props: InputProps): JSX.Element;
 
-export declare function OdsInputNumber(props: InputNumberProps): JSX.Element;
+export declare function OdsInputNumber(props: InputNumberProps_2): JSX.Element;
 
-export declare const OdsLink: default_2.FC<StyledOdsLinkProps>;
+export declare function OdsLink(props: LinkProps): JSX.Element;
 
-export declare const OdsList: (props: IListProps) => JSX.Element;
+export declare function OdsList(props: ListProps<any>): JSX.Element;
 
 export declare const OdsMergeCellDataGrid: default_2.ForwardRefExoticComponent<IOdsDataGridProps_2 & default_2.RefAttributes<unknown>>;
 
-export declare function OdsModal(props: ICustomModalProps): JSX.Element;
+export declare function OdsModal(props: ModalProps): JSX.Element;
 
-export declare const OdsMultiSelect: (props: OdsMultiSelectProps) => JSX.Element;
+export declare const OdsNotification: (props: OdsNotificationProps) => any;
 
-declare interface OdsMultiSelectProps extends SelectProps {
-    selectAllEnabled: boolean;
-    selectAllText?: string | undefined;
-    closeButtonText?: string | undefined;
+declare interface OdsNotificationProps extends ArgsProps {
+    title?: string;
+    content?: string;
 }
 
-export declare const OdsNotification: (props: any) => any;
-
-export declare const OdsParagraph: (props: StyledOdsParagraphProps) => JSX.Element;
+export declare function OdsParagraph(props: ParagraphProps): JSX.Element;
 
 export declare function OdsPassword(props?: PasswordProps): JSX.Element;
 
-export declare function OdsPhoneInput(props?: any): JSX.Element;
-
-export declare function OdsProgress(props: OdsProgressProps): JSX.Element;
+export declare function OdsPhoneInput(props: OdsPhoneInputProps): JSX.Element;
 
-declare interface OdsProgressProps {
-    percent: number;
-    status?: 'active' | 'exception' | 'normal';
-    showInfo?: boolean;
+declare interface OdsPhoneInputProps extends PhoneInputProps {
+    enableSearchField?: boolean;
+    required?: boolean;
+    inputProps?: any;
 }
 
-export declare function OdsRadio(props: IRadioProps): JSX.Element;
+export declare function OdsProgress(props: ProgressProps): JSX.Element;
+
+export declare function OdsRadio(props: RadioProps): JSX.Element;
 
 export declare function OdsRadioGroup(props: RadioGroupProps): JSX.Element;
 
@@ -1318,33 +1164,37 @@ export declare function OdsRate(props: RateProps): JSX.Element;
 
 export declare const OdsRemoteDataGrid: (props: IOdsDataGridProps_3) => JSX.Element;
 
-export declare function OdsSearch(props?: SearchProps): JSX.Element;
+export declare function OdsSearch(props: SearchProps): JSX.Element;
 
 export declare function OdsSelect(props: SelectProps): JSX.Element;
 
-export declare function OdsSelectableTable(props: TableProps<any>): JSX.Element;
-
 export declare const OdsServerSideDatagrid: (props: IVirtualDataGridProps) => JSX.Element;
 
 export declare function OdsSpin(props: SpinProps): JSX.Element;
 
-export declare function OdsSwitch(props?: SwitchProps): JSX.Element;
+export declare function OdsSwitch(props: SwitchProps): JSX.Element;
 
 export declare function OdsTab(props: TabsProps): JSX.Element;
 
+export declare function OdsTable<RecordType>(props: TableProps<RecordType>): JSX.Element;
+
 export declare function OdsTag(props: TagProps): JSX.Element;
 
-export declare function OdsText(props?: any): JSX.Element;
+export declare function OdsText(props: TextProps): JSX.Element;
 
-export declare function OdsTextArea(props?: TextAreaProps): JSX.Element;
+export declare function OdsTextArea(props: TextAreaProps): JSX.Element;
 
 export declare function OdsTimeline(props: TimelineProps): JSX.Element;
 
 export declare const OdsTimelineTable: default_2.ForwardRefExoticComponent<IOdsTimelineTableProps & default_2.RefAttributes<unknown>>;
 
-export declare const OdsTimepicker: (props: TimePickerProps) => JSX.Element;
+export declare function OdsTimepicker(props: OdsTimepickerProps): JSX.Element;
 
-export declare function OdsTitle(props?: ITypographyProps): JSX.Element;
+declare interface OdsTimepickerProps extends TimePickerProps {
+    enableSeconds?: boolean;
+}
+
+export declare function OdsTitle(props: TitleProps): JSX.Element;
 
 export declare const OdsTransfer: default_2.FC<OdsTransferProps>;
 
@@ -1407,8 +1257,6 @@ declare interface OdsTransferProps_2<T = any> {
 
 export declare const OdsTransferV2: FC<OdsTransferProps_2>;
 
-export declare const OdsTreeListMenu: default_2.FC<TreeProps>;
-
 export declare function OdsTreeSelect(props: TreeSelectProps): JSX.Element;
 
 declare interface RecordType {
@@ -1418,7 +1266,7 @@ declare interface RecordType {
 
 declare interface selectedItem {
     key: string;
-    type: 'select' | 'switch' | 'input';
+    type: "select" | "switch" | "input";
     selectedItem: RecordType;
 }
 
@@ -1426,18 +1274,6 @@ declare type SortingProcessType = "ClientSideSorting" | "ServerSideSorting";
 
 declare type SortingType = "ASC" | "DESC";
 
-declare interface StyledOdsLinkProps extends default_2.ComponentProps<typeof StyledtTypographyLink> {
-    children?: default_2.ReactNode;
-}
-
-declare interface StyledOdsParagraphProps extends default_2.ComponentProps<typeof StyledtTypographyParagraph> {
-    children?: default_2.ReactNode;
-}
-
-declare const StyledtTypographyLink: StyledComponent<ForwardRefExoticComponent<LinkProps & RefAttributes<HTMLElement>>, any, {}, never>;
-
-declare const StyledtTypographyParagraph: StyledComponent<ForwardRefExoticComponent<ParagraphProps & RefAttributes<HTMLElement>>, any, {}, never>;
-
 declare interface SummaryRowOptions {
     summaryLoadedDataLabel?: string;
     summaryTotalDataLabel?: string;
@@ -1451,80 +1287,18 @@ declare interface SummaryRowOptions {
     summaryCountLabel?: string;
 }
 
-declare interface TreeNodeWithChecked extends DataNode {
-    checked?: boolean;
-}
+export declare const useBodyClass: (className: string | string[], enabled?: boolean) => void;
 
-declare interface TreeProps {
-    treeData: TreeNodeWithChecked[];
-    leftSectionTitle: string;
-    rightSectionTitle: string;
-    searchDisabled: boolean;
-    searchMode: "left" | "right" | "both";
-    searchPlaceholder: string;
-    clearText: string;
-    onSelectedNodesChanges: (selectedNodes: TreeNodeWithChecked[]) => void;
-}
-
-/**
- * A custom React hook that manages CSS classes on the `<body>` element dynamically.
- * This hook allows adding, removing, or toggling classes on the `<body>` element
- * based on the provided configuration. It also supports cleanup strategies to
- * manage the lifecycle of the applied classes.
- *
- * @param {UseBodyClassesOptions} options - The configuration options for managing body classes.
- * @param {Record<string, boolean | 'add' | 'remove' | 'toggle'>} options.classes -
- *   An object where keys are class names and values determine the action to perform:
- *   - `true` or `'add'`: Adds the class to the `<body>`.
- *   - `'remove'`: Removes the class from the `<body>`.
- *   - `'toggle'`: Toggles the class on the `<body>` (adds if not present, removes if present).
- * @param {boolean} [options.enabled=true] - A flag to enable or disable the hook's functionality.
- *   When `false`, no classes will be added or removed.
- * @param {'self' | 'all' | 'none'} [options.cleanupStrategy='self'] - Determines how to clean up
- *   classes when the component unmounts or when the `classes` object changes:
- *   - `'self'`: Removes only the classes added by this hook.
- *   - `'all'`: Removes all classes managed by this hook, including those from previous renders.
- *   - `'none'`: Does not remove any classes on cleanup.
- *
- * @returns {void} This hook does not return any value.
- *
- * @example
- * // Example usage of the `useBodyClasses` hook:
- * useBodyClasses({
- *   classes: {
- *     'dark-mode': true,
- *     'sidebar-open': 'toggle',
- *     'no-scroll': 'remove',
- *   },
- *   enabled: true,
- *   cleanupStrategy: 'self',
- * });
- *
- * @remarks
- * - This hook is safe to use in environments where `document` is undefined (e.g., during SSR).
- * - The `classes` object can dynamically change, and the hook will update the `<body>` classes accordingly.
- * - Ensure that class names provided in the `classes` object are valid CSS class names.
- */
-declare const useBodyClasses: ({ classes, enabled, cleanupStrategy, }: UseBodyClassesOptions) => void;
+declare const useBodyClasses: ({ classes, enabled, cleanupOnUnmount, }: UseBodyClassesOptions) => void;
 export { useBodyClasses }
 export { useBodyClasses as useOdsBodyClasses }
 
 declare interface UseBodyClassesOptions {
     classes: Record<string, ClassAction | boolean>;
     enabled?: boolean;
-    cleanupStrategy?: "all" | "self" | "none";
+    cleanupOnUnmount?: boolean;
 }
 
-export declare const useOdsDataGridStyles: (props?: {
-    compact?: boolean;
-    hasSummaryButton?: boolean;
-    dataGridBorderRadius?: number | string;
-    height?: string | number | (() => number | string);
-}) => ReturnStyles<    {
-gridWrapper: string;
-grid: string;
-}>;
-
 
 export * from "devextreme-react/data-grid";