ods-component-lib 1.17.105 → 1.17.107
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/alert/OdsAlert.d.ts +2 -2
- package/dist/components/antd/button/OdsButton.styled.d.ts +2 -2
- 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 +3 -0
- package/dist/index.js +71 -45
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +70 -46
- 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;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { AlertProps } from "antd";
|
|
2
2
|
import React from "react";
|
|
3
|
-
declare function OdsAlert(props: AlertProps): React.JSX.Element;
|
|
4
|
-
export
|
|
3
|
+
export declare function OdsAlert(props: AlertProps): React.JSX.Element;
|
|
4
|
+
export declare function OdsBannerAlert(props: AlertProps): React.JSX.Element;
|
|
@@ -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
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { OdsAlert, OdsBannerAlert } from "./components/antd/alert/OdsAlert";
|
|
1
2
|
import OdsAutoComplete from "./components/antd/autocomplete/OdsAutoComplete";
|
|
2
3
|
import OdsButton from "./components/antd/button/OdsButton";
|
|
3
4
|
import OdsDropdownButton from "./components/antd/button/OdsDropdownButton";
|
|
@@ -96,3 +97,5 @@ export { DxTreeList };
|
|
|
96
97
|
export { OdsDisplayGrid };
|
|
97
98
|
export { OdsProfDataGrid };
|
|
98
99
|
export { OdsRemoteDataGrid };
|
|
100
|
+
export { OdsAlert };
|
|
101
|
+
export { OdsBannerAlert };
|
package/dist/index.js
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
|
2
2
|
|
|
3
|
-
var React = require('react');
|
|
4
|
-
var React__default = _interopDefault(React);
|
|
5
3
|
var antd = require('antd');
|
|
6
4
|
var styled = require('styled-components');
|
|
7
5
|
var styled__default = _interopDefault(styled);
|
|
6
|
+
var Marquee = _interopDefault(require('react-fast-marquee'));
|
|
7
|
+
var React = require('react');
|
|
8
|
+
var React__default = _interopDefault(React);
|
|
8
9
|
var Card = _interopDefault(require('antd/es/card/Card'));
|
|
9
10
|
var icons = require('@ant-design/icons');
|
|
10
11
|
require('react-phone-input-2/lib/style.css');
|
|
@@ -47,7 +48,29 @@ function _taggedTemplateLiteralLoose(strings, raw) {
|
|
|
47
48
|
}
|
|
48
49
|
|
|
49
50
|
var _templateObject;
|
|
50
|
-
var
|
|
51
|
+
var StyledAlert = styled__default(antd.Alert)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
52
|
+
|
|
53
|
+
var onClose = function onClose(e) {
|
|
54
|
+
console.log(e, 'I was closed.');
|
|
55
|
+
};
|
|
56
|
+
function OdsAlert(props) {
|
|
57
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledAlert, Object.assign({}, props, {
|
|
58
|
+
onClose: onClose
|
|
59
|
+
})));
|
|
60
|
+
}
|
|
61
|
+
function OdsBannerAlert(props) {
|
|
62
|
+
var html = React__default.createElement(StyledAlert, {
|
|
63
|
+
banner: true,
|
|
64
|
+
message: React__default.createElement(Marquee, {
|
|
65
|
+
pauseOnHover: true,
|
|
66
|
+
gradient: false
|
|
67
|
+
}, props.message)
|
|
68
|
+
});
|
|
69
|
+
return html;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
var _templateObject$1;
|
|
73
|
+
var StyledAutoComplete = styled__default(antd.AutoComplete)(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
51
74
|
|
|
52
75
|
var lightTheme = {
|
|
53
76
|
token: {
|
|
@@ -387,8 +410,8 @@ function OdsAutoComplete(props) {
|
|
|
387
410
|
}, React__default.createElement(StyledAutoComplete, Object.assign({}, props), props.children)));
|
|
388
411
|
}
|
|
389
412
|
|
|
390
|
-
var _templateObject$
|
|
391
|
-
var StyledButton = styled__default(antd.Button)(_templateObject$
|
|
413
|
+
var _templateObject$2;
|
|
414
|
+
var StyledButton = styled__default(antd.Button)(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteralLoose(["\n box-shadow: none;\n"])));
|
|
392
415
|
|
|
393
416
|
function OdsButton(props) {
|
|
394
417
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
|
|
@@ -420,8 +443,8 @@ function OdsDropdownButton(props) {
|
|
|
420
443
|
}, props.children)));
|
|
421
444
|
}
|
|
422
445
|
|
|
423
|
-
var _templateObject$
|
|
424
|
-
var StyledCalendar = styled__default(antd.Calendar)(_templateObject$
|
|
446
|
+
var _templateObject$3;
|
|
447
|
+
var StyledCalendar = styled__default(antd.Calendar)(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteralLoose(["\n width:100%;\n"])));
|
|
425
448
|
|
|
426
449
|
function OdsCalendar(props) {
|
|
427
450
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
|
|
@@ -429,8 +452,8 @@ function OdsCalendar(props) {
|
|
|
429
452
|
}, React__default.createElement(StyledCalendar, Object.assign({}, props))));
|
|
430
453
|
}
|
|
431
454
|
|
|
432
|
-
var _templateObject$
|
|
433
|
-
var StyledCard = styled__default(Card)(_templateObject$
|
|
455
|
+
var _templateObject$4;
|
|
456
|
+
var StyledCard = styled__default(Card)(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
434
457
|
|
|
435
458
|
var Meta = antd.Card.Meta;
|
|
436
459
|
function OdsCard(props) {
|
|
@@ -442,8 +465,8 @@ function OdsCard(props) {
|
|
|
442
465
|
})));
|
|
443
466
|
}
|
|
444
467
|
|
|
445
|
-
var _templateObject$
|
|
446
|
-
var StyledCheckbox = styled__default(antd.Checkbox)(_templateObject$
|
|
468
|
+
var _templateObject$5;
|
|
469
|
+
var StyledCheckbox = styled__default(antd.Checkbox)(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteralLoose(["\n box-shadow: none;\n"])));
|
|
447
470
|
|
|
448
471
|
function OdsCheckbox(props) {
|
|
449
472
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
|
|
@@ -459,8 +482,8 @@ function OdsCheckboxGroup(props) {
|
|
|
459
482
|
}, props.children)));
|
|
460
483
|
}
|
|
461
484
|
|
|
462
|
-
var _templateObject$
|
|
463
|
-
var StyledDatepicker = styled__default(antd.DatePicker)(_templateObject$
|
|
485
|
+
var _templateObject$6;
|
|
486
|
+
var StyledDatepicker = styled__default(antd.DatePicker)(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteralLoose(["\n width:100%;\n"])));
|
|
464
487
|
|
|
465
488
|
function OdsDateRangePicker(props) {
|
|
466
489
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
|
|
@@ -472,15 +495,15 @@ function OdsDateRangePicker(props) {
|
|
|
472
495
|
}))));
|
|
473
496
|
}
|
|
474
497
|
|
|
475
|
-
var _templateObject$
|
|
476
|
-
var StyledDivider = styled__default(antd.Divider)(_templateObject$
|
|
498
|
+
var _templateObject$7;
|
|
499
|
+
var StyledDivider = styled__default(antd.Divider)(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
477
500
|
|
|
478
501
|
function OdsDivider(props) {
|
|
479
502
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledDivider, Object.assign({}, props)));
|
|
480
503
|
}
|
|
481
504
|
|
|
482
|
-
var _templateObject$
|
|
483
|
-
var StyledDropdown = styled__default(antd.Dropdown)(_templateObject$
|
|
505
|
+
var _templateObject$8;
|
|
506
|
+
var StyledDropdown = styled__default(antd.Dropdown)(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
484
507
|
|
|
485
508
|
var handleMenuClick = function handleMenuClick(e) {
|
|
486
509
|
console.log('click', e);
|
|
@@ -497,8 +520,8 @@ function OdsCollapse(props) {
|
|
|
497
520
|
}, props.children)));
|
|
498
521
|
}
|
|
499
522
|
|
|
500
|
-
var _templateObject$
|
|
501
|
-
var StyledInput = styled__default(antd.Input)(_templateObject$
|
|
523
|
+
var _templateObject$9;
|
|
524
|
+
var StyledInput = styled__default(antd.Input)(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
502
525
|
|
|
503
526
|
function OdsInput(props) {
|
|
504
527
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
|
|
@@ -620,8 +643,8 @@ function OdsTextArea(props) {
|
|
|
620
643
|
}, React__default.createElement(StyledInput.TextArea, Object.assign({}, props), props === null || props === void 0 ? void 0 : props.children)));
|
|
621
644
|
}
|
|
622
645
|
|
|
623
|
-
var _templateObject$
|
|
624
|
-
var StyledInputNumber = styled__default(antd.InputNumber)(_templateObject$
|
|
646
|
+
var _templateObject$a;
|
|
647
|
+
var StyledInputNumber = styled__default(antd.InputNumber)(_templateObject$a || (_templateObject$a = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
625
648
|
|
|
626
649
|
function OdsInputNumber(props) {
|
|
627
650
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
|
|
@@ -629,8 +652,8 @@ function OdsInputNumber(props) {
|
|
|
629
652
|
}, React__default.createElement(StyledInputNumber, Object.assign({}, props))));
|
|
630
653
|
}
|
|
631
654
|
|
|
632
|
-
var _templateObject$
|
|
633
|
-
var StyledList = styled__default(antd.List)(_templateObject$
|
|
655
|
+
var _templateObject$b;
|
|
656
|
+
var StyledList = styled__default(antd.List)(_templateObject$b || (_templateObject$b = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
634
657
|
|
|
635
658
|
function OdsList(props) {
|
|
636
659
|
props.size = "default";
|
|
@@ -732,8 +755,8 @@ var OdsNotification = function OdsNotification(props) {
|
|
|
732
755
|
return null;
|
|
733
756
|
};
|
|
734
757
|
|
|
735
|
-
var _templateObject$
|
|
736
|
-
var StyledRadio = styled__default(antd.Radio)(_templateObject$
|
|
758
|
+
var _templateObject$c;
|
|
759
|
+
var StyledRadio = styled__default(antd.Radio)(_templateObject$c || (_templateObject$c = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
737
760
|
|
|
738
761
|
var darkTheme = {
|
|
739
762
|
token: {
|
|
@@ -982,8 +1005,8 @@ function OdsRadioGroup(props) {
|
|
|
982
1005
|
}, props), props.children));
|
|
983
1006
|
}
|
|
984
1007
|
|
|
985
|
-
var _templateObject$
|
|
986
|
-
var StyledRate = styled__default(antd.Rate)(_templateObject$
|
|
1008
|
+
var _templateObject$d;
|
|
1009
|
+
var StyledRate = styled__default(antd.Rate)(_templateObject$d || (_templateObject$d = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
987
1010
|
|
|
988
1011
|
var customIcons = {
|
|
989
1012
|
1: React__default.createElement(icons.FrownOutlined, null),
|
|
@@ -997,15 +1020,15 @@ function OdsRate(props) {
|
|
|
997
1020
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledRate, Object.assign({}, props)));
|
|
998
1021
|
}
|
|
999
1022
|
|
|
1000
|
-
var _templateObject$
|
|
1001
|
-
var StyledSelect = styled__default(antd.Select)(_templateObject$
|
|
1023
|
+
var _templateObject$e;
|
|
1024
|
+
var StyledSelect = styled__default(antd.Select)(_templateObject$e || (_templateObject$e = _taggedTemplateLiteralLoose(["\n width:100%;\n"])));
|
|
1002
1025
|
|
|
1003
1026
|
function OdsSelect(props) {
|
|
1004
1027
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledSelect, Object.assign({}, props)));
|
|
1005
1028
|
}
|
|
1006
1029
|
|
|
1007
|
-
var _templateObject$
|
|
1008
|
-
var StyledSpin = styled__default(antd.Spin)(_templateObject$
|
|
1030
|
+
var _templateObject$f;
|
|
1031
|
+
var StyledSpin = styled__default(antd.Spin)(_templateObject$f || (_templateObject$f = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
1009
1032
|
|
|
1010
1033
|
function OdsSpin(props) {
|
|
1011
1034
|
var _useState = React.useState(true),
|
|
@@ -1016,15 +1039,15 @@ function OdsSpin(props) {
|
|
|
1016
1039
|
}), props.children));
|
|
1017
1040
|
}
|
|
1018
1041
|
|
|
1019
|
-
var _templateObject$
|
|
1020
|
-
var StyledSwitch = styled__default(antd.Switch)(_templateObject$
|
|
1042
|
+
var _templateObject$g;
|
|
1043
|
+
var StyledSwitch = styled__default(antd.Switch)(_templateObject$g || (_templateObject$g = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
1021
1044
|
|
|
1022
1045
|
function OdsSwitch(props) {
|
|
1023
1046
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledSwitch, Object.assign({}, props)));
|
|
1024
1047
|
}
|
|
1025
1048
|
|
|
1026
|
-
var _templateObject$
|
|
1027
|
-
var StyledTabs = styled__default(antd.Tabs)(_templateObject$
|
|
1049
|
+
var _templateObject$h;
|
|
1050
|
+
var StyledTabs = styled__default(antd.Tabs)(_templateObject$h || (_templateObject$h = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
1028
1051
|
|
|
1029
1052
|
var onChange = function onChange(key) {
|
|
1030
1053
|
console.log(key);
|
|
@@ -1061,8 +1084,8 @@ function OdsTab(props) {
|
|
|
1061
1084
|
}), props.children));
|
|
1062
1085
|
}
|
|
1063
1086
|
|
|
1064
|
-
var _templateObject$
|
|
1065
|
-
var StyledTable = styled__default(antd.Table)(_templateObject$
|
|
1087
|
+
var _templateObject$i;
|
|
1088
|
+
var StyledTable = styled__default(antd.Table)(_templateObject$i || (_templateObject$i = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
1066
1089
|
|
|
1067
1090
|
function OdsBasicTable(props) {
|
|
1068
1091
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledTable, Object.assign({}, props)));
|
|
@@ -1085,22 +1108,22 @@ function OdsSelectableTable(props) {
|
|
|
1085
1108
|
})));
|
|
1086
1109
|
}
|
|
1087
1110
|
|
|
1088
|
-
var _templateObject$
|
|
1089
|
-
var StyledTag = styled__default(antd.Tag)(_templateObject$
|
|
1111
|
+
var _templateObject$j;
|
|
1112
|
+
var StyledTag = styled__default(antd.Tag)(_templateObject$j || (_templateObject$j = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
1090
1113
|
|
|
1091
1114
|
function OdsTag(props) {
|
|
1092
1115
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledTag, Object.assign({}, props), props.children));
|
|
1093
1116
|
}
|
|
1094
1117
|
|
|
1095
|
-
var _templateObject$
|
|
1096
|
-
var StyledtTimeline = styled__default(antd.Timeline)(_templateObject$
|
|
1118
|
+
var _templateObject$k;
|
|
1119
|
+
var StyledtTimeline = styled__default(antd.Timeline)(_templateObject$k || (_templateObject$k = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
1097
1120
|
|
|
1098
1121
|
function OdsTimeline(props) {
|
|
1099
1122
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledtTimeline, Object.assign({}, props), props.children));
|
|
1100
1123
|
}
|
|
1101
1124
|
|
|
1102
|
-
var _templateObject$
|
|
1103
|
-
var StyledTimepicker = styled__default(antd.TimePicker)(_templateObject$
|
|
1125
|
+
var _templateObject$l;
|
|
1126
|
+
var StyledTimepicker = styled__default(antd.TimePicker)(_templateObject$l || (_templateObject$l = _taggedTemplateLiteralLoose(["\n width:100%;\n"])));
|
|
1104
1127
|
|
|
1105
1128
|
function OdsRangeTimepicker(props) {
|
|
1106
1129
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledTimepicker.RangePicker, Object.assign({}, props)));
|
|
@@ -1123,8 +1146,8 @@ function OdsTimepicker(props) {
|
|
|
1123
1146
|
})));
|
|
1124
1147
|
}
|
|
1125
1148
|
|
|
1126
|
-
var _templateObject$
|
|
1127
|
-
var StyledtTypography = styled__default(antd.Typography)(_templateObject$
|
|
1149
|
+
var _templateObject$m;
|
|
1150
|
+
var StyledtTypography = styled__default(antd.Typography)(_templateObject$m || (_templateObject$m = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
1128
1151
|
|
|
1129
1152
|
function OdsLink(props) {
|
|
1130
1153
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledtTypography, Object.assign({}, props), props === null || props === void 0 ? void 0 : props.Link));
|
|
@@ -1279,6 +1302,7 @@ function grid(props, dataGridRef) {
|
|
|
1279
1302
|
keyExpr: props.keyExpr,
|
|
1280
1303
|
allowColumnResizing: true,
|
|
1281
1304
|
columnResizingMode: "widget",
|
|
1305
|
+
onContentReady: props.onContentReady,
|
|
1282
1306
|
onRowInserted: props.onRowInserted,
|
|
1283
1307
|
onRowUpdated: props.onRowUpdated,
|
|
1284
1308
|
onRowRemoved: props.onRowRemoved,
|
|
@@ -2128,7 +2152,9 @@ var DxTreeView = function DxTreeView(props) {
|
|
|
2128
2152
|
|
|
2129
2153
|
exports.DxTreeList = DxTreeList;
|
|
2130
2154
|
exports.DxTreeView = DxTreeView;
|
|
2155
|
+
exports.OdsAlert = OdsAlert;
|
|
2131
2156
|
exports.OdsAutoComplete = OdsAutoComplete;
|
|
2157
|
+
exports.OdsBannerAlert = OdsBannerAlert;
|
|
2132
2158
|
exports.OdsBasicForm = OdsBasicForm;
|
|
2133
2159
|
exports.OdsBasicTable = OdsBasicTable;
|
|
2134
2160
|
exports.OdsButton = OdsButton;
|