ods-component-lib 1.18.50 → 1.18.52

package/dist/components/antd/datepicker/OdsDateRangepicker.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { RangePickerProps } from 'antd/es/date-picker';
-declare const OdsDateRangePicker: (props: RangePickerProps) => React.JSX.Element;
+declare function OdsDateRangePicker(props: RangePickerProps): React.JSX.Element;
 export default OdsDateRangePicker;

package/dist/components/antd/image/OdsImage.d.ts

@@ -1,7 +1,4 @@
 import { ImageProps } from "antd";
 import React from "react";
-export interface IImageProps extends ImageProps {
-    images?: any[];
-}
-declare function OdsImage(props: IImageProps): React.JSX.Element;
+declare function OdsImage(props: ImageProps): React.JSX.Element;
 export default OdsImage;

package/dist/components/antd/image/OdsImagePreviewGroup.d.ts

@@ -1,3 +1,7 @@
+import { ImageProps } from "antd";
 import React from "react";
-declare function OdsImagePreviewGroup(): React.JSX.Element;
+export interface IImageProps extends ImageProps {
+    imagesrcs?: string[];
+}
+declare const OdsImagePreviewGroup: (props: any) => React.JSX.Element;
 export default OdsImagePreviewGroup;

package/dist/components/antd/modal/OdsAdvanceModal.d.ts

@@ -0,0 +1,7 @@
+import { ModalProps } from "antd";
+import React from "react";
+interface ICustomModalProps extends ModalProps {
+    content: React.ReactNode;
+}
+declare const OdsAdvanceModal: React.FC<ICustomModalProps>;
+export default OdsAdvanceModal;

package/dist/components/antd/typography/OdsTitle.d.ts

@@ -1,3 +1,7 @@
 import React from 'react';
-declare function OdsTitle(props?: any): React.JSX.Element;
+import { TypographyProps } from 'antd/es/typography/Typography';
+export interface ITypographyProps extends TypographyProps<any> {
+    level?: 1 | 2 | 3 | 4 | 5;
+}
+declare function OdsTitle(props?: ITypographyProps): React.JSX.Element;
 export default OdsTitle;

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

