ods-component-lib 1.18.164 → 1.18.166

package/dist/components/antd/form/OdsBasicForm.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { FormProps, ButtonProps } from 'antd';
+export interface IFormItemRuleProps {
+    required?: boolean;
+    message?: string;
+}
+export interface IFormItemProps {
+    label?: string;
+    name?: string;
+    formItemType: string;
+    rules?: IFormItemRuleProps[];
+}
+export interface IFormProps extends FormProps {
+    formItems: IFormItemProps[];
+    formButtons: ButtonProps[];
+}
+declare function OdsBasicForm(props: IFormProps): React.JSX.Element;
+export default OdsBasicForm;

package/dist/components/antd/icon/OdsIcon.d.ts

@@ -0,0 +1,10 @@
+import { IconBaseProps } from "@ant-design/icons/lib/components/Icon";
+import React from "react";
+export interface IconProps extends IconBaseProps {
+    type: string;
+    twoToneColor?: string;
+    iconComponent?: string;
+    iconSVCName?: string;
+}
+declare function OdsIcon(props: IconProps): React.JSX.Element;
+export default OdsIcon;

package/dist/components/antd/select/OdsCustomMultiSelect.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { SelectProps } from "antd";
+export interface ISelectProps extends SelectProps {
+    buttonLabel: string;
+}
+declare function OdsCustomMultiSelect(props: ISelectProps): React.JSX.Element;
+export default OdsCustomMultiSelect;

package/dist/components/antd/select/OdsMultiSelect.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { SelectProps } from "antd";
+import { IOdsSelectOption } from "./OdsSelect.styled";
+export interface OdsMultiSelectProps extends SelectProps {
+    selectAllText?: string | undefined;
+    dataSource: IOdsSelectOption[];
+}
+declare const OdsMultiSelect: (props: OdsMultiSelectProps) => React.JSX.Element;
+export default OdsMultiSelect;

