ods-component-lib 1.17.126 → 1.17.129
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/OdsDataGrid.d.ts +3 -3
- package/dist/components/antd/button/OdsButton.styled.d.ts +2 -2
- package/dist/components/antd/select/OdsCustomMultiSelect.d.ts +7 -0
- package/dist/components/antd/table/OdsTable.d.ts +3 -3
- package/dist/components/devextreme/DxDataGridForm.d.ts +3 -3
- package/dist/components/devextreme/datagrid/OdsDataGrid.d.ts +21 -21
- package/dist/index.css +75 -75
- package/dist/index.d.ts +2 -0
- package/dist/index.js +65 -14
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +66 -16
- package/dist/index.modern.js.map +1 -1
- package/package.json +108 -108
package/dist/OdsDataGrid.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
declare function OdsDataGrid(props: any): React.JSX.Element;
|
|
3
|
-
export default OdsDataGrid;
|
|
1
|
+
import React from "react";
|
|
2
|
+
declare function OdsDataGrid(props: any): React.JSX.Element;
|
|
3
|
+
export default OdsDataGrid;
|
|
@@ -3,9 +3,9 @@ export declare const StyledButton: import("styled-components").StyledComponent<i
|
|
|
3
3
|
href: string;
|
|
4
4
|
target?: import("react").HTMLAttributeAnchorTarget;
|
|
5
5
|
onClick?: (event: import("react").MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
|
|
6
|
-
} & import("antd/es/button/button").BaseButtonProps & Pick<import("react").AnchorHTMLAttributes<
|
|
6
|
+
} & import("antd/es/button/button").BaseButtonProps & Pick<import("react").AnchorHTMLAttributes<HTMLButtonElement | HTMLAnchorElement>, "slot" | "style" | "title" | "role" | "className" | "onMouseEnter" | "onMouseLeave" | "children" | "id" | "tabIndex" | "autoFocus" | "placeholder" | "onBlur" | "onFocus" | "onKeyUp" | "onKeyDown" | "onMouseDown" | "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" | "onSelect" | "defaultValue" | "onChange" | "download" | "href" | "hrefLang" | "media" | "ping" | "target" | "referrerPolicy" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "nonce" | "spellCheck" | "translate" | "radioGroup" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "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" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "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"> & {
|
|
7
7
|
htmlType?: "button" | "submit" | "reset";
|
|
8
8
|
onClick?: (event: import("react").MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
|
9
|
-
} & Pick<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "form" | "slot" | "style" | "title" | "name" | "
|
|
9
|
+
} & Pick<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "form" | "slot" | "style" | "title" | "name" | "role" | "className" | "onMouseEnter" | "onMouseLeave" | "children" | "id" | "tabIndex" | "autoFocus" | "placeholder" | "disabled" | "onBlur" | "onFocus" | "onKeyUp" | "onKeyDown" | "onMouseDown" | "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" | "onSelect" | "value" | "defaultValue" | "onChange" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "nonce" | "spellCheck" | "translate" | "radioGroup" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "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" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "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" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget">> & import("react").RefAttributes<HTMLElement>> & {
|
|
10
10
|
Group: import("react").FC<import("antd/es/button").ButtonGroupProps>;
|
|
11
11
|
}, any, {}, never>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
declare function OdsTable(props: any): React.JSX.Element;
|
|
3
|
-
export default OdsTable;
|
|
1
|
+
import React from "react";
|
|
2
|
+
declare function OdsTable(props: any): React.JSX.Element;
|
|
3
|
+
export default OdsTable;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
declare const _default: React.MemoExoticComponent<(props: any) => React.JSX.Element>;
|
|
3
|
-
export default _default;
|
|
1
|
+
import React from "react";
|
|
2
|
+
declare const _default: React.MemoExoticComponent<(props: any) => React.JSX.Element>;
|
|
3
|
+
export default _default;
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
export declare const dummyData: {
|
|
3
|
-
EmployeeID: number;
|
|
4
|
-
FullName: string;
|
|
5
|
-
Position: string;
|
|
6
|
-
TitleOfCourtesy: string;
|
|
7
|
-
BirthDate: string;
|
|
8
|
-
HireDate: string;
|
|
9
|
-
Address: string;
|
|
10
|
-
City: string;
|
|
11
|
-
Region: string;
|
|
12
|
-
PostalCode: string;
|
|
13
|
-
Country: string;
|
|
14
|
-
HomePhone: string;
|
|
15
|
-
Extension: string;
|
|
16
|
-
Photo: string;
|
|
17
|
-
Notes: string;
|
|
18
|
-
ReportsTo: number;
|
|
19
|
-
}[];
|
|
20
|
-
declare function OdsDataGrid(props: any): React.JSX.Element;
|
|
21
|
-
export default OdsDataGrid;
|
|
1
|
+
import React from "react";
|
|
2
|
+
export declare const dummyData: {
|
|
3
|
+
EmployeeID: number;
|
|
4
|
+
FullName: string;
|
|
5
|
+
Position: string;
|
|
6
|
+
TitleOfCourtesy: string;
|
|
7
|
+
BirthDate: string;
|
|
8
|
+
HireDate: string;
|
|
9
|
+
Address: string;
|
|
10
|
+
City: string;
|
|
11
|
+
Region: string;
|
|
12
|
+
PostalCode: string;
|
|
13
|
+
Country: string;
|
|
14
|
+
HomePhone: string;
|
|
15
|
+
Extension: string;
|
|
16
|
+
Photo: string;
|
|
17
|
+
Notes: string;
|
|
18
|
+
ReportsTo: number;
|
|
19
|
+
}[];
|
|
20
|
+
declare function OdsDataGrid(props: any): React.JSX.Element;
|
|
21
|
+
export default OdsDataGrid;
|
package/dist/index.css
CHANGED
|
@@ -1,76 +1,76 @@
|
|
|
1
|
-
|
|
2
|
-
:root {
|
|
3
|
-
--colorText: #000000E0;
|
|
4
|
-
--controlItemBgActive:#E6F4FF
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
tr._2CvVM._3udtX._32nFu{
|
|
8
|
-
background: var(--controlItemBgActive, #E6F4FF) !important;
|
|
9
|
-
display: flex;
|
|
10
|
-
align-items: center;
|
|
11
|
-
flex: 1 0 0;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
._2jY0l {
|
|
15
|
-
padding-top: 10px !important;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
._36VXO {
|
|
19
|
-
width: 100%;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
div._1veiV {
|
|
23
|
-
max-width: 100% !important;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
tr:first-child {
|
|
27
|
-
background-color: #E6F4FF !important; /* Replace with your desired background color */
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
._q4jkZ > ._1UPzZ, ._q4jkZ > ._1XbNt {
|
|
32
|
-
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
._q4jkZ ._1UPzZ, ._1GEDH + ._1UPzZ, ._1UPzZ._4V16J {
|
|
36
|
-
border-top: 1px solid rgba(0, 0, 0, 0.06);
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
._q4jkZ > ._1GEDH, ._q4jkZ > ._1UPzZ, ._q4jkZ > ._1XbNt {
|
|
40
|
-
border-left: 1px solid rgba(0, 0, 0, 0.06);
|
|
41
|
-
border-right: 1px solid rgba(0, 0, 0, 0.06);
|
|
42
|
-
border-radius: 5px;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
._q4jkZ > ._3mbXf, ._q4jkZ > ._1GEDH {
|
|
46
|
-
border-top: 1px solid rgba(0, 0, 0, 0.06);
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
._1GEDH ._2NiLf ._2CvVM > td {
|
|
50
|
-
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
._36VXO ._3udtX > td {
|
|
54
|
-
border-left: 1px solid rgba(0, 0, 0, 0.06);
|
|
55
|
-
border-right: 1px solid rgba(0, 0, 0, 0.06);
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
._1GEDH {
|
|
59
|
-
border-bottom: none;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
._1GEDH {
|
|
63
|
-
color: #000000E0;
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
._pljbP {
|
|
67
|
-
border-radius: 6px;
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
._3nKdN, ._23Fql {
|
|
71
|
-
background-color: #E6F4FF;
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
._1hTxK._3umXw {
|
|
75
|
-
background-color: #E6F4FF;
|
|
1
|
+
|
|
2
|
+
:root {
|
|
3
|
+
--colorText: #000000E0;
|
|
4
|
+
--controlItemBgActive:#E6F4FF
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
tr._2CvVM._3udtX._32nFu{
|
|
8
|
+
background: var(--controlItemBgActive, #E6F4FF) !important;
|
|
9
|
+
display: flex;
|
|
10
|
+
align-items: center;
|
|
11
|
+
flex: 1 0 0;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
._2jY0l {
|
|
15
|
+
padding-top: 10px !important;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
._36VXO {
|
|
19
|
+
width: 100%;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
div._1veiV {
|
|
23
|
+
max-width: 100% !important;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
tr:first-child {
|
|
27
|
+
background-color: #E6F4FF !important; /* Replace with your desired background color */
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
._q4jkZ > ._1UPzZ, ._q4jkZ > ._1XbNt {
|
|
32
|
+
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
._q4jkZ ._1UPzZ, ._1GEDH + ._1UPzZ, ._1UPzZ._4V16J {
|
|
36
|
+
border-top: 1px solid rgba(0, 0, 0, 0.06);
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
._q4jkZ > ._1GEDH, ._q4jkZ > ._1UPzZ, ._q4jkZ > ._1XbNt {
|
|
40
|
+
border-left: 1px solid rgba(0, 0, 0, 0.06);
|
|
41
|
+
border-right: 1px solid rgba(0, 0, 0, 0.06);
|
|
42
|
+
border-radius: 5px;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
._q4jkZ > ._3mbXf, ._q4jkZ > ._1GEDH {
|
|
46
|
+
border-top: 1px solid rgba(0, 0, 0, 0.06);
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
._1GEDH ._2NiLf ._2CvVM > td {
|
|
50
|
+
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
._36VXO ._3udtX > td {
|
|
54
|
+
border-left: 1px solid rgba(0, 0, 0, 0.06);
|
|
55
|
+
border-right: 1px solid rgba(0, 0, 0, 0.06);
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
._1GEDH {
|
|
59
|
+
border-bottom: none;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
._1GEDH {
|
|
63
|
+
color: #000000E0;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
._pljbP {
|
|
67
|
+
border-radius: 6px;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
._3nKdN, ._23Fql {
|
|
71
|
+
background-color: #E6F4FF;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
._1hTxK._3umXw {
|
|
75
|
+
background-color: #E6F4FF;
|
|
76
76
|
}
|
package/dist/index.d.ts
CHANGED
|
@@ -26,6 +26,7 @@ import OdsNotification from "./components/antd/notification/OdsNotification";
|
|
|
26
26
|
import OdsRadio from "./components/antd/radio/OdsRadio";
|
|
27
27
|
import OdsRadioGroup from "./components/antd/radio/OdsRadioGroup";
|
|
28
28
|
import OdsRate from "./components/antd/rate/OdsRate";
|
|
29
|
+
import OdsCustomMultiSelect from "./components/antd/select/OdsCustomMultiSelect";
|
|
29
30
|
import OdsSelect from "./components/antd/select/OdsSelect";
|
|
30
31
|
import OdsSpin from "./components/antd/spin/OdsSpin";
|
|
31
32
|
import OdsSwitch from "./components/antd/switch/OdsSwitch";
|
|
@@ -99,3 +100,4 @@ export { OdsProfDataGrid };
|
|
|
99
100
|
export { OdsRemoteDataGrid };
|
|
100
101
|
export { OdsAlert };
|
|
101
102
|
export { OdsBannerAlert };
|
|
103
|
+
export { OdsCustomMultiSelect };
|
package/dist/index.js
CHANGED
|
@@ -12,7 +12,6 @@ require('react-phone-input-2/lib/style.css');
|
|
|
12
12
|
var PhoneInput = _interopDefault(require('react-phone-input-2'));
|
|
13
13
|
var message = _interopDefault(require('antd/es/message'));
|
|
14
14
|
var Parser = _interopDefault(require('html-react-parser'));
|
|
15
|
-
var localization = require('devextreme/localization');
|
|
16
15
|
var dataGrid = require('devextreme-react/data-grid');
|
|
17
16
|
var form = require('devextreme-react/form');
|
|
18
17
|
var pdf_exporter = require('devextreme/pdf_exporter');
|
|
@@ -21,6 +20,7 @@ var jsPDF = _interopDefault(require('jspdf'));
|
|
|
21
20
|
var exceljs = require('exceljs');
|
|
22
21
|
var fileSaverEs = require('file-saver-es');
|
|
23
22
|
var moment = _interopDefault(require('moment'));
|
|
23
|
+
var localization = require('devextreme/localization');
|
|
24
24
|
var devextremeReact = require('devextreme-react');
|
|
25
25
|
var AspNetData = require('devextreme-aspnet-data-nojquery');
|
|
26
26
|
var treeView = require('devextreme-react/tree-view');
|
|
@@ -658,7 +658,9 @@ var StyledList = styled__default(antd.List)(_templateObject$b || (_templateObjec
|
|
|
658
658
|
|
|
659
659
|
function OdsList(props) {
|
|
660
660
|
props.size = "default";
|
|
661
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(
|
|
661
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
|
|
662
|
+
theme: lightTheme
|
|
663
|
+
}, React__default.createElement(StyledList, {
|
|
662
664
|
size: props.size,
|
|
663
665
|
header: props.showHeader && React__default.createElement("div", null, props.headerText),
|
|
664
666
|
footer: props.showFooter && React__default.createElement("div", null, props.footerText),
|
|
@@ -667,7 +669,7 @@ function OdsList(props) {
|
|
|
667
669
|
renderItem: function renderItem(item) {
|
|
668
670
|
return React__default.createElement(antd.List.Item, null, item);
|
|
669
671
|
}
|
|
670
|
-
}, props.children));
|
|
672
|
+
}, props.children)));
|
|
671
673
|
}
|
|
672
674
|
|
|
673
675
|
function OdsMessage(type, content, duration) {
|
|
@@ -739,7 +741,15 @@ function OdsModal(props) {
|
|
|
739
741
|
onCancel: props.onCancel
|
|
740
742
|
}), React__default.createElement("div", {
|
|
741
743
|
className: "content"
|
|
742
|
-
}, Parser(props.content)))
|
|
744
|
+
}, Parser(props.content))), React__default.createElement(styled.ThemeProvider, {
|
|
745
|
+
theme: lightTheme
|
|
746
|
+
}, React__default.createElement(antd.Modal, Object.assign({}, props, {
|
|
747
|
+
open: props.open,
|
|
748
|
+
onOk: props.onOk,
|
|
749
|
+
onCancel: props.onCancel
|
|
750
|
+
}), React__default.createElement("div", {
|
|
751
|
+
className: "content"
|
|
752
|
+
}, Parser(props.content)))));
|
|
743
753
|
}
|
|
744
754
|
|
|
745
755
|
var OdsNotification = function OdsNotification(props) {
|
|
@@ -1018,14 +1028,51 @@ var customIcons = {
|
|
|
1018
1028
|
6: React__default.createElement(icons.HeartOutlined, null)
|
|
1019
1029
|
};
|
|
1020
1030
|
function OdsRate(props) {
|
|
1021
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(
|
|
1031
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
|
|
1032
|
+
theme: lightTheme
|
|
1033
|
+
}, React__default.createElement(StyledRate, Object.assign({}, props))));
|
|
1022
1034
|
}
|
|
1023
1035
|
|
|
1024
1036
|
var _templateObject$e;
|
|
1025
1037
|
var StyledSelect = styled__default(antd.Select)(_templateObject$e || (_templateObject$e = _taggedTemplateLiteralLoose(["\n width:100%;\n"])));
|
|
1026
1038
|
|
|
1039
|
+
function OdsCustomMultiSelect(props) {
|
|
1040
|
+
var _useState = React.useState(false),
|
|
1041
|
+
open = _useState[0],
|
|
1042
|
+
setOpen = _useState[1];
|
|
1043
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
|
|
1044
|
+
theme: lightTheme
|
|
1045
|
+
}, React__default.createElement(StyledSelect, Object.assign({}, props, {
|
|
1046
|
+
open: open,
|
|
1047
|
+
onDropdownVisibleChange: function onDropdownVisibleChange(visible) {
|
|
1048
|
+
return setOpen(visible);
|
|
1049
|
+
},
|
|
1050
|
+
dropdownRender: function dropdownRender(menu) {
|
|
1051
|
+
return React__default.createElement(React__default.Fragment, null, menu, React__default.createElement(OdsDivider, {
|
|
1052
|
+
style: {
|
|
1053
|
+
margin: '8px 0'
|
|
1054
|
+
}
|
|
1055
|
+
}), React__default.createElement(antd.Space, {
|
|
1056
|
+
style: {
|
|
1057
|
+
padding: '0 8px 4px'
|
|
1058
|
+
}
|
|
1059
|
+
}, React__default.createElement(OdsButton, {
|
|
1060
|
+
style: {
|
|
1061
|
+
width: "100%"
|
|
1062
|
+
},
|
|
1063
|
+
type: "primary",
|
|
1064
|
+
onClick: function onClick() {
|
|
1065
|
+
return setOpen(false);
|
|
1066
|
+
}
|
|
1067
|
+
}, props.buttonLabel)));
|
|
1068
|
+
}
|
|
1069
|
+
}))));
|
|
1070
|
+
}
|
|
1071
|
+
|
|
1027
1072
|
function OdsSelect(props) {
|
|
1028
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(
|
|
1073
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
|
|
1074
|
+
theme: lightTheme
|
|
1075
|
+
}, React__default.createElement(StyledSelect, Object.assign({}, props))));
|
|
1029
1076
|
}
|
|
1030
1077
|
|
|
1031
1078
|
var _templateObject$f;
|
|
@@ -1044,7 +1091,9 @@ var _templateObject$g;
|
|
|
1044
1091
|
var StyledSwitch = styled__default(antd.Switch)(_templateObject$g || (_templateObject$g = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
1045
1092
|
|
|
1046
1093
|
function OdsSwitch(props) {
|
|
1047
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(
|
|
1094
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
|
|
1095
|
+
theme: lightTheme
|
|
1096
|
+
}, React__default.createElement(StyledSwitch, Object.assign({}, props))));
|
|
1048
1097
|
}
|
|
1049
1098
|
|
|
1050
1099
|
var _templateObject$h;
|
|
@@ -1076,13 +1125,15 @@ function OdsTab(props) {
|
|
|
1076
1125
|
setTabPosition = _useState2[1];
|
|
1077
1126
|
setTabPosition("top");
|
|
1078
1127
|
setSize("middle");
|
|
1079
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(
|
|
1128
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
|
|
1129
|
+
theme: lightTheme
|
|
1130
|
+
}, React__default.createElement(StyledTabs, Object.assign({}, props, {
|
|
1080
1131
|
tabPosition: tabPosition,
|
|
1081
1132
|
size: size,
|
|
1082
1133
|
defaultActiveKey: "1",
|
|
1083
1134
|
items: items$1,
|
|
1084
1135
|
onChange: onChange
|
|
1085
|
-
}), props.children));
|
|
1136
|
+
}), props.children)));
|
|
1086
1137
|
}
|
|
1087
1138
|
|
|
1088
1139
|
var _templateObject$i;
|
|
@@ -1113,7 +1164,9 @@ var _templateObject$j;
|
|
|
1113
1164
|
var StyledTag = styled__default(antd.Tag)(_templateObject$j || (_templateObject$j = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
1114
1165
|
|
|
1115
1166
|
function OdsTag(props) {
|
|
1116
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(
|
|
1167
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
|
|
1168
|
+
theme: lightTheme
|
|
1169
|
+
}, React__default.createElement(StyledTag, Object.assign({}, props), props.children)));
|
|
1117
1170
|
}
|
|
1118
1171
|
|
|
1119
1172
|
var _templateObject$k;
|
|
@@ -1286,10 +1339,7 @@ function grid(props, dataGridRef) {
|
|
|
1286
1339
|
};
|
|
1287
1340
|
localStorage.setItem(props.exportFileName + "Storage", JSON.stringify(state));
|
|
1288
1341
|
};
|
|
1289
|
-
React.useEffect(function () {
|
|
1290
|
-
localization.locale(localStorage.getItem("locale"));
|
|
1291
|
-
localization.loadMessages(JSON.parse(localStorage.getItem("localTranslation")));
|
|
1292
|
-
}, []);
|
|
1342
|
+
React.useEffect(function () {}, []);
|
|
1293
1343
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
|
|
1294
1344
|
className: "odsDatagrid",
|
|
1295
1345
|
style: {
|
|
@@ -2156,6 +2206,7 @@ exports.OdsCard = OdsCard;
|
|
|
2156
2206
|
exports.OdsCheckbox = OdsCheckbox;
|
|
2157
2207
|
exports.OdsCheckboxGroup = OdsCheckboxGroup;
|
|
2158
2208
|
exports.OdsCollapse = OdsCollapse;
|
|
2209
|
+
exports.OdsCustomMultiSelect = OdsCustomMultiSelect;
|
|
2159
2210
|
exports.OdsDataGrid = OdsDataGrid;
|
|
2160
2211
|
exports.OdsDateRangePicker = OdsDateRangePicker;
|
|
2161
2212
|
exports.OdsDatepicker = OdsDateRangePicker;
|