ods-component-lib 1.17.111 → 1.17.115
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 +30 -30
- package/dist/components/antd/button/OdsButton.styled.d.ts +3 -3
- package/dist/components/antd/select/OdsCustomMultiSelect.d.ts +4 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +70 -23
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +71 -25
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,30 +1,30 @@
|
|
|
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 --save odeon-component-library
|
|
11
|
-
```
|
|
12
|
-
|
|
13
|
-
## Usage
|
|
14
|
-
|
|
15
|
-
```tsx
|
|
16
|
-
import React, { Component } from 'react'
|
|
17
|
-
|
|
18
|
-
import MyComponent from 'odeon-component-library'
|
|
19
|
-
import 'odeon-component-library/dist/index.css'
|
|
20
|
-
|
|
21
|
-
class Example extends Component {
|
|
22
|
-
render() {
|
|
23
|
-
return <MyComponent />
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
```
|
|
27
|
-
|
|
28
|
-
## License
|
|
29
|
-
|
|
30
|
-
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 --save odeon-component-library
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
## Usage
|
|
14
|
+
|
|
15
|
+
```tsx
|
|
16
|
+
import React, { Component } from 'react'
|
|
17
|
+
|
|
18
|
+
import MyComponent from 'odeon-component-library'
|
|
19
|
+
import 'odeon-component-library/dist/index.css'
|
|
20
|
+
|
|
21
|
+
class Example extends Component {
|
|
22
|
+
render() {
|
|
23
|
+
return <MyComponent />
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
```
|
|
27
|
+
|
|
28
|
+
## License
|
|
29
|
+
|
|
30
|
+
MIT © [OdeonTechnology](https://github.com/OdeonTechnology)
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export declare const StyledButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Partial<{
|
|
3
3
|
href: string;
|
|
4
|
-
target?:
|
|
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>;
|
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
|
@@ -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) {
|
|
@@ -733,13 +735,15 @@ function OdsMessage(type, content, duration) {
|
|
|
733
735
|
}
|
|
734
736
|
|
|
735
737
|
function OdsModal(props) {
|
|
736
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(
|
|
738
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
|
|
739
|
+
theme: lightTheme
|
|
740
|
+
}, React__default.createElement(antd.Modal, Object.assign({}, props, {
|
|
737
741
|
open: props.open,
|
|
738
742
|
onOk: props.onOk,
|
|
739
743
|
onCancel: props.onCancel
|
|
740
744
|
}), React__default.createElement("div", {
|
|
741
745
|
className: "content"
|
|
742
|
-
}, Parser(props.content))));
|
|
746
|
+
}, Parser(props.content)))));
|
|
743
747
|
}
|
|
744
748
|
|
|
745
749
|
var OdsNotification = function OdsNotification(props) {
|
|
@@ -1018,14 +1022,49 @@ var customIcons = {
|
|
|
1018
1022
|
6: React__default.createElement(icons.HeartOutlined, null)
|
|
1019
1023
|
};
|
|
1020
1024
|
function OdsRate(props) {
|
|
1021
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(
|
|
1025
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
|
|
1026
|
+
theme: lightTheme
|
|
1027
|
+
}, React__default.createElement(StyledRate, Object.assign({}, props))));
|
|
1022
1028
|
}
|
|
1023
1029
|
|
|
1024
1030
|
var _templateObject$e;
|
|
1025
1031
|
var StyledSelect = styled__default(antd.Select)(_templateObject$e || (_templateObject$e = _taggedTemplateLiteralLoose(["\n width:100%;\n"])));
|
|
1026
1032
|
|
|
1033
|
+
function OdsCustomMultiSelect(props) {
|
|
1034
|
+
var _useState = React.useState(false),
|
|
1035
|
+
open = _useState[0],
|
|
1036
|
+
setOpen = _useState[1];
|
|
1037
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledSelect, Object.assign({}, props, {
|
|
1038
|
+
open: open,
|
|
1039
|
+
onDropdownVisibleChange: function onDropdownVisibleChange(visible) {
|
|
1040
|
+
return setOpen(visible);
|
|
1041
|
+
},
|
|
1042
|
+
dropdownRender: function dropdownRender(menu) {
|
|
1043
|
+
return React__default.createElement(React__default.Fragment, null, menu, React__default.createElement(OdsDivider, {
|
|
1044
|
+
style: {
|
|
1045
|
+
margin: '8px 0'
|
|
1046
|
+
}
|
|
1047
|
+
}), React__default.createElement(antd.Space, {
|
|
1048
|
+
style: {
|
|
1049
|
+
padding: '0 8px 4px'
|
|
1050
|
+
}
|
|
1051
|
+
}, React__default.createElement(OdsButton, {
|
|
1052
|
+
style: {
|
|
1053
|
+
width: "100%"
|
|
1054
|
+
},
|
|
1055
|
+
type: "primary",
|
|
1056
|
+
onClick: function onClick() {
|
|
1057
|
+
return setOpen(false);
|
|
1058
|
+
}
|
|
1059
|
+
}, "Apply")));
|
|
1060
|
+
}
|
|
1061
|
+
})));
|
|
1062
|
+
}
|
|
1063
|
+
|
|
1027
1064
|
function OdsSelect(props) {
|
|
1028
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(
|
|
1065
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
|
|
1066
|
+
theme: lightTheme
|
|
1067
|
+
}, React__default.createElement(StyledSelect, Object.assign({}, props))));
|
|
1029
1068
|
}
|
|
1030
1069
|
|
|
1031
1070
|
var _templateObject$f;
|
|
@@ -1035,16 +1074,20 @@ function OdsSpin(props) {
|
|
|
1035
1074
|
var _useState = React.useState(true),
|
|
1036
1075
|
loading = _useState[0];
|
|
1037
1076
|
props.size = "default";
|
|
1038
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(
|
|
1077
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
|
|
1078
|
+
theme: lightTheme
|
|
1079
|
+
}, React__default.createElement(StyledSpin, Object.assign({}, props, {
|
|
1039
1080
|
spinning: loading
|
|
1040
|
-
}), props.children));
|
|
1081
|
+
}), props.children)));
|
|
1041
1082
|
}
|
|
1042
1083
|
|
|
1043
1084
|
var _templateObject$g;
|
|
1044
1085
|
var StyledSwitch = styled__default(antd.Switch)(_templateObject$g || (_templateObject$g = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
1045
1086
|
|
|
1046
1087
|
function OdsSwitch(props) {
|
|
1047
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(
|
|
1088
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
|
|
1089
|
+
theme: lightTheme
|
|
1090
|
+
}, React__default.createElement(StyledSwitch, Object.assign({}, props))));
|
|
1048
1091
|
}
|
|
1049
1092
|
|
|
1050
1093
|
var _templateObject$h;
|
|
@@ -1076,20 +1119,24 @@ function OdsTab(props) {
|
|
|
1076
1119
|
setTabPosition = _useState2[1];
|
|
1077
1120
|
setTabPosition("top");
|
|
1078
1121
|
setSize("middle");
|
|
1079
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(
|
|
1122
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
|
|
1123
|
+
theme: lightTheme
|
|
1124
|
+
}, React__default.createElement(StyledTabs, Object.assign({}, props, {
|
|
1080
1125
|
tabPosition: tabPosition,
|
|
1081
1126
|
size: size,
|
|
1082
1127
|
defaultActiveKey: "1",
|
|
1083
1128
|
items: items$1,
|
|
1084
1129
|
onChange: onChange
|
|
1085
|
-
}), props.children));
|
|
1130
|
+
}), props.children)));
|
|
1086
1131
|
}
|
|
1087
1132
|
|
|
1088
1133
|
var _templateObject$i;
|
|
1089
1134
|
var StyledTable = styled__default(antd.Table)(_templateObject$i || (_templateObject$i = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
1090
1135
|
|
|
1091
1136
|
function OdsBasicTable(props) {
|
|
1092
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(
|
|
1137
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
|
|
1138
|
+
theme: lightTheme
|
|
1139
|
+
}, React__default.createElement(StyledTable, Object.assign({}, props))));
|
|
1093
1140
|
}
|
|
1094
1141
|
|
|
1095
1142
|
var rowSelection = {
|
|
@@ -1113,7 +1160,9 @@ var _templateObject$j;
|
|
|
1113
1160
|
var StyledTag = styled__default(antd.Tag)(_templateObject$j || (_templateObject$j = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
1114
1161
|
|
|
1115
1162
|
function OdsTag(props) {
|
|
1116
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(
|
|
1163
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
|
|
1164
|
+
theme: lightTheme
|
|
1165
|
+
}, React__default.createElement(StyledTag, Object.assign({}, props), props.children)));
|
|
1117
1166
|
}
|
|
1118
1167
|
|
|
1119
1168
|
var _templateObject$k;
|
|
@@ -1224,7 +1273,6 @@ function OdsDataGrid(props) {
|
|
|
1224
1273
|
return grid(props, dataGridRef);
|
|
1225
1274
|
}
|
|
1226
1275
|
function grid(props, dataGridRef) {
|
|
1227
|
-
var _props$actionPermissi5;
|
|
1228
1276
|
var headerCellRender = function headerCellRender(colProperties) {
|
|
1229
1277
|
return React__default.createElement("th", {
|
|
1230
1278
|
className: "dx-datagrid-headers",
|
|
@@ -1417,7 +1465,6 @@ function grid(props, dataGridRef) {
|
|
|
1417
1465
|
}));
|
|
1418
1466
|
}), function () {
|
|
1419
1467
|
if (props.customPopup !== undefined) {
|
|
1420
|
-
var _props$actionPermissi, _props$actionPermissi2;
|
|
1421
1468
|
return React__default.createElement(dataGrid.Column, {
|
|
1422
1469
|
dataField: "Actions",
|
|
1423
1470
|
fixed: true,
|
|
@@ -1429,18 +1476,17 @@ function grid(props, dataGridRef) {
|
|
|
1429
1476
|
}, props.edit.allowUpdating && React__default.createElement(dataGrid.Button, {
|
|
1430
1477
|
hint: props.HintEdit,
|
|
1431
1478
|
visible: true,
|
|
1432
|
-
disabled:
|
|
1479
|
+
disabled: props.actionPermission == undefined ? false : !props.actionPermission,
|
|
1433
1480
|
icon: "edit",
|
|
1434
1481
|
onClick: props.editButtonClick
|
|
1435
1482
|
}), props.edit.allowDeleting && React__default.createElement(dataGrid.Button, {
|
|
1436
1483
|
hint: props.HintDelete,
|
|
1437
1484
|
visible: true,
|
|
1438
|
-
disabled:
|
|
1485
|
+
disabled: props.actionPermission == undefined ? false : !props.actionPermission,
|
|
1439
1486
|
icon: "trash",
|
|
1440
1487
|
onClick: props.deleteButtonClick
|
|
1441
1488
|
}));
|
|
1442
1489
|
} else {
|
|
1443
|
-
var _props$actionPermissi3, _props$actionPermissi4;
|
|
1444
1490
|
return React__default.createElement(dataGrid.Column, {
|
|
1445
1491
|
dataField: "Actions",
|
|
1446
1492
|
caption: "Actions",
|
|
@@ -1448,11 +1494,11 @@ function grid(props, dataGridRef) {
|
|
|
1448
1494
|
width: 110,
|
|
1449
1495
|
showInColumnChooser: false
|
|
1450
1496
|
}, React__default.createElement(React__default.Fragment, null, props.edit.allowUpdating && React__default.createElement(dataGrid.Button, {
|
|
1451
|
-
|
|
1452
|
-
|
|
1497
|
+
disabled: props.actionPermission == undefined ? false : !props.actionPermission,
|
|
1498
|
+
name: "edit"
|
|
1453
1499
|
}), props.edit.allowDeleting && React__default.createElement(dataGrid.Button, {
|
|
1454
|
-
|
|
1455
|
-
|
|
1500
|
+
disabled: props.actionPermission == undefined ? false : !props.actionPermission,
|
|
1501
|
+
name: "delete"
|
|
1456
1502
|
})));
|
|
1457
1503
|
}
|
|
1458
1504
|
}(), React__default.createElement(dataGrid.Toolbar, null, props.pageTitle && React__default.createElement(dataGrid.Item, {
|
|
@@ -1470,7 +1516,7 @@ function grid(props, dataGridRef) {
|
|
|
1470
1516
|
location: "before"
|
|
1471
1517
|
}, React__default.createElement(OdsButton, {
|
|
1472
1518
|
type: "primary",
|
|
1473
|
-
disabled:
|
|
1519
|
+
disabled: props.actionPermission == undefined ? false : !props.actionPermission,
|
|
1474
1520
|
onClick: props.onAddButton,
|
|
1475
1521
|
style: {
|
|
1476
1522
|
marginBottom: "10px"
|
|
@@ -2170,6 +2216,7 @@ exports.OdsCard = OdsCard;
|
|
|
2170
2216
|
exports.OdsCheckbox = OdsCheckbox;
|
|
2171
2217
|
exports.OdsCheckboxGroup = OdsCheckboxGroup;
|
|
2172
2218
|
exports.OdsCollapse = OdsCollapse;
|
|
2219
|
+
exports.OdsCustomMultiSelect = OdsCustomMultiSelect;
|
|
2173
2220
|
exports.OdsDataGrid = OdsDataGrid;
|
|
2174
2221
|
exports.OdsDateRangePicker = OdsDateRangePicker;
|
|
2175
2222
|
exports.OdsDatepicker = OdsDateRangePicker;
|