package/dist/components/antd/slider/OdsSlider.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import { SliderSingleProps } from 'antd/es/slider';
-interface OdsSliderDeneme extends SliderSingleProps {
+interface OdsSliderProps extends SliderSingleProps {
     decimaInput?: boolean;
     spanSizeOfBar?: number;
     spanSizeOfInput?: number;
 }
-export declare function OdsSlider(props: OdsSliderDeneme): React.JSX.Element;
+export declare function OdsSlider(props: OdsSliderProps): React.JSX.Element;
 export default OdsSlider;

package/dist/components/antd/slider/OdsTwoHandleSlider.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { SliderRangeProps } from 'antd/es/slider';
+interface OdsSliderProps extends SliderRangeProps {
+    spanSizeOfBar?: number;
+    spanSizeOfInput?: number;
+    twoHandleInput?: boolean;
+}
+export declare function OdsTwoHandleSlider(props: OdsSliderProps): React.JSX.Element;
+export default OdsTwoHandleSlider;

package/dist/components/antd/timeline/OdsTimeline.d.ts

@@ -1,4 +1,4 @@
-import { TimelineProps } from "antd";
-import React from "react";
+import React from 'react';
+import { TimelineProps } from 'antd';
 declare function OdsTimeline(props: TimelineProps): React.JSX.Element;
 export default OdsTimeline;

package/dist/components/custom/OdsLogin.d.ts

@@ -0,0 +1,8 @@
+import { FormProps } from "antd";
+import React from "react";
+export interface IFormProps extends FormProps {
+    items: any[];
+    loading: boolean;
+}
+declare function OdsLogin(props: IFormProps): React.JSX.Element;
+export default OdsLogin;

package/dist/components/devextreme/DxDataPopupForm.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const _default: React.MemoExoticComponent<(props: any) => React.JSX.Element>;
+export default _default;

package/dist/components/devextreme/DynamicIcon.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const DynamicIcon: ({ iconName }: {
+    iconName: any;
+}) => React.JSX.Element;
+export default DynamicIcon;

package/dist/components/devextreme/OdsDataGridNew.d.ts

@@ -0,0 +1,56 @@
+import React from "react";
+import { IDataGridOptions, IEditingProps, ISelectionProps, IButtonProps } from 'devextreme-react/data-grid';
+import { ButtonType } from "antd/es/button/buttonHelpers";
+interface IButtonGroup extends IButtonProps {
+    type?: ButtonType;
+    label?: string;
+    onclick?: React.MouseEventHandler<HTMLElement>;
+    actionPermission?: boolean;
+}
+interface IEditingoptions extends IEditingProps {
+    formItems?: any[];
+    title?: string;
+}
+interface ISelectOptions extends ISelectionProps {
+    selectEnable: boolean;
+}
+interface IOdsDataGridProps extends IDataGridOptions {
+    actionButtonGroup?: IButtonGroup[];
+    toolbarButtonGroup?: IButtonGroup[];
+    exportFileName?: string;
+    summaryTotalColumnName?: string;
+    storeState?: boolean;
+    summaryTotalDataCount?: number;
+    summaryTotalDataDisplayLabel?: string;
+    summaryTotalPagesize?: number;
+    editHintLabel?: string;
+    editButtonClick?: any;
+    deleteButtonClick?: any;
+    pageTitle?: string;
+    pageSize?: number;
+    pagingEnable?: boolean;
+    searchEnable?: boolean;
+    filterEnable?: boolean;
+    headerFilterEnable?: boolean;
+    columnChooserPositionDisabled?: boolean;
+    editEnable?: boolean;
+    popupTitle?: string;
+    scroll?: any;
+    exportEnable?: boolean;
+    customPopup?: boolean;
+    onExportingCustom?: any;
+    filterEnabledShow?: boolean;
+    scrolUseNative?: boolean;
+    formItems?: any[];
+    hintForDeleteButton?: string;
+    hintForEditButton?: string;
+    exportFormats?: string[];
+    actionPermission?: boolean;
+    columns: any[];
+    actionColumnEnable?: boolean;
+    edit?: IEditingoptions;
+    selectOptions?: ISelectOptions;
+    actionColumnCaption?: string;
+}
+declare function OdsDataGridNew(props: IOdsDataGridProps): React.JSX.Element;
+export default OdsDataGridNew;

package/dist/components/devextreme/OdsInlineEditDataGrid/handlers/ContentHandlers.d.ts

@@ -0,0 +1,14 @@
+import { ContentReadyEvent } from "devextreme/ui/data_grid";
+import { IColumnConfig } from "../types";
+/**
+ * Custom hook to handle content ready events for the data grid.
+ * @param {React.MutableRefObject<any>} lastPageIndexRef - Reference to the last page index.
+ * @param {boolean} contentReady - Boolean indicating if the content is ready.
+ * @param {Function} setRowCount - Function to set the row count state
+ * @param {Function} setContentReady - Function to set the content ready state.
+ * @param {Function} setCurrentPage - Function to set the current page state.
+ * @param {Function} setCurrentPageSize - Function to set the current page size state.
+ * @param {Function} [callback] - Optional callback function.
+ * @returns {(e: ContentReadyEvent<any, any>) => void} handleContentReady - Handler for content ready event.
+ */
+export declare const useContentHandlers: (lastPageIndexRef: React.MutableRefObject<any>, contentReady: boolean, columns: IColumnConfig[], setRowCount: Function, setContentReady: Function, setCurrentPage: Function, setCurrentPageSize: Function, setHeaderFilterData: Function, callback?: Function) => (e: ContentReadyEvent<any, any>) => void;

package/dist/components/devextreme/OdsInlineEditDataGrid/handlers/EditorPreparedHandlers.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Custom hook that returns a callback function to handle the "editorPrepared" event of a DevExtreme component.
+ * This callback function is responsible for customizing the editor's behavior based on specific conditions.
+ *
+ * @returns {Function} The callback function to handle the "editorPrepared" event.
+ */
+export declare const useEditorPreparedHandlers: () => (e: any) => void;

package/dist/components/devextreme/OdsInlineEditDataGrid/handlers/OnExportingHandlers.d.ts

@@ -0,0 +1,19 @@
+interface IOnExportingProps {
+    gridComponent: any;
+    baseFileName?: string;
+    selectedText?: string;
+    getSummary: () => string;
+    selectedRowsOnly: boolean;
+}
+/**
+ * Handles the exporting of data from the grid component.
+ *
+ * @param {IOnExportingProps} params - The parameters for exporting the data.
+ * @param {React.RefObject<Grid>} params.gridComponent - The reference to the grid component.
+ * @param {string} params.baseFileName - The base file name for the exported file.
+ * @param {string} params.selectedText - The text to be displayed for selected rows.
+ * @param {Function} params.getSummary - The function to get the summary of the exported data.
+ * @param {boolean} params.selectedRowsOnly - Indicates whether to export only selected rows.
+ */
+export declare const onExporting: ({ gridComponent, baseFileName, selectedText, getSummary, selectedRowsOnly, }: IOnExportingProps) => void;
+export {};

package/dist/components/devextreme/OdsInlineEditDataGrid/handlers/OptionHandlers.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Custom hook to handle option change events for the data grid.
+ * @param {Object} dataGridRef - The dataGridRef property passed to the hook.
+ * @param {Function} setFilterApplied - Function to set the filter applied state.
+ * @returns {Function} - Handler function for option changed event.
+ */
+export declare const useOptionHandlers: (dataGridRef: any, setFilterApplied: any) => (e: any) => void;

package/dist/components/devextreme/OdsInlineEditDataGrid/handlers/SummaryHandlers.d.ts

@@ -0,0 +1,21 @@
+import type { ISummaryRowOptions } from "../types";
+interface IUseSummaryHandlersProps {
+    customSummary?: ISummaryRowOptions;
+    totalRecordCount: number;
+    currentPageSize: number;
+    currentPage: number;
+    filterApplied: boolean;
+    rowCount: number;
+    filteredRowCount: number;
+    isServerSide?: boolean;
+}
+/**
+ * Custom hook that provides summary handlers for a data grid.
+ *
+ * @param {IUseSummaryHandlersProps} props - The props object containing necessary parameters.
+ * @returns {Object} - An object containing the renderTotal function.
+ */
+export declare const useSummaryHandlers: ({ customSummary, totalRecordCount, currentPageSize, currentPage, filterApplied, rowCount, filteredRowCount, }: IUseSummaryHandlersProps) => {
+    renderTotal: () => string | null;
+};
+export {};

package/dist/components/devextreme/OdsInlineEditDataGrid/partials/ActionCellRender.d.ts

@@ -0,0 +1,15 @@
+import { FC } from "react";
+import { IVirtualDataGridProps } from "../types";
+interface ActionCellRenderProps {
+    cellData: any;
+    actionButtons: IVirtualDataGridProps["actionButtonGroup"];
+    edit?: IVirtualDataGridProps["edit"];
+    actionButtonGroup?: IVirtualDataGridProps["actionButtonGroup"];
+}
+/**
+ * Renders the action buttons for a cell in the OdsInlineEditDataGrid component.
+ * @param {ActionCellRenderProps} props - The props for the ActionCellRender component.
+ * @returns {ReactNode} - The rendered action buttons.
+ */
+declare const ActionCellRender: FC<ActionCellRenderProps>;
+export default ActionCellRender;

package/dist/components/devextreme/OdsInlineEditDataGrid/partials/EditingPartial.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { IEditingOptions } from "../types";
+/**
+ * Component that handles editing functionalities within the data grid.
+ * @param {IEditingOptions} props - The properties passed to the component.
+ * @returns {JSX.Element} - The JSX element representing the editing handlers.
+ */
+declare const EditingPartial: React.FC<IEditingOptions>;
+export default EditingPartial;

package/dist/components/devextreme/OdsInlineEditDataGrid/partials/PageTitle.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { IToolbarButton } from "../types";
+interface PageTitleAndToolbarProps {
+    pageTitle?: string;
+    toolbarButtonGroup?: IToolbarButton[];
+}
+declare const MemoizedPageTitleAndToolbar: React.NamedExoticComponent<PageTitleAndToolbarProps>;
+export default MemoizedPageTitleAndToolbar;

package/dist/components/devextreme/OdsInlineEditDataGrid/utils.d.ts

@@ -0,0 +1,19 @@
+interface IConcatFilteredLabelProps {
+    result: string;
+    totalLoaded: number;
+    filteredRowCount: number;
+    filterApplied: boolean;
+    summaryFilteredDataLabel: string;
+}
+/**
+ * Concatenates the filtered label with the result string.
+ *
+ * @param {IConcatFilteredLabelProps} props - The object containing the necessary properties.
+ * @returns {string} - The concatenated result string.
+ */
+export declare const concatFilteredLabel: ({ result, totalLoaded, filteredRowCount, filterApplied, summaryFilteredDataLabel, }: IConcatFilteredLabelProps) => string;
+export {};
+/**
+ * This file contains utility functions related to the OdsInlineEditDataGrid component.
+ * These utility functions are used for handling filtering and data manipulation.
+ */

package/dist/components/devextreme/OdsMasterDetailDataGrid/OdsMasterDetailDataGrid.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { IMasterDetailGridProps } from "./types";
+declare const MasterDetailDataGrid: React.FC<IMasterDetailGridProps>;
+export default MasterDetailDataGrid;

package/dist/components/devextreme/OdsMasterDetailDataGrid/handlers/OnActionButtons.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Custom React hook that determines which action buttons to display based on the edit state and the number of buttons.
+ * It limits the number of visible action buttons to the first two if there are more than three and editing is not active.
+ *
+ * @param {Array} actionButtonGroup - Array of all action button configurations.
+ * @param {boolean|Object} edit - Indicates if the edit mode is active, which may affect the visibility of action buttons.
+ * @returns {Array} A subset of action buttons based on the provided conditions.
+ */
+export declare function useActionButtons(actionButtonGroup: any, edit: any): any;

package/dist/components/devextreme/OdsMasterDetailDataGrid/handlers/OnActionCellRenderHandler.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { IActionButtonsTooltipType, IButtonGrouOptions, IEditingOptions } from "../types";
+/**
+ * Custom hook that returns a callback function for rendering action buttons in a cell.
+ * @param visibleActionButtons - An array of options for visible action buttons.
+ * @param actionButtonGroup - An array of options for action buttons.
+ * @param edit - An object containing editing options.
+ * @param tooltipType - The type of tooltip to display.
+ * @returns The onActionCellRender callback function.
+ */
+export declare const useOnActionCellRenderHandler: (visibleActionButtons: IButtonGrouOptions[] | undefined, actionButtonGroup: IButtonGrouOptions[] | undefined, edit?: IEditingOptions | undefined, actionButtonsTooltipType?: IActionButtonsTooltipType | undefined) => (cellData: any | undefined) => React.JSX.Element;

package/dist/components/devextreme/OdsMasterDetailDataGrid/handlers/OnExportingHandler.d.ts

@@ -0,0 +1,10 @@
+import { IExportOptions } from "../types";
+/**
+ * Handles the exporting of data from the grid component.
+ *
+ * @param {IExportOptions} exportProps - The export options for the data grid.
+ * @param {Function} callback - The callback function to be executed after exporting.
+ * @param {() => string} getSummary - The callback function to get the summary info.
+ * @returns {Function} - The onExporting event handler function.
+ */
+export declare const useOnExportingHandler: (exportProps: IExportOptions, getSummary: () => string, callback?: Function) => (e: any) => void;

package/dist/components/devextreme/OdsMasterDetailDataGrid/types.d.ts

@@ -0,0 +1,91 @@
+/// <reference types="react" />
+import { IButtonProps, IColumnProps, IEditingProps, IExportProps, IScrollingProps, ISummaryProps } from "devextreme-react/data-grid";
+import { ButtonType } from "devextreme/common";
+export interface IColumnOptions extends Omit<IColumnProps, "cellRender" | "calculateFilterExpression" | "format"> {
+    cellRender?: (data: any) => JSX.Element | string;
+    calculateFilterExpression?: (value: any, operation: string, target: string) => any;
+    format?: string | object;
+    allowFiltering?: boolean;
+}
+export interface IActionButton {
+    icon: JSX.Element;
+    visible: boolean;
+    disabled: boolean;
+    hint: string;
+    onClick?: () => void;
+}
+export interface IMasterDetailOptions {
+    enabled?: boolean;
+    component?: (row: any) => JSX.Element;
+    autoExpandAll?: boolean;
+}
+export interface IMasterDetailFeatures {
+    allowActions?: boolean;
+    createFilter?: boolean;
+    showCheckbox?: boolean;
+    exportEnabled?: boolean;
+    toolbarItems?: React.ReactNode[];
+    dynamicHeight?: boolean;
+    columnChooser?: boolean;
+    maxHeight?: number;
+    detailData?: any[];
+    exportProps?: IExportOptions;
+    actionColumnEnable?: boolean;
+    detailGridColumns?: IColumnOptions[];
+    pageSize?: number;
+    showSearchPanel?: boolean;
+    masterActionButtonGroup?: IActionButton[];
+    detailToolbar?: (e: any) => void;
+}
+export interface IMasterDetailDatas {
+    detailData?: any;
+    detailGridColumns?: IColumnOptions[];
+}
+export interface IMasterDetailGridProps {
+    columns?: IColumnOptions[];
+    dataSource: any[];
+    masterDetailFeatures?: IMasterDetailFeatures;
+    masterDetailData?: IMasterDetailDatas;
+}
+export interface IButtonGrouOptions extends Omit<IButtonProps, "name"> {
+    name?: "cancel" | "delete" | "edit" | "save" | "undelete" | "unmap";
+    type?: ButtonType;
+    label?: string;
+    onclick?: React.MouseEventHandler<HTMLElement>;
+    actionPermission?: boolean;
+    icon: any;
+}
+export interface IScrollingOptions extends Partial<IScrollingProps> {
+}
+export declare type IActionButtonsTooltipType = "raw" | "styled";
+export interface ISummaryRowOptions {
+    summaryLoadedDataLabel?: string;
+    summaryTotalDataLabel?: string;
+    summaryFilteredDataLabel?: string;
+    summaryItems?: ISummaryProps[];
+    summaryTotalCount?: number;
+    summaryTotalPageCountLabel?: string;
+    showSumInSummary?: boolean;
+    showAvgInSummary?: boolean;
+    showCountInSummary?: boolean;
+    showMaxInSummary?: boolean;
+    showMinInSummary?: boolean;
+    summarySumLabel?: string;
+    summaryAvgLabel?: string;
+    summaryMinLabel?: string;
+    summaryMaxLabel?: string;
+    summaryCountLabel?: string;
+}
+export interface IEditingOptions extends Omit<IEditingProps, "mode"> {
+    mode?: "row" | "cell" | "batch";
+    formItems?: any[];
+    title?: string;
+}
+export interface IExportOptions extends Partial<IExportProps> {
+    enabled: boolean;
+    allowExportSelectedData?: boolean;
+    fileName?: string;
+    selectedText?: string;
+    activeText?: string;
+    passiveText?: string;
+}

package/dist/components/devextreme/OdsProfDataGrid.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare function OdsProfDataGrid(props: any): React.JSX.Element;
+export default OdsProfDataGrid;

package/dist/components/devextreme/OdsServerSideTransfer.d.ts

@@ -0,0 +1,56 @@
+import React from "react";
+import 'devextreme/dist/css/dx.light.css';
+import './styles.css';
+export interface Column {
+    title: string;
+    dataIndex: string;
+    key?: string;
+    caption?: string;
+    tooltip?: {
+        enable: boolean;
+    };
+}
+interface IAxiosProps {
+    token: string;
+    requestData?: any;
+    apiUrl: string;
+    environmentUrl: string;
+    requestQueryString?: any;
+    requestType: string;
+}
+interface ISummaryRowOptions {
+    summaryLoadedDataLabel?: string;
+    summaryTotalDataLabel?: string;
+    summaryFilteredDataLabel?: string;
+    summaryTotalCount?: number;
+    summaryTotalPageCountLabel?: string;
+    summarySumLabel?: string;
+    summaryAvgLabel?: string;
+    summaryMinLabel?: string;
+    summaryMaxLabel?: string;
+    summaryCountLabel?: string;
+}
+interface OdsTransferProps<RecordType = any> {
+    dataSource?: RecordType[];
+    language: string;
+    pagingEnable?: boolean;
+    queryPageSize?: number;
+    pageSize?: number;
+    isServerSide: boolean;
+    axiosRequest?: IAxiosProps;
+    customSummary?: ISummaryRowOptions;
+    dataGridPageName?: string;
+    columns: any[];
+    pageTitle?: string;
+    keyExpr: string;
+    noDataText: string;
+    defaultPageSize: number;
+    targetItems?: any[];
+    noContentMainText: string;
+    noContentSubText: string;
+    onTargetChange?: (selectedItems: RecordType[]) => void;
+}
+export declare const getRequestHeaders: (props: any) => Headers;
+export declare const concatFilteredLabel: (result: string, totalloaded: number, filteredRowCount: number, filterApplied: boolean, props: any) => string;
+declare const OdsServerSideTransfer: React.FC<OdsTransferProps>;
+export default OdsServerSideTransfer;

package/dist/components/devextreme/dataGridHandlers/OnToolbarButtonHandler.d.ts

@@ -0,0 +1,7 @@
+interface IOnToolbarPreparingOptions {
+    pageTitle?: string;
+    toolbarButtonGroup?: any[];
+    callback?: (e: any) => void;
+}
+export declare const useOnToolbarButtonHandler: ({ pageTitle, toolbarButtonGroup, callback }: IOnToolbarPreparingOptions) => (e: any) => void;
+export {};

package/dist/components/devextreme/dataGridStyle.d.ts

@@ -0,0 +1,3 @@
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    toolbarGrid: import("antd-style").SerializedStyles;
+}>;

