ods-component-lib 1.18.48 → 1.18.50
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/treeview/DxTreeView.d.ts +3 -0
- package/dist/index.js +6 -19
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +6 -19
- 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/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;
|
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;
|
|
@@ -16718,13 +16714,6 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
16718
16714
|
}
|
|
16719
16715
|
}
|
|
16720
16716
|
}, []);
|
|
16721
|
-
var renderTotalPaging = React.useCallback(function () {
|
|
16722
|
-
var result = "";
|
|
16723
|
-
if (totalPageCount > 1) {
|
|
16724
|
-
result = props.customSummary.summaryTotalPageCountLabel + (" " + loadedPageCount + " / " + totalPageCount);
|
|
16725
|
-
}
|
|
16726
|
-
return result;
|
|
16727
|
-
}, [loadedPageCount, totalPageCount]);
|
|
16728
16717
|
var renderTotal = React.useCallback(function () {
|
|
16729
16718
|
var result = "";
|
|
16730
16719
|
var totalloaded = 0;
|
|
@@ -16741,12 +16730,15 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
16741
16730
|
result = props.customSummary.summaryTotalDataLabel + " : " + props.customSummary.summaryTotalCount;
|
|
16742
16731
|
result = concatFilteredLabel(result, totalloaded);
|
|
16743
16732
|
}
|
|
16733
|
+
if (totalPageCount > 1) {
|
|
16734
|
+
result = result + " - " + props.customSummary.summaryTotalPageCountLabel + " " + loadedPageCount + " / " + totalPageCount;
|
|
16735
|
+
}
|
|
16744
16736
|
return result;
|
|
16745
16737
|
}, [data, filteredRowCount, loadedPageCount, props.pageSize, totalRecordCount, filterApplied]);
|
|
16746
16738
|
var concatFilteredLabel = function concatFilteredLabel(result, totalloaded) {
|
|
16747
16739
|
if (filteredRowCount > 0 && totalloaded !== filteredRowCount && filterApplied) {
|
|
16748
16740
|
var filteredLabel = filteredRowCount + " " + props.customSummary.summaryFilteredDataLabel + "- ";
|
|
16749
|
-
result = filteredLabel + " " + result;
|
|
16741
|
+
result = filteredLabel + " " + result + " ";
|
|
16750
16742
|
}
|
|
16751
16743
|
return result;
|
|
16752
16744
|
};
|
|
@@ -16989,11 +16981,6 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
16989
16981
|
summaryType: "custom",
|
|
16990
16982
|
displayFormat: "customizeText",
|
|
16991
16983
|
customizeText: renderTotal
|
|
16992
|
-
}), React__default.createElement(DataGrid.TotalItem, {
|
|
16993
|
-
column: columns[2].dataField,
|
|
16994
|
-
summaryType: "custom",
|
|
16995
|
-
displayFormat: "customizeText",
|
|
16996
|
-
customizeText: renderTotalPaging
|
|
16997
16984
|
})), React__default.createElement(DataGrid.StateStoring, {
|
|
16998
16985
|
enabled: true,
|
|
16999
16986
|
type: "custom",
|