ods-component-lib 1.18.55 → 1.18.57
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/modal/OdsAdvanceModal.d.ts +1 -1
- 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 +20 -1
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +20 -1
- package/dist/index.modern.js.map +1 -1
- package/dist/stories/OdsAdvanceModal/OdsAdvanceModal.stories.d.ts +42 -0
- package/dist/stories/OdsAdvanceModal/Samples/BasicOdsAdvanceModal.sample.d.ts +8 -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
|
@@ -16329,6 +16329,9 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
16329
16329
|
var columns = React.useRef(props.columns);
|
|
16330
16330
|
var gridRef = React.useRef(null);
|
|
16331
16331
|
var filterApplied = React.useRef(false);
|
|
16332
|
+
var _useState3 = React.useState(false),
|
|
16333
|
+
loading = _useState3[0],
|
|
16334
|
+
setLoading = _useState3[1];
|
|
16332
16335
|
var onCancelEditEvent = new CustomEvent('cancelEdit', {
|
|
16333
16336
|
bubbles: true,
|
|
16334
16337
|
detail: {
|
|
@@ -16429,6 +16432,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
16429
16432
|
};
|
|
16430
16433
|
var _temp = _finallyRethrows(function () {
|
|
16431
16434
|
return _catch(function () {
|
|
16435
|
+
setLoading(true);
|
|
16432
16436
|
return Promise.resolve(fetch(apiUrl, requestOptions)).then(function (response) {
|
|
16433
16437
|
return Promise.resolve(response.json()).then(function (newData) {
|
|
16434
16438
|
if (loadedPageCount == 1) {
|
|
@@ -16442,10 +16446,12 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
16442
16446
|
}
|
|
16443
16447
|
totalPageCount = newData.PageCount;
|
|
16444
16448
|
totalRecordCount = newData.RowCount;
|
|
16449
|
+
setLoading(false);
|
|
16445
16450
|
});
|
|
16446
16451
|
});
|
|
16447
16452
|
}, function (error) {
|
|
16448
16453
|
console.error('Error fetching data:', error);
|
|
16454
|
+
setLoading(false);
|
|
16449
16455
|
});
|
|
16450
16456
|
}, function (_wasThrown, _result) {
|
|
16451
16457
|
if (_wasThrown) throw _result;
|
|
@@ -16709,6 +16715,19 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
16709
16715
|
text: 'Passive',
|
|
16710
16716
|
value: false
|
|
16711
16717
|
}]
|
|
16718
|
+
}), col.useDynamicHeaderFilter && React__default.createElement(DataGrid.HeaderFilter, {
|
|
16719
|
+
allowSearch: true,
|
|
16720
|
+
dataSource: [{
|
|
16721
|
+
text: '(Blanks)',
|
|
16722
|
+
value: null
|
|
16723
|
+
}].concat(data.filter(function (item) {
|
|
16724
|
+
return item[col.dataField] !== null && item[col.dataField] !== undefined && item[col.dataField] !== '';
|
|
16725
|
+
}).map(function (item) {
|
|
16726
|
+
return {
|
|
16727
|
+
text: item[col.dataField].toString(),
|
|
16728
|
+
value: item[col.dataField]
|
|
16729
|
+
};
|
|
16730
|
+
}))
|
|
16712
16731
|
}), col.multiLevelColumns && col.multiLevelColumns.map(function (multiLevelColItem) {
|
|
16713
16732
|
return React__default.createElement(DataGrid.Column, {
|
|
16714
16733
|
dataField: multiLevelColItem.dataField,
|
|
@@ -16791,7 +16810,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
16791
16810
|
scrollByContent: true,
|
|
16792
16811
|
scrollByThumb: true,
|
|
16793
16812
|
mode: "infinite"
|
|
16794
|
-
}), React__default.createElement(DataGrid.LoadPanel, {
|
|
16813
|
+
}), loading && React__default.createElement(DataGrid.LoadPanel, {
|
|
16795
16814
|
enabled: true,
|
|
16796
16815
|
shadingColor: "rgba(0,0,0,0.4)"
|
|
16797
16816
|
}), React__default.createElement(DataGrid.SearchPanel, {
|