ods-component-lib 1.18.70 → 1.18.72
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/icon/OdsIcon.d.ts +10 -0
- package/dist/components/antd/message/OdsMessage.d.ts +11 -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 +10 -2
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +10 -2
- package/dist/index.modern.js.map +1 -1
- package/dist/stories/OdsCalendar/OdsCalendar.stories.d.ts +65 -0
- package/dist/stories/OdsCalendar/Samples/Basic.Sample.d.ts +1 -0
- package/dist/stories/OdsCalendar/Samples/Card.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/OdsList/OdsList.stories.d.ts +86 -0
- package/dist/stories/OdsList/Samples/GridList.sample.d.ts +1 -0
- package/dist/stories/OdsList/Samples/SimpleList.sample.d.ts +1 -0
- package/dist/stories/OdsMessage/OdsMessage.stories.d.ts +28 -0
- package/dist/stories/OdsMessage/Sample/Basic.Sample.d.ts +2 -0
- package/dist/stories/OdsNotification/OdsNotification.stories.d.ts +23 -0
- package/dist/stories/OdsNotification/Samples/Basic.sample.d.ts +1 -0
- package/dist/stories/OdsNotification/Samples/Simple.Sample.d.ts +1 -0
- package/dist/stories/OdsPassword/OdsPassword.stories.d.ts +295 -0
- package/dist/stories/OdsPhoneInput/OdsPhoneInput.stories.d.ts +36 -0
- package/package.json +1 -1
|
@@ -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,11 @@
|
|
|
1
|
+
import { CSSProperties } from 'react';
|
|
2
|
+
export interface OdsMessageProps {
|
|
3
|
+
content: string;
|
|
4
|
+
type: 'info' | 'success' | 'error' | 'warning' | 'loading';
|
|
5
|
+
duration?: number;
|
|
6
|
+
onClose?: () => void;
|
|
7
|
+
className?: string;
|
|
8
|
+
style?: CSSProperties;
|
|
9
|
+
}
|
|
10
|
+
declare const OdsMessage: React.FC<OdsMessageProps>;
|
|
11
|
+
export default OdsMessage;
|
|
@@ -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
|
@@ -16638,6 +16638,9 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
16638
16638
|
var _useState4 = React.useState(false),
|
|
16639
16639
|
contentReady = _useState4[0],
|
|
16640
16640
|
setContentReady = _useState4[1];
|
|
16641
|
+
var _useState5 = React.useState(0),
|
|
16642
|
+
scrollPosition = _useState5[0],
|
|
16643
|
+
setScrollPosition = _useState5[1];
|
|
16641
16644
|
var onCancelEditEvent = new CustomEvent('cancelEdit', {
|
|
16642
16645
|
bubbles: true,
|
|
16643
16646
|
detail: {
|
|
@@ -16679,7 +16682,6 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
16679
16682
|
};
|
|
16680
16683
|
colItem.headerCellRender = headerCellRenderr;
|
|
16681
16684
|
}
|
|
16682
|
-
if (props.isServerSide) colItem.calculateSortValue = String("dummyFieldForPreventClientSideSorting");
|
|
16683
16685
|
return colItem;
|
|
16684
16686
|
});
|
|
16685
16687
|
columns.current = newColumns;
|
|
@@ -17018,9 +17020,14 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
17018
17020
|
if (top < lastScrollTop) return;
|
|
17019
17021
|
lastScrollTop = top <= 0 ? 0 : top;
|
|
17020
17022
|
if (reachedBottom) onScrollEnd();
|
|
17023
|
+
setScrollPosition(top);
|
|
17021
17024
|
}, 200);
|
|
17022
17025
|
run(e);
|
|
17023
17026
|
};
|
|
17027
|
+
React.useEffect(function () {
|
|
17028
|
+
var gridElement = gridRef.current.instance.element();
|
|
17029
|
+
gridElement.scrollTop = scrollPosition;
|
|
17030
|
+
}, [data.length]);
|
|
17024
17031
|
React.useEffect(function () {
|
|
17025
17032
|
document.querySelectorAll('.dx-scrollable-container').forEach(function (container) {
|
|
17026
17033
|
container.addEventListener('scrollend', handleScroll);
|
|
@@ -17187,7 +17194,8 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
17187
17194
|
showScrollbar: "always",
|
|
17188
17195
|
scrollByContent: true,
|
|
17189
17196
|
scrollByThumb: true,
|
|
17190
|
-
mode: "
|
|
17197
|
+
mode: "virtual",
|
|
17198
|
+
rowRenderingMode: "virtual"
|
|
17191
17199
|
}), loading && React__default.createElement(DataGrid.LoadPanel, {
|
|
17192
17200
|
enabled: true,
|
|
17193
17201
|
shadingColor: "rgba(0,0,0,0.4)"
|