ods-component-lib 1.18.49 → 1.18.51
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/antd/form/OdsBasicForm.d.ts +18 -0
- package/dist/components/antd/icon/OdsIcon.d.ts +10 -0
- package/dist/components/antd/message/OdsMessage.d.ts +3 -0
- package/dist/components/antd/select/OdsCustomMultiSelect.d.ts +7 -0
- package/dist/components/antd/select/OdsMultiSelect.d.ts +9 -0
- package/dist/components/custom/OdsLogin.d.ts +8 -0
- package/dist/components/devextreme/DxDataPopupForm.d.ts +3 -0
- package/dist/components/devextreme/DynamicIcon.d.ts +5 -0
- package/dist/components/devextreme/OdsDataGridNew.d.ts +56 -0
- package/dist/components/devextreme/OdsProfDataGrid.d.ts +3 -0
- package/dist/components/devextreme/OdsRemoteDataGrid.d.ts +1 -0
- package/dist/components/devextreme/OdsTimeline/OdsTimeline.Constants.d.ts +4 -0
- package/dist/components/devextreme/OdsTimeline/OdsTimeline.Functions.d.ts +6 -0
- package/dist/components/devextreme/OdsTimeline/OdsTimeline.Types.d.ts +77 -0
- package/dist/components/devextreme/OdsTimeline/OdsTimeline.d.ts +5 -0
- package/dist/components/devextreme/OdsTimeline/OdsTimelineDateFilter.d.ts +3 -0
- package/dist/components/devextreme/OdsTimeline/OdsTimelineSelectionColumn.d.ts +2 -0
- package/dist/components/devextreme/treeview/DxTreeView.d.ts +3 -0
- package/dist/index.js +3 -7
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +3 -7
- package/dist/index.modern.js.map +1 -1
- package/dist/stories/OdsCard/OdsCard.stories.d.ts +70 -0
- package/dist/stories/OdsCard/Samples/BasicCard.Sample.d.ts +1 -0
- package/dist/stories/OdsCard/Samples/CardWithTabs.Sample.d.ts +1 -0
- package/dist/stories/OdsCard/Samples/CustomizedCard.Sample.d.ts +1 -0
- package/dist/stories/OdsCard/Samples/InnerCard.Sample.d.ts +1 -0
- package/dist/stories/OdsCheckBox/OdsCheckBox.stories.d.ts +37 -0
- package/dist/stories/OdsCheckBox/Samples/BasicCheckBox.Sample.d.ts +1 -0
- package/dist/stories/OdsCheckBox/Samples/DisabledCheckBox.Sample.d.ts +1 -0
- package/dist/stories/OdsCheckBoxGroup/OdsCheckBoxGroup.stories.d.ts +29 -0
- package/dist/stories/OdsCheckBoxGroup/Samples/BasicCheckBoxGroup.Sample.d.ts +1 -0
- package/dist/stories/OdsCustomMultiSelect/OdsCustomMultiSelect.stories.d.ts +9 -0
- package/dist/stories/OdsCustomMultiSelect/Samples/Basic.Sample.d.ts +1 -0
- package/dist/stories/OdsCustomMultiSelect/Samples/ModeMultiple.Sample.d.ts +1 -0
- package/dist/stories/OdsTimeline/OdsTimeline.Constants.d.ts +3 -0
- package/dist/stories/OdsTimeline/OdsTimeline.Functions.d.ts +6 -0
- package/dist/stories/OdsTimeline/OdsTimeline.MockData.d.ts +39 -0
- package/dist/stories/OdsTimeline/OdsTimeline.stories.d.ts +47 -0
- package/dist/utils/DynamicIcon.d.ts +5 -0
- package/package.json +1 -1
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { FormProps, ButtonProps } from 'antd';
|
|
3
|
+
export interface IFormItemRuleProps {
|
|
4
|
+
required?: boolean;
|
|
5
|
+
message?: string;
|
|
6
|
+
}
|
|
7
|
+
export interface IFormItemProps {
|
|
8
|
+
label?: string;
|
|
9
|
+
name?: string;
|
|
10
|
+
formItemType: string;
|
|
11
|
+
rules?: IFormItemRuleProps[];
|
|
12
|
+
}
|
|
13
|
+
export interface IFormProps extends FormProps {
|
|
14
|
+
formItems: IFormItemProps[];
|
|
15
|
+
formButtons: ButtonProps[];
|
|
16
|
+
}
|
|
17
|
+
declare function OdsBasicForm(props: IFormProps): React.JSX.Element;
|
|
18
|
+
export default OdsBasicForm;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { IconBaseProps } from "@ant-design/icons/lib/components/Icon";
|
|
2
|
+
import React from "react";
|
|
3
|
+
export interface IconProps extends IconBaseProps {
|
|
4
|
+
type: string;
|
|
5
|
+
twoToneColor?: string;
|
|
6
|
+
iconComponent?: string;
|
|
7
|
+
iconSVCName?: string;
|
|
8
|
+
}
|
|
9
|
+
declare function OdsIcon(props: IconProps): React.JSX.Element;
|
|
10
|
+
export default OdsIcon;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { SelectProps } from "antd";
|
|
3
|
+
import { IOdsSelectOption } from "./OdsSelect.styled";
|
|
4
|
+
export interface OdsMultiSelectProps extends SelectProps {
|
|
5
|
+
selectAllText?: string | undefined;
|
|
6
|
+
dataSource: IOdsSelectOption[];
|
|
7
|
+
}
|
|
8
|
+
declare const OdsMultiSelect: (props: OdsMultiSelectProps) => React.JSX.Element;
|
|
9
|
+
export default OdsMultiSelect;
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { IDataGridOptions, IEditingProps, ISelectionProps, IButtonProps } from 'devextreme-react/data-grid';
|
|
3
|
+
import { ButtonType } from "antd/es/button/buttonHelpers";
|
|
4
|
+
interface IButtonGroup extends IButtonProps {
|
|
5
|
+
type?: ButtonType;
|
|
6
|
+
label?: string;
|
|
7
|
+
onclick?: React.MouseEventHandler<HTMLElement>;
|
|
8
|
+
actionPermission?: boolean;
|
|
9
|
+
}
|
|
10
|
+
interface IEditingoptions extends IEditingProps {
|
|
11
|
+
formItems?: any[];
|
|
12
|
+
title?: string;
|
|
13
|
+
}
|
|
14
|
+
interface ISelectOptions extends ISelectionProps {
|
|
15
|
+
selectEnable: boolean;
|
|
16
|
+
}
|
|
17
|
+
interface IOdsDataGridProps extends IDataGridOptions {
|
|
18
|
+
actionButtonGroup?: IButtonGroup[];
|
|
19
|
+
toolbarButtonGroup?: IButtonGroup[];
|
|
20
|
+
exportFileName?: string;
|
|
21
|
+
summaryTotalColumnName?: string;
|
|
22
|
+
storeState?: boolean;
|
|
23
|
+
summaryTotalDataCount?: number;
|
|
24
|
+
summaryTotalDataDisplayLabel?: string;
|
|
25
|
+
summaryTotalPagesize?: number;
|
|
26
|
+
editHintLabel?: string;
|
|
27
|
+
editButtonClick?: any;
|
|
28
|
+
deleteButtonClick?: any;
|
|
29
|
+
pageTitle?: string;
|
|
30
|
+
pageSize?: number;
|
|
31
|
+
pagingEnable?: boolean;
|
|
32
|
+
searchEnable?: boolean;
|
|
33
|
+
filterEnable?: boolean;
|
|
34
|
+
headerFilterEnable?: boolean;
|
|
35
|
+
columnChooserPositionDisabled?: boolean;
|
|
36
|
+
editEnable?: boolean;
|
|
37
|
+
popupTitle?: string;
|
|
38
|
+
scroll?: any;
|
|
39
|
+
exportEnable?: boolean;
|
|
40
|
+
customPopup?: boolean;
|
|
41
|
+
onExportingCustom?: any;
|
|
42
|
+
filterEnabledShow?: boolean;
|
|
43
|
+
scrolUseNative?: boolean;
|
|
44
|
+
formItems?: any[];
|
|
45
|
+
hintForDeleteButton?: string;
|
|
46
|
+
hintForEditButton?: string;
|
|
47
|
+
exportFormats?: string[];
|
|
48
|
+
actionPermission?: boolean;
|
|
49
|
+
columns: any[];
|
|
50
|
+
actionColumnEnable?: boolean;
|
|
51
|
+
edit?: IEditingoptions;
|
|
52
|
+
selectOptions?: ISelectOptions;
|
|
53
|
+
actionColumnCaption?: string;
|
|
54
|
+
}
|
|
55
|
+
declare function OdsDataGridNew(props: IOdsDataGridProps): React.JSX.Element;
|
|
56
|
+
export default OdsDataGridNew;
|
|
@@ -22,6 +22,7 @@ export interface IOdsDataGridProps extends IDataGridOptions {
|
|
|
22
22
|
axiosRequest?: IAxiosProps;
|
|
23
23
|
customSummary?: ISummaryRowOptions;
|
|
24
24
|
handleEditorPreparing?: any;
|
|
25
|
+
isFilterRow?: boolean;
|
|
25
26
|
}
|
|
26
27
|
interface ISummaryRowOptions {
|
|
27
28
|
summaryLoadedDataLabel?: string;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export declare const checkboxCellComponent: (props: any) => React.JSX.Element;
|
|
3
|
+
export declare const statusCellComponent: (props: any) => React.JSX.Element;
|
|
4
|
+
export declare const minimalHeaderCellComponent: (data: any, __el: any) => React.JSX.Element;
|
|
5
|
+
export declare const mapCustomTask: (item: any) => any;
|
|
6
|
+
export declare const setSelectedKeys: (datasource: any[], key?: string, selectedKeys?: number[] | string[]) => any[];
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { IColumnProps, IGanttOptions, IItemProps } from "devextreme-react/gantt";
|
|
3
|
+
export interface IMenuLinkItem {
|
|
4
|
+
text: string;
|
|
5
|
+
url: string;
|
|
6
|
+
queryParamNames?: string[];
|
|
7
|
+
}
|
|
8
|
+
export interface ICustomSelectionChange {
|
|
9
|
+
data: any;
|
|
10
|
+
isSelected: boolean;
|
|
11
|
+
}
|
|
12
|
+
export interface IDateRangeChange {
|
|
13
|
+
startDate: Date;
|
|
14
|
+
endDate: Date;
|
|
15
|
+
}
|
|
16
|
+
export interface IStatusColumnChange {
|
|
17
|
+
data: any;
|
|
18
|
+
status: boolean;
|
|
19
|
+
dataField: string;
|
|
20
|
+
}
|
|
21
|
+
export interface ICheckboxColumnChange {
|
|
22
|
+
data: any;
|
|
23
|
+
isChecked: boolean;
|
|
24
|
+
dataField: string;
|
|
25
|
+
}
|
|
26
|
+
export interface IOdsTimelineProps extends React.PropsWithChildren<IGanttOptions> {
|
|
27
|
+
/**
|
|
28
|
+
* Set columns for listview.
|
|
29
|
+
*/
|
|
30
|
+
customColumns?: IOdsTimelineColumnProps[];
|
|
31
|
+
/**
|
|
32
|
+
* Set task list. It is used for list view and timeline view.
|
|
33
|
+
*/
|
|
34
|
+
customTasks: any[];
|
|
35
|
+
/**
|
|
36
|
+
* Set data field name from task list. This is used for selection.
|
|
37
|
+
*/
|
|
38
|
+
customTaskKey?: string;
|
|
39
|
+
/**
|
|
40
|
+
* Set key values to be selected. "multiSelectionEnabled" must be true.
|
|
41
|
+
*/
|
|
42
|
+
customSelectedKeys?: string[] | number[];
|
|
43
|
+
/**
|
|
44
|
+
* Set true if you want multi selection in list view.
|
|
45
|
+
*/
|
|
46
|
+
multiSelectionEnabled?: boolean;
|
|
47
|
+
/**
|
|
48
|
+
* This is a selection event that fired when selection is changed.
|
|
49
|
+
*/
|
|
50
|
+
onCustomSelectionChanged(e: ICustomSelectionChange): void;
|
|
51
|
+
/**
|
|
52
|
+
* This is a date range event that fired when date range is changed.
|
|
53
|
+
*/
|
|
54
|
+
onDateRangeChange(e: IDateRangeChange): void;
|
|
55
|
+
}
|
|
56
|
+
export interface IOdsTimelineColumnProps extends IColumnProps {
|
|
57
|
+
isMinimized?: boolean;
|
|
58
|
+
isStatusColumn?: boolean;
|
|
59
|
+
isCheckboxColumn?: boolean;
|
|
60
|
+
}
|
|
61
|
+
export interface IOdsTimelineStatusColumnProps extends IOdsTimelineColumnProps {
|
|
62
|
+
onStatusColumnChange(e: IStatusColumnChange): void;
|
|
63
|
+
}
|
|
64
|
+
export interface IOdsTimelineCheckboxColumnProps extends IOdsTimelineColumnProps {
|
|
65
|
+
onCheckboxColumnChange(e: ICheckboxColumnChange): void;
|
|
66
|
+
}
|
|
67
|
+
export interface IOdsTimelineDateFilter extends IItemProps {
|
|
68
|
+
defaultStartDate?: Date;
|
|
69
|
+
defaultEndDate?: Date;
|
|
70
|
+
backText?: string;
|
|
71
|
+
nextText?: string;
|
|
72
|
+
onFilterRangeChange(e: IDateRangeChange): void;
|
|
73
|
+
}
|
|
74
|
+
export declare const enum DateDirection {
|
|
75
|
+
prevMonth = "previousMonth",
|
|
76
|
+
nextMonth = "nextMonth"
|
|
77
|
+
}
|
package/dist/index.js
CHANGED
|
@@ -16559,13 +16559,9 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
16559
16559
|
setData(newData.Data);
|
|
16560
16560
|
loadedPageCount = 1;
|
|
16561
16561
|
} else if (totalPageCount >= loadedPageCount) {
|
|
16562
|
+
var newArray = newData.Data;
|
|
16562
16563
|
setData(function (prevData) {
|
|
16563
|
-
|
|
16564
|
-
return !newItem.Id || newItem.Id <= 0 || !prevData.some(function (prevItem) {
|
|
16565
|
-
return prevItem.Id === newItem.Id;
|
|
16566
|
-
});
|
|
16567
|
-
});
|
|
16568
|
-
return [].concat(prevData, uniqueData);
|
|
16564
|
+
return [].concat(prevData, newArray);
|
|
16569
16565
|
});
|
|
16570
16566
|
}
|
|
16571
16567
|
totalPageCount = newData.PageCount;
|
|
@@ -16921,7 +16917,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
16921
16917
|
}), React__default.createElement(DataGrid.SearchPanel, {
|
|
16922
16918
|
visible: true
|
|
16923
16919
|
}), React__default.createElement(DataGrid.FilterRow, {
|
|
16924
|
-
visible: true
|
|
16920
|
+
visible: props.isFilterRow != undefined ? props.isFilterRow : true
|
|
16925
16921
|
}), React__default.createElement(DataGrid.FilterPanel, {
|
|
16926
16922
|
visible: true
|
|
16927
16923
|
}), React__default.createElement(DataGrid.HeaderFilter, {
|