@@ -22,6 +22,7 @@ export interface IOdsDataGridProps extends IDataGridOptions {
     axiosRequest?: IAxiosProps;
     customSummary?: ISummaryRowOptions;
     handleEditorPreparing?: any;
+    isFilterRow?: boolean;
 }
 interface ISummaryRowOptions {
     summaryLoadedDataLabel?: string;

package/dist/components/devextreme/OdsTimeline/OdsTimeline.Constants.d.ts

@@ -0,0 +1,4 @@
+export declare const Constants: {
+    timelineDefaultStartDate: Date;
+    timelineDefaultEndDate: Date;
+};

package/dist/components/devextreme/OdsTimeline/OdsTimeline.Functions.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export declare const checkboxCellComponent: (props: any) => React.JSX.Element;
+export declare const statusCellComponent: (props: any) => React.JSX.Element;
+export declare const minimalHeaderCellComponent: (data: any, __el: any) => React.JSX.Element;
+export declare const mapCustomTask: (item: any) => any;
+export declare const setSelectedKeys: (datasource: any[], key?: string, selectedKeys?: number[] | string[]) => any[];

package/dist/components/devextreme/OdsTimeline/OdsTimeline.Types.d.ts

@@ -0,0 +1,77 @@
+/// <reference types="react" />
+import { IColumnProps, IGanttOptions, IItemProps } from "devextreme-react/gantt";
+export interface IMenuLinkItem {
+    text: string;
+    url: string;
+    queryParamNames?: string[];
+}
+export interface ICustomSelectionChange {
+    data: any;
+    isSelected: boolean;
+}
+export interface IDateRangeChange {
+    startDate: Date;
+    endDate: Date;
+}
+export interface IStatusColumnChange {
+    data: any;
+    status: boolean;
+    dataField: string;
+}
+export interface ICheckboxColumnChange {
+    data: any;
+    isChecked: boolean;
+    dataField: string;
+}
+export interface IOdsTimelineProps extends React.PropsWithChildren<IGanttOptions> {
+    /**
+     * Set columns for listview.
+     */
+    customColumns?: IOdsTimelineColumnProps[];
+    /**
+     * 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[] | number[];
+    /**
+     * Set true if you want multi selection in list view.
+     */
+    multiSelectionEnabled?: boolean;
+    /**
+     * 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;
+}
+export interface IOdsTimelineColumnProps extends IColumnProps {
+    isMinimized?: boolean;
+    isStatusColumn?: boolean;
+    isCheckboxColumn?: boolean;
+}
+export interface IOdsTimelineStatusColumnProps extends IOdsTimelineColumnProps {
+    onStatusColumnChange(e: IStatusColumnChange): void;
+}
+export interface IOdsTimelineCheckboxColumnProps extends IOdsTimelineColumnProps {
+    onCheckboxColumnChange(e: ICheckboxColumnChange): void;
+}
+export interface IOdsTimelineDateFilter extends IItemProps {
+    defaultStartDate?: Date;
+    defaultEndDate?: Date;
+    backText?: string;
+    nextText?: string;
+    onFilterRangeChange(e: IDateRangeChange): void;
+}
+export declare const enum DateDirection {
+    prevMonth = "previousMonth",
+    nextMonth = "nextMonth"
+}

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

@@ -0,0 +1,5 @@
+import React from "react";
+import "./OdsTimeline.css";
+import { IOdsTimelineProps } from "./OdsTimeline.Types";
+declare const OdsTimeline: (props: IOdsTimelineProps) => React.JSX.Element;
+export default OdsTimeline;

package/dist/components/devextreme/OdsTimeline/OdsTimelineDateFilter.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { IOdsTimelineDateFilter } from "./OdsTimeline.Types";
+export declare const OdsTimelineDateFilter: (props: IOdsTimelineDateFilter | Readonly<IOdsTimelineDateFilter>) => React.JSX.Element;

package/dist/components/devextreme/OdsTimeline/OdsTimelineSelectionColumn.d.ts

@@ -0,0 +1,2 @@
+import { ICustomSelectionChange, IOdsTimelineColumnProps } from "./OdsTimeline.Types";
+export declare const OdsTimelineSelectionColumn: (selectionEvent: (e: ICustomSelectionChange) => void) => IOdsTimelineColumnProps;

package/dist/index.js

@@ -467,14 +467,15 @@ function OdsCheckboxGroup(props) {
 var _templateObject$6;
 var StyledDatepicker = styled__default(antd.DatePicker)(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteralLoose(["\n  width:100%;\n"])));
 
-function StyledOdsDateRangePicker(props) {
+function OdsDateRangePicker(props) {
   return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
     theme: lightTheme
-  }, React__default.createElement(StyledDatepicker.RangePicker, Object.assign({}, props))));
+  }, React__default.createElement(StyledDatepicker.RangePicker, Object.assign({}, props, {
+    style: {
+      width: '100%'
+    }
+  }))));
 }
-var OdsDateRangePicker = function OdsDateRangePicker(props) {
-  return React__default.createElement(StyledOdsDateRangePicker, Object.assign({}, props));
-};
 
 function StyledOdsDatepicker(props) {
   var _useState = React.useState("middle"),
@@ -514,42 +515,8 @@ function OdsCollapse(props) {
   }, props.children)));
 }
 
-function OdsImagePreviewGroup() {
-  var _useState = React.useState(false),
-    visible = _useState[0],
-    setVisible = _useState[1];
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(antd.Image, {
-    preview: {
-      visible: false
-    },
-    width: 200,
-    src: "https://gw.alipayobjects.com/zos/antfincdn/LlvErxo8H9/photo-1503185912284-5271ff81b9a8.webp",
-    onClick: function onClick() {
-      return setVisible(true);
-    }
-  }), React__default.createElement("div", {
-    style: {
-      display: 'none'
-    }
-  }, React__default.createElement(antd.Image.PreviewGroup, {
-    preview: {
-      visible: visible,
-      onVisibleChange: function onVisibleChange(vis) {
-        return setVisible(vis);
-      }
-    }
-  }, React__default.createElement(antd.Image, {
-    src: "https://gw.alipayobjects.com/zos/antfincdn/LlvErxo8H9/photo-1503185912284-5271ff81b9a8.webp"
-  }), React__default.createElement(antd.Image, {
-    src: "https://gw.alipayobjects.com/zos/antfincdn/cV16ZqzMjW/photo-1473091540282-9b846e7965e3.webp"
-  }), React__default.createElement(antd.Image, {
-    src: "https://gw.alipayobjects.com/zos/antfincdn/x43I27A55%26/photo-1438109491414-7198515b166b.webp"
-  }))));
-}
-
 function OdsImage(props) {
-  var isMultiple = props.images != null && props.images.length > 0;
-  return React__default.createElement(React__default.Fragment, null, isMultiple ? React__default.createElement(antd.Image, Object.assign({}, props)) : React__default.createElement(OdsImagePreviewGroup, Object.assign({}, props)));
+  return React__default.createElement(antd.Image, Object.assign({}, props));
 }
 
 var _templateObject$9;
@@ -16917,7 +16884,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
   }), React__default.createElement(DataGrid.SearchPanel, {
     visible: true
   }), React__default.createElement(DataGrid.FilterRow, {
-    visible: true
+    visible: props.isFilterRow != undefined ? props.isFilterRow : true
   }), React__default.createElement(DataGrid.FilterPanel, {
     visible: true
   }), React__default.createElement(DataGrid.HeaderFilter, {