package/dist/components/devextreme/treeview/DxTreeView.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const DxTreeView: (props: any) => React.JSX.Element;
+export default DxTreeView;

package/dist/index.css

@@ -169,6 +169,59 @@ tr._2CvVM._3Xrp3._19iuB._3udtX {
 
 ._vOHiU {
     justify-content: center;
+}
+
+._2o0Iw {
+    display: none !important;
+}
+
+._AqJeI {
+    border-radius: 16px !important;
+    background-color: white !important;
+}
+
+._vOHiU {
+    justify-content: center;
+}
+
+
+/*ServerSide Transfer*/
+._2n8bC {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+._3eNgs {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+}
+
+._1t0-Z {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    margin: 0 20px;
+}
+
+._1t0-Z ._3ZRJ5 {
+    margin: 10px 0;
+}
+
+._3Ebn4 {
+    background-color: #f0f0f0;
+    color: #a0a0a0;
+    pointer-events: none;
+}
+
+._4kg4r ._1LVm1 {
+    background-color: #f0f0f0;
+}
+
+._2eCOe {
+    pointer-events: none;
+    background-color: #f0f0f0;
 }
 ._3n8UJ {
   background-color: lightgreen;

package/dist/index.d.ts

@@ -54,6 +54,7 @@ import OdsBasicDataGrid from "./components/devextreme/OdsBasicDataGrid/OdsBasicD
 import OdsTransfer from "./components/devextreme/OdsTransfer";
 import OdsServerSideDatagrid from "./components/devextreme/OdsServerSideDatagrid/OdsServerSideDatagrid";
 import OdsInlineEditDataGrid from "./components/devextreme/OdsInlineEditDataGrid/OdsInlineEditDataGrid";
+import OdsMasterDetailDataGrid from "./components/devextreme/OdsMasterDetailDataGrid/OdsMasterDetailDataGrid";
 export { OdsButton };
 export { OdsInput };
 export { OdsDropdownButton };
@@ -89,6 +90,7 @@ export { OdsTimeline };
 export { OdsRangeTimepicker };
 export { OdsInputNumber };
 export { OdsPhoneInput };
+export { OdsMasterDetailDataGrid };
 export { OdsText };
 export { OdsTitle };
 export { OdsParagraph };