ods-component-lib 1.19.6 → 1.19.8
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/README.md +39 -39
- package/dist/components/antd/button/OdsButton.styled.d.ts +1 -1
- package/dist/components/antd/input/OdsInput..d.ts +4 -0
- package/dist/components/antd/timepicker/OdsTimepicker.styled.d.ts +1 -1
- package/dist/components/devextreme/OdsBasicDataGrid/OdsBasicDataGrid.Types.d.ts +1 -0
- package/dist/components/devextreme/OdsCabinDataGrid/OdsCabinGrid.Constants.d.ts +3 -0
- package/dist/components/devextreme/OdsCabinDataGrid/OdsCabinGrid.Functions.d.ts +4 -0
- package/dist/components/devextreme/OdsCabinDataGrid/OdsCabinGrid.Helpers.d.ts +12 -0
- package/dist/components/devextreme/OdsCabinDataGrid/OdsCabinGrid.Style.d.ts +94 -0
- package/dist/components/devextreme/OdsCabinDataGrid/OdsCabinGrid.Types.d.ts +46 -0
- package/dist/components/devextreme/OdsCabinDataGrid/OdsCabinGrid.d.ts +4 -0
- package/dist/components/devextreme/OdsDataGrid.d.ts +4 -0
- package/dist/components/devextreme/OdsTransferV2.d.ts +65 -0
- package/dist/components/devextreme/treeview/DxTreeList.d.ts +4 -0
- package/dist/index.css +267 -267
- package/dist/index.d.ts +1 -0
- package/dist/index.js +332 -64
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +332 -65
- package/dist/index.modern.js.map +1 -1
- package/dist/stories/OdsDatepicker/OdsDatepicker.stories.d.ts +1 -3
- package/dist/stories/OdsMasterDetailDataGrid/OdsMasterDetailDataGrid.stories.d.ts +3 -0
- package/dist/stories/OdsMasterDetailDataGrid/Samples/OdsMasterDetailDataGrid/OdsMasterDetailDataGrid.Constants.d.ts +22 -0
- package/dist/stories/OdsMasterDetailDataGrid/Samples/OdsMasterDetailDataGrid/OdsMasterDetailDataGrid.MockData.d.ts +44 -0
- package/dist/stories/OdsSwitch/OdsSwitch.stories copy.d.ts +16 -0
- package/dist/stories/OdsTreeList/OdsTreeList.stories.d.ts +165 -0
- package/dist/stories/OdsTreeList/Samples/BasicTreeListTemplate.Constants.d.ts +15 -0
- package/dist/stories/OdsTreeList/Samples/BasicTreeListTemplate.MockData.d.ts +24 -0
- package/dist/stories/OdsTreeList/Samples/BasicTreeListTemplate.Sample.d.ts +1 -0
- package/dist/stories/OdsTreeList/Samples/EmployeeCell.d.ts +4 -0
- package/package.json +101 -101
- /package/dist/components/antd/{datePicker/OdsDateRangePicker.d.ts → datepicker/OdsDateRangepicker.d.ts} +0 -0
- /package/dist/components/antd/{datePicker/OdsDatePicker.d.ts → datepicker/OdsDatepicker.d.ts} +0 -0
- /package/dist/components/antd/{datePicker/OdsDatePicker.Styled.d.ts → datepicker/OdsDatepicker.styled.d.ts} +0 -0
package/README.md
CHANGED
|
@@ -1,39 +1,39 @@
|
|
|
1
|
-
# odeon-component-library
|
|
2
|
-
|
|
3
|
-
> Odeon desgin system component library
|
|
4
|
-
|
|
5
|
-
[](https://www.npmjs.com/package/odeon-component-library) [](https://standardjs.com)
|
|
6
|
-
|
|
7
|
-
## Install
|
|
8
|
-
|
|
9
|
-
```bash
|
|
10
|
-
npm install
|
|
11
|
-
or
|
|
12
|
-
if you want to install without running the postinstall script
|
|
13
|
-
npm install --ignore-scripts
|
|
14
|
-
```
|
|
15
|
-
|
|
16
|
-
## Install Odeon Component Library in a project
|
|
17
|
-
|
|
18
|
-
```bash
|
|
19
|
-
npm install --save odeon-component-library
|
|
20
|
-
```
|
|
21
|
-
|
|
22
|
-
## Usage
|
|
23
|
-
|
|
24
|
-
```tsx
|
|
25
|
-
import React, { Component } from "react";
|
|
26
|
-
|
|
27
|
-
import MyComponent from "odeon-component-library";
|
|
28
|
-
import "odeon-component-library/dist/index.css";
|
|
29
|
-
|
|
30
|
-
class Example extends Component {
|
|
31
|
-
render() {
|
|
32
|
-
return <MyComponent />;
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
```
|
|
36
|
-
|
|
37
|
-
## License
|
|
38
|
-
|
|
39
|
-
MIT © [OdeonTechnology](https://github.com/OdeonTechnology)
|
|
1
|
+
# odeon-component-library
|
|
2
|
+
|
|
3
|
+
> Odeon desgin system component library
|
|
4
|
+
|
|
5
|
+
[](https://www.npmjs.com/package/odeon-component-library) [](https://standardjs.com)
|
|
6
|
+
|
|
7
|
+
## Install
|
|
8
|
+
|
|
9
|
+
```bash
|
|
10
|
+
npm install
|
|
11
|
+
or
|
|
12
|
+
if you want to install without running the postinstall script
|
|
13
|
+
npm install --ignore-scripts
|
|
14
|
+
```
|
|
15
|
+
|
|
16
|
+
## Install Odeon Component Library in a project
|
|
17
|
+
|
|
18
|
+
```bash
|
|
19
|
+
npm install --save odeon-component-library
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
## Usage
|
|
23
|
+
|
|
24
|
+
```tsx
|
|
25
|
+
import React, { Component } from "react";
|
|
26
|
+
|
|
27
|
+
import MyComponent from "odeon-component-library";
|
|
28
|
+
import "odeon-component-library/dist/index.css";
|
|
29
|
+
|
|
30
|
+
class Example extends Component {
|
|
31
|
+
render() {
|
|
32
|
+
return <MyComponent />;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
```
|
|
36
|
+
|
|
37
|
+
## License
|
|
38
|
+
|
|
39
|
+
MIT © [OdeonTechnology](https://github.com/OdeonTechnology)
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const StyledButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").ButtonProps & import("react").RefAttributes<
|
|
2
|
+
export declare const StyledButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").ButtonProps & import("react").RefAttributes<HTMLButtonElement | HTMLAnchorElement>> & {
|
|
3
3
|
Group: import("react").FC<import("antd/es/button").ButtonGroupProps>;
|
|
4
4
|
}, any, {}, never>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const StyledTimepicker: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("antd").TimePickerProps, "form" | "slot" | "style" | "title" | "pattern" | "defaultValue" | "value" | "onChange" | "onOk" | "locale" | "
|
|
2
|
+
export declare const StyledTimepicker: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("antd").TimePickerProps, "form" | "slot" | "style" | "title" | "pattern" | "defaultValue" | "value" | "onChange" | "onOk" | "locale" | "placeholder" | "id" | "disabled" | "onFocus" | "onBlur" | "onSelect" | "onKeyDown" | "size" | "prefix" | "accept" | "alt" | "autoComplete" | "capture" | "checked" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "list" | "maxLength" | "minLength" | "multiple" | "name" | "readOnly" | "required" | "src" | "step" | "type" | "width" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "prevIcon" | "nextIcon" | "superPrevIcon" | "superNextIcon" | "format" | "showNow" | "showHour" | "showMinute" | "showSecond" | "showMillisecond" | "use12Hours" | "hourStep" | "minuteStep" | "secondStep" | "millisecondStep" | "hideDisabledOptions" | "defaultOpenValue" | "disabledHours" | "disabledMinutes" | "disabledSeconds" | "disabledTime" | "changeOnScroll" | "removeIcon" | "maxTagCount" | "onCalendarChange" | "defaultPickerValue" | "pickerValue" | "onPickerValueChange" | "presets" | "mode" | "onPanelChange" | "direction" | "prefixCls" | "styles" | "classNames" | "showWeek" | "suffixIcon" | "allowClear" | "clearIcon" | "inputReadOnly" | "order" | "disabledDate" | "minDate" | "maxDate" | "defaultOpen" | "open" | "onOpenChange" | "popupAlign" | "getPopupContainer" | "placement" | "builtinPlacements" | "needConfirm" | "changeOnBlur" | "preserveInvalidOnBlur" | "transitionName" | "components" | "inputRender" | "cellRender" | "dateRender" | "monthCellRender" | "showToday" | "panelRender" | "renderExtraFooter" | "bordered" | "status" | "variant" | "dropdownClassName" | "popupClassName" | "rootClassName" | "popupStyle" | "key" | "addon"> & import("react").RefAttributes<import("rc-picker").PickerRef>> & {
|
|
3
3
|
RangePicker: import("react").ForwardRefExoticComponent<import("antd").TimeRangePickerProps & import("react").RefAttributes<import("rc-picker").PickerRef>>;
|
|
4
4
|
_InternalPanelDoNotUseOrYouWillBeFired: (props: Record<string | number | symbol, any>) => import("react").JSX.Element;
|
|
5
5
|
}, any, {}, never>;
|
|
@@ -60,6 +60,7 @@ export interface IOdsDataGridProps extends IDataGridOptions, IMultiCellEditableD
|
|
|
60
60
|
DetailGridComponent?: React.FC<any>;
|
|
61
61
|
scrollingProps?: IScrollingProps;
|
|
62
62
|
onRowPrepared?: (e: RowPreparedEvent<any, any>) => void;
|
|
63
|
+
summaryComponent?: React.JSX.Element;
|
|
63
64
|
}
|
|
64
65
|
export interface ISummaryRowOptions {
|
|
65
66
|
summaryLoadedDataLabel?: string;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { MemoizedCellProps } from "./OdsCabinGrid.Types";
|
|
3
|
+
export declare const createSeatData: (rowRangeStart: number, rowRangeEnd: number, cabinPlan: string) => any[];
|
|
4
|
+
export declare const MemoizedCell: React.MemoExoticComponent<({ data, field, toggleAttribute, disableSeat, styles, }: MemoizedCellProps) => React.JSX.Element>;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export declare const getCheckboxStyle: (type: string, active: boolean) => {
|
|
2
|
+
width: string;
|
|
3
|
+
height: string;
|
|
4
|
+
borderRadius: string;
|
|
5
|
+
display: string;
|
|
6
|
+
alignItems: string;
|
|
7
|
+
justifyContent: string;
|
|
8
|
+
cursor: string;
|
|
9
|
+
padding: string;
|
|
10
|
+
backgroundColor: string;
|
|
11
|
+
};
|
|
12
|
+
export declare const getIconColor: (type: string, active: boolean) => string;
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
export declare const checkboxBase: {
|
|
2
|
+
width: string;
|
|
3
|
+
height: string;
|
|
4
|
+
borderRadius: string;
|
|
5
|
+
display: string;
|
|
6
|
+
alignItems: string;
|
|
7
|
+
justifyContent: string;
|
|
8
|
+
cursor: string;
|
|
9
|
+
padding: string;
|
|
10
|
+
backgroundColor: string;
|
|
11
|
+
};
|
|
12
|
+
export declare const availableActive: {
|
|
13
|
+
color: string;
|
|
14
|
+
border: string;
|
|
15
|
+
backgroundColor: string;
|
|
16
|
+
};
|
|
17
|
+
export declare const availableInactive: {
|
|
18
|
+
color: string;
|
|
19
|
+
border: string;
|
|
20
|
+
backgroundColor: string;
|
|
21
|
+
};
|
|
22
|
+
export declare const childrenAllowedActive: {
|
|
23
|
+
border: string;
|
|
24
|
+
backgroundColor: string;
|
|
25
|
+
};
|
|
26
|
+
export declare const childrenAllowedInactive: {
|
|
27
|
+
border: string;
|
|
28
|
+
backgroundColor: string;
|
|
29
|
+
};
|
|
30
|
+
export declare const bottleActive: {
|
|
31
|
+
border: string;
|
|
32
|
+
backgroundColor: string;
|
|
33
|
+
};
|
|
34
|
+
export declare const bottleInactive: {
|
|
35
|
+
border: string;
|
|
36
|
+
backgroundColor: string;
|
|
37
|
+
};
|
|
38
|
+
export declare const lapPassengersAllowedActive: {
|
|
39
|
+
border: string;
|
|
40
|
+
backgroundColor: string;
|
|
41
|
+
};
|
|
42
|
+
export declare const lapPassengersAllowedInactive: {
|
|
43
|
+
border: string;
|
|
44
|
+
backgroundColor: string;
|
|
45
|
+
};
|
|
46
|
+
export declare const crossActive: {
|
|
47
|
+
border: string;
|
|
48
|
+
backgroundColor: string;
|
|
49
|
+
};
|
|
50
|
+
export declare const crossInactive: {
|
|
51
|
+
border: string;
|
|
52
|
+
backgroundColor: string;
|
|
53
|
+
};
|
|
54
|
+
export declare const iconColors: {
|
|
55
|
+
available: {
|
|
56
|
+
active: string;
|
|
57
|
+
inactive: string;
|
|
58
|
+
};
|
|
59
|
+
childrenAllowed: {
|
|
60
|
+
active: string;
|
|
61
|
+
inactive: string;
|
|
62
|
+
};
|
|
63
|
+
bottle: {
|
|
64
|
+
active: string;
|
|
65
|
+
inactive: string;
|
|
66
|
+
};
|
|
67
|
+
lapPassengersAllowed: {
|
|
68
|
+
active: string;
|
|
69
|
+
inactive: string;
|
|
70
|
+
};
|
|
71
|
+
cross: {
|
|
72
|
+
active: string;
|
|
73
|
+
inactive: string;
|
|
74
|
+
};
|
|
75
|
+
};
|
|
76
|
+
export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
|
|
77
|
+
cabinContainer: import("antd-style").SerializedStyles;
|
|
78
|
+
gridConfig: import("antd-style").SerializedStyles;
|
|
79
|
+
optionGroup: import("antd-style").SerializedStyles;
|
|
80
|
+
optionLabel: import("antd-style").SerializedStyles;
|
|
81
|
+
bulkUpdateBtn: import("antd-style").SerializedStyles;
|
|
82
|
+
seatAttributes: import("antd-style").SerializedStyles;
|
|
83
|
+
emptySpace: import("antd-style").SerializedStyles;
|
|
84
|
+
headerCell: import("antd-style").SerializedStyles;
|
|
85
|
+
headerCheckbox: import("antd-style").SerializedStyles;
|
|
86
|
+
headerText: import("antd-style").SerializedStyles;
|
|
87
|
+
headerCellStyle: import("antd-style").SerializedStyles;
|
|
88
|
+
headerEmptySpace: import("antd-style").SerializedStyles;
|
|
89
|
+
rowCell: import("antd-style").SerializedStyles;
|
|
90
|
+
rowCheckbox: import("antd-style").SerializedStyles;
|
|
91
|
+
exitSwitchContainer: import("antd-style").SerializedStyles;
|
|
92
|
+
exitSwitch: import("antd-style").SerializedStyles;
|
|
93
|
+
cellContent: import("antd-style").SerializedStyles;
|
|
94
|
+
}>;
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
export interface Seat {
|
|
2
|
+
row: number;
|
|
3
|
+
exit: boolean;
|
|
4
|
+
Color?: {
|
|
5
|
+
text: string;
|
|
6
|
+
color: string;
|
|
7
|
+
};
|
|
8
|
+
[key: string]: any;
|
|
9
|
+
}
|
|
10
|
+
export interface MemoizedCellProps {
|
|
11
|
+
data: any;
|
|
12
|
+
field: string;
|
|
13
|
+
toggleAttribute: (rowNumber: number, field: string, attribute: string) => void;
|
|
14
|
+
disableSeat: (rowNumber: number, field: string) => void;
|
|
15
|
+
styles: {
|
|
16
|
+
seatAttributes: string;
|
|
17
|
+
};
|
|
18
|
+
}
|
|
19
|
+
export declare type CabinPlanType = '3-3' | '3-5-3';
|
|
20
|
+
export interface BulkUpdate {
|
|
21
|
+
row: number;
|
|
22
|
+
seat: string;
|
|
23
|
+
openToSale?: boolean;
|
|
24
|
+
availableForChild?: boolean;
|
|
25
|
+
availableForInfant?: boolean;
|
|
26
|
+
availableForInfantwSeat?: boolean;
|
|
27
|
+
delete?: boolean;
|
|
28
|
+
}
|
|
29
|
+
export interface CabinGridProps {
|
|
30
|
+
numberOfAisle?: number;
|
|
31
|
+
rowRangeStart?: number;
|
|
32
|
+
rowRangeEnd?: number;
|
|
33
|
+
seatPositions?: {
|
|
34
|
+
[key: string]: string;
|
|
35
|
+
};
|
|
36
|
+
onSelectionChange?: (selection: SelectionChangeData) => void;
|
|
37
|
+
rowLabel?: string;
|
|
38
|
+
exitLabel?: string;
|
|
39
|
+
bulkUpdate?: BulkUpdate[];
|
|
40
|
+
}
|
|
41
|
+
export interface SelectionChangeData {
|
|
42
|
+
selectedSeats: Array<{
|
|
43
|
+
row: number;
|
|
44
|
+
seat: string;
|
|
45
|
+
}>;
|
|
46
|
+
}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { FC } from "react";
|
|
2
|
+
import { TransferProps } from "antd";
|
|
3
|
+
import "devextreme/dist/css/dx.light.css";
|
|
4
|
+
import "./styles.css";
|
|
5
|
+
interface Column {
|
|
6
|
+
title?: string;
|
|
7
|
+
dataIndex?: string;
|
|
8
|
+
key?: string;
|
|
9
|
+
caption?: string;
|
|
10
|
+
tooltip?: {
|
|
11
|
+
enable: boolean;
|
|
12
|
+
};
|
|
13
|
+
dataField?: string;
|
|
14
|
+
dataType?: "string" | "number" | "boolean" | "object" | "date" | "datetime";
|
|
15
|
+
calculateSortValue?: string;
|
|
16
|
+
}
|
|
17
|
+
interface AxiosProps {
|
|
18
|
+
token: string;
|
|
19
|
+
requestData?: any;
|
|
20
|
+
apiUrl: string;
|
|
21
|
+
environmentUrl: string;
|
|
22
|
+
requestQueryString?: any;
|
|
23
|
+
requestType: string;
|
|
24
|
+
}
|
|
25
|
+
interface SummaryRowOptions {
|
|
26
|
+
summaryLoadedDataLabel?: string;
|
|
27
|
+
summaryTotalDataLabel?: string;
|
|
28
|
+
summaryFilteredDataLabel?: string;
|
|
29
|
+
summaryTotalCount?: number;
|
|
30
|
+
summaryTotalPageCountLabel?: string;
|
|
31
|
+
summarySumLabel?: string;
|
|
32
|
+
summaryAvgLabel?: string;
|
|
33
|
+
summaryMinLabel?: string;
|
|
34
|
+
summaryMaxLabel?: string;
|
|
35
|
+
summaryCountLabel?: string;
|
|
36
|
+
}
|
|
37
|
+
interface OdsTransferProps<T = any> {
|
|
38
|
+
dataSource?: T[];
|
|
39
|
+
language: string;
|
|
40
|
+
pagingEnable?: boolean;
|
|
41
|
+
pageSize?: number;
|
|
42
|
+
isServerSide: boolean;
|
|
43
|
+
axiosRequest?: AxiosProps;
|
|
44
|
+
customSummary?: SummaryRowOptions;
|
|
45
|
+
dataGridPageName?: string;
|
|
46
|
+
columns: (string | Column)[];
|
|
47
|
+
pageTitle?: string;
|
|
48
|
+
keyExpr: string;
|
|
49
|
+
noDataText: string;
|
|
50
|
+
defaultPageSize: number;
|
|
51
|
+
targetItems?: T[];
|
|
52
|
+
noContentMainText: string;
|
|
53
|
+
noContentSubText: string;
|
|
54
|
+
onTargetChange?: (selectedItems: T[]) => void;
|
|
55
|
+
sourceTitle?: string;
|
|
56
|
+
targetTitle?: string;
|
|
57
|
+
displayPageTitle?: boolean;
|
|
58
|
+
className?: string;
|
|
59
|
+
rootClassName?: string;
|
|
60
|
+
showSearch?: boolean;
|
|
61
|
+
render?: TransferProps<T>["render"];
|
|
62
|
+
useCustomHeader?: boolean;
|
|
63
|
+
}
|
|
64
|
+
declare const OdsTransferV2: FC<OdsTransferProps>;
|
|
65
|
+
export default OdsTransferV2;
|