@zohodesk/dot 1.0.0-temp-175.3 → 1.0.0-temp-179
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/.cli/propValidation_report.html +1 -1
- package/README.md +5 -1
- package/coverage/ExternalLink/ExternalLink.js.html +1 -1
- package/coverage/ExternalLink/ExternalLink.module.css.html +1 -1
- package/coverage/ExternalLink/index.html +1 -1
- package/coverage/ExternalLink/props/defaultProps.js.html +1 -1
- package/coverage/ExternalLink/props/index.html +1 -1
- package/coverage/ExternalLink/props/propTypes.js.html +1 -1
- package/coverage/IconButton/IconButton.js.html +1 -1
- package/coverage/IconButton/IconButton.module.css.html +1 -1
- package/coverage/IconButton/index.html +1 -1
- package/coverage/IconButton/props/defaultProps.js.html +1 -1
- package/coverage/IconButton/props/index.html +1 -1
- package/coverage/IconButton/props/propTypes.js.html +1 -1
- package/coverage/Image/Image.js.html +1 -1
- package/coverage/Image/Image.module.css.html +1 -1
- package/coverage/Image/index.html +1 -1
- package/coverage/Image/props/defaultProps.js.html +1 -1
- package/coverage/Image/props/index.html +1 -1
- package/coverage/Image/props/propTypes.js.html +1 -1
- package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.js.html +1 -1
- package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.module.css.html +1 -1
- package/coverage/avatar/AvatarWithTeam/index.html +1 -1
- package/coverage/avatar/AvatarWithTeam/props/defaultProps.js.html +1 -1
- package/coverage/avatar/AvatarWithTeam/props/index.html +1 -1
- package/coverage/avatar/AvatarWithTeam/props/propTypes.js.html +1 -1
- package/coverage/coverage-final.json +16 -16
- package/coverage/coverage-summary.json +16 -16
- package/coverage/index.html +1 -1
- package/es/form/fields/TagsMultiSelect/TagsMultiSelect.js +2 -2
- package/es/form/fields/TagsMultiSelect/props/defaultProps.js +1 -0
- package/es/list/status/StatusListItem/StatusListItem.js +11 -4
- package/es/list/status/StatusListItem/props/defaultProps.js +2 -1
- package/es/list/status/StatusListItem/props/propTypes.js +3 -1
- package/es/lookup/Lookup/Lookup.js +3 -5
- package/es/lookup/Lookup/Lookup.module.css +11 -1
- package/es/lookup/Lookup/props/defaultProps.js +1 -1
- package/es/lookup/Lookup/props/propTypes.js +1 -1
- package/es/v1/list/status/StatusListItem/StatusListItem.js +11 -4
- package/es/v1/list/status/StatusListItem/props/defaultProps.js +2 -1
- package/es/v1/list/status/StatusListItem/props/propTypes.js +3 -1
- package/es/v1/lookup/Lookup/Lookup.js +3 -5
- package/es/v1/lookup/Lookup/props/defaultProps.js +1 -1
- package/es/v1/lookup/Lookup/props/propTypes.js +1 -1
- package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.js +3 -3
- package/lib/form/fields/TagsMultiSelect/props/defaultProps.js +1 -0
- package/lib/list/status/StatusListItem/StatusListItem.js +11 -4
- package/lib/list/status/StatusListItem/props/defaultProps.js +2 -1
- package/lib/list/status/StatusListItem/props/propTypes.js +3 -1
- package/lib/lookup/Lookup/Lookup.js +3 -5
- package/lib/lookup/Lookup/Lookup.module.css +11 -1
- package/lib/lookup/Lookup/props/defaultProps.js +1 -1
- package/lib/lookup/Lookup/props/propTypes.js +1 -1
- package/lib/v1/list/status/StatusListItem/StatusListItem.js +11 -4
- package/lib/v1/list/status/StatusListItem/props/defaultProps.js +2 -1
- package/lib/v1/list/status/StatusListItem/props/propTypes.js +3 -1
- package/lib/v1/lookup/Lookup/Lookup.js +3 -5
- package/lib/v1/lookup/Lookup/props/defaultProps.js +1 -1
- package/lib/v1/lookup/Lookup/props/propTypes.js +1 -1
- package/package.json +1 -1
- package/result.json +1 -1
|
@@ -68,7 +68,9 @@ export default class StatusListItem extends React.Component {
|
|
|
68
68
|
isDisabled,
|
|
69
69
|
bulletColor,
|
|
70
70
|
a11y,
|
|
71
|
-
needMultiLineText
|
|
71
|
+
needMultiLineText,
|
|
72
|
+
customClass,
|
|
73
|
+
children
|
|
72
74
|
} = this.props;
|
|
73
75
|
let options = {};
|
|
74
76
|
let {
|
|
@@ -88,7 +90,7 @@ export default class StatusListItem extends React.Component {
|
|
|
88
90
|
isCover: false,
|
|
89
91
|
align: "baseline",
|
|
90
92
|
alignBox: "row",
|
|
91
|
-
className: `${style.list} ${style[size]} ${style[palette]} ${active ? style.active : highlight && !isDisabled ? style.hover : ''} ${autoHover && !isDisabled ? style.effect : ''} ${needTick ? style.withTick : ''} ${isDisabled ? CssProvider('isDisable') : ''} ${needBorder ? style.withBorder : ''}`,
|
|
93
|
+
className: `${style.list} ${style[size]} ${style[palette]} ${active ? style.active : highlight && !isDisabled ? style.hover : ''} ${autoHover && !isDisabled ? style.effect : ''} ${needTick ? style.withTick : ''} ${isDisabled ? CssProvider('isDisable') : ''} ${needBorder ? style.withBorder : ''} ${customClass}`,
|
|
92
94
|
dataId: String(value).replace("'", '_'),
|
|
93
95
|
onClick: !isDisabled && this.handleClick,
|
|
94
96
|
onMouseEnter: this.handleMouseEnter,
|
|
@@ -99,11 +101,16 @@ export default class StatusListItem extends React.Component {
|
|
|
99
101
|
}, options), /*#__PURE__*/React.createElement(Box, {
|
|
100
102
|
className: `${style.statusType} ${style[bulletColor]}`
|
|
101
103
|
}), /*#__PURE__*/React.createElement(Box, {
|
|
102
|
-
"data-title": isDisabled ? null : title,
|
|
103
104
|
flexible: true,
|
|
105
|
+
shrink: true
|
|
106
|
+
}, /*#__PURE__*/React.createElement(Container, {
|
|
107
|
+
alignBox: "row",
|
|
108
|
+
align: needMultiLineText ? 'top' : 'vertical'
|
|
109
|
+
}, /*#__PURE__*/React.createElement(Box, {
|
|
110
|
+
"data-title": isDisabled ? null : title,
|
|
104
111
|
shrink: true,
|
|
105
112
|
className: needMultiLineText ? style.multiLineValue : style.value
|
|
106
|
-
}, value), needTick && active ? /*#__PURE__*/React.createElement("div", {
|
|
113
|
+
}, value), /*#__PURE__*/React.createElement(Box, null, children && children))), needTick && active ? /*#__PURE__*/React.createElement("div", {
|
|
107
114
|
className: style.tickIcon,
|
|
108
115
|
"aria-hidden": ariaHidden
|
|
109
116
|
}, /*#__PURE__*/React.createElement(Icon, {
|
|
@@ -55,7 +55,7 @@ export default class Lookup extends Component {
|
|
|
55
55
|
onClose,
|
|
56
56
|
needFocusScope,
|
|
57
57
|
customProps,
|
|
58
|
-
|
|
58
|
+
isMinHeight
|
|
59
59
|
} = this.props;
|
|
60
60
|
const {
|
|
61
61
|
role = 'dialog',
|
|
@@ -87,12 +87,10 @@ export default class Lookup extends Component {
|
|
|
87
87
|
className: `${style.box} ${style[`${size}Size`]}`,
|
|
88
88
|
"data-id": dataId,
|
|
89
89
|
"data-test-id": dataId
|
|
90
|
-
},
|
|
90
|
+
}, /*#__PURE__*/React.createElement(Container, {
|
|
91
91
|
"data-drag-container": "true",
|
|
92
92
|
isCover: false,
|
|
93
|
-
className: `${style.wrapper}`
|
|
94
|
-
}, children) : /*#__PURE__*/React.createElement("div", {
|
|
95
|
-
"data-drag-container": "true"
|
|
93
|
+
className: isMinHeight ? `${style.wrapper}` : `${style.coverwrap}`
|
|
96
94
|
}, children));
|
|
97
95
|
return /*#__PURE__*/React.createElement(FreezeLayer, {
|
|
98
96
|
align: "horizontal",
|
|
@@ -3,29 +3,39 @@
|
|
|
3
3
|
min-height: var(--zd_size440) ;
|
|
4
4
|
}
|
|
5
5
|
|
|
6
|
+
.coverwrap {
|
|
7
|
+
max-height: 85vh ;
|
|
8
|
+
}
|
|
9
|
+
|
|
6
10
|
.container {
|
|
7
11
|
font-size: var(--zd_font_size16) ;
|
|
8
12
|
padding-bottom: var(--zd_size10) ;
|
|
9
13
|
}
|
|
14
|
+
|
|
10
15
|
.box {
|
|
11
16
|
position: relative;
|
|
12
17
|
height: 100% ;
|
|
13
18
|
width: 100% ;
|
|
14
19
|
margin: auto ;
|
|
15
20
|
}
|
|
21
|
+
|
|
16
22
|
/* Size */
|
|
17
23
|
.smallSize {
|
|
18
24
|
max-width: var(--zd_size470) ;
|
|
19
25
|
}
|
|
26
|
+
|
|
20
27
|
.xmediumSize {
|
|
21
28
|
max-width: var(--zd_size620) ;
|
|
22
29
|
}
|
|
30
|
+
|
|
23
31
|
.mediumSize {
|
|
24
32
|
max-width: var(--zd_size840) ;
|
|
25
33
|
}
|
|
34
|
+
|
|
26
35
|
.largeSize {
|
|
27
36
|
max-width: 70% ;
|
|
28
37
|
}
|
|
38
|
+
|
|
29
39
|
.fullSize {
|
|
30
40
|
max-width: 90% ;
|
|
31
|
-
}
|
|
41
|
+
}
|
|
@@ -35,7 +35,9 @@ export default function StatusListItem(props) {
|
|
|
35
35
|
getRef,
|
|
36
36
|
id,
|
|
37
37
|
onClick,
|
|
38
|
-
onMouseEnter
|
|
38
|
+
onMouseEnter,
|
|
39
|
+
customClass,
|
|
40
|
+
children
|
|
39
41
|
} = props;
|
|
40
42
|
let options = {};
|
|
41
43
|
let {
|
|
@@ -70,7 +72,7 @@ export default function StatusListItem(props) {
|
|
|
70
72
|
isCover: false,
|
|
71
73
|
align: "baseline",
|
|
72
74
|
alignBox: "row",
|
|
73
|
-
className: `${style.list} ${style[size]} ${style[palette]} ${active ? style.active : highlight && !isDisabled ? style.hover : ''} ${autoHover && !isDisabled ? style.effect : ''} ${needTick ? style.withTick : ''} ${isDisabled ? CssProvider('isDisable') : ''} ${needBorder ? style.withBorder : ''}`,
|
|
75
|
+
className: `${style.list} ${style[size]} ${style[palette]} ${active ? style.active : highlight && !isDisabled ? style.hover : ''} ${autoHover && !isDisabled ? style.effect : ''} ${needTick ? style.withTick : ''} ${isDisabled ? CssProvider('isDisable') : ''} ${needBorder ? style.withBorder : ''} ${customClass}`,
|
|
74
76
|
dataId: String(value).replace("'", '_'),
|
|
75
77
|
onClick: !isDisabled && handleClick,
|
|
76
78
|
onMouseEnter: handleMouseEnter,
|
|
@@ -81,11 +83,16 @@ export default function StatusListItem(props) {
|
|
|
81
83
|
}, options), /*#__PURE__*/React.createElement(Box, {
|
|
82
84
|
className: `${style.statusType} ${style[bulletColor]}`
|
|
83
85
|
}), /*#__PURE__*/React.createElement(Box, {
|
|
84
|
-
"data-title": isDisabled ? null : title,
|
|
85
86
|
flexible: true,
|
|
87
|
+
shrink: true
|
|
88
|
+
}, /*#__PURE__*/React.createElement(Container, {
|
|
89
|
+
alignBox: "row",
|
|
90
|
+
align: needMultiLineText ? 'top' : 'vertical'
|
|
91
|
+
}, /*#__PURE__*/React.createElement(Box, {
|
|
92
|
+
"data-title": isDisabled ? null : title,
|
|
86
93
|
shrink: true,
|
|
87
94
|
className: needMultiLineText ? style.multiLineValue : style.value
|
|
88
|
-
}, value), needTick && active ? /*#__PURE__*/React.createElement("div", {
|
|
95
|
+
}, value), /*#__PURE__*/React.createElement(Box, null, children && children))), needTick && active ? /*#__PURE__*/React.createElement("div", {
|
|
89
96
|
className: style.tickIcon,
|
|
90
97
|
"aria-hidden": ariaHidden
|
|
91
98
|
}, /*#__PURE__*/React.createElement(Icon, {
|
|
@@ -29,7 +29,7 @@ export default function Lookup(props) {
|
|
|
29
29
|
needFocusScope,
|
|
30
30
|
customProps,
|
|
31
31
|
onKeyDown,
|
|
32
|
-
|
|
32
|
+
isMinHeight
|
|
33
33
|
} = props;
|
|
34
34
|
const {
|
|
35
35
|
role = 'dialog',
|
|
@@ -77,12 +77,10 @@ export default function Lookup(props) {
|
|
|
77
77
|
className: `${style.box} ${style[`${size}Size`]}`,
|
|
78
78
|
"data-id": dataId,
|
|
79
79
|
"data-test-id": dataId
|
|
80
|
-
},
|
|
80
|
+
}, /*#__PURE__*/React.createElement(Container, {
|
|
81
81
|
"data-drag-container": "true",
|
|
82
82
|
isCover: false,
|
|
83
|
-
className: `${style.wrapper}`
|
|
84
|
-
}, children) : /*#__PURE__*/React.createElement("div", {
|
|
85
|
-
"data-drag-container": "true"
|
|
83
|
+
className: isMinHeight ? `${style.wrapper}` : `${style.coverwrap}`
|
|
86
84
|
}, children));
|
|
87
85
|
return /*#__PURE__*/React.createElement(FreezeLayer, {
|
|
88
86
|
align: "horizontal",
|
|
@@ -216,8 +216,8 @@ var TagsMultiSelect = /*#__PURE__*/function (_React$Component) {
|
|
|
216
216
|
tagCustomClass = _customClass$tagCusto === void 0 ? '' : _customClass$tagCusto,
|
|
217
217
|
_customClass$listItem = customClass.listItemClass,
|
|
218
218
|
listItemClass = _customClass$listItem === void 0 ? '' : _customClass$listItem,
|
|
219
|
-
_customClass$textBoxI = customClass.
|
|
220
|
-
|
|
219
|
+
_customClass$textBoxI = customClass.textBoxIconWrapperClass,
|
|
220
|
+
textBoxIconWrapperClass = _customClass$textBoxI === void 0 ? '' : _customClass$textBoxI;
|
|
221
221
|
var _customProps$TextBoxI = customProps.TextBoxIconProps,
|
|
222
222
|
TextBoxIconProps = _customProps$TextBoxI === void 0 ? {} : _customProps$TextBoxI,
|
|
223
223
|
_customProps$TagWrapp = customProps.TagWrapperProps,
|
|
@@ -234,7 +234,7 @@ var TagsMultiSelect = /*#__PURE__*/function (_React$Component) {
|
|
|
234
234
|
alignBox: "row",
|
|
235
235
|
align: "vertical",
|
|
236
236
|
isCover: false,
|
|
237
|
-
className: "".concat(_TagsMultiSelectModule["default"].tagDiv, " ").concat(
|
|
237
|
+
className: "".concat(_TagsMultiSelectModule["default"].tagDiv, " ").concat(textBoxIconWrapperClass),
|
|
238
238
|
wrap: "wrap",
|
|
239
239
|
eleRef: getTargetRef,
|
|
240
240
|
scroll: "vertical"
|
|
@@ -112,7 +112,9 @@ var StatusListItem = /*#__PURE__*/function (_React$Component) {
|
|
|
112
112
|
isDisabled = _this$props4.isDisabled,
|
|
113
113
|
bulletColor = _this$props4.bulletColor,
|
|
114
114
|
a11y = _this$props4.a11y,
|
|
115
|
-
needMultiLineText = _this$props4.needMultiLineText
|
|
115
|
+
needMultiLineText = _this$props4.needMultiLineText,
|
|
116
|
+
customClass = _this$props4.customClass,
|
|
117
|
+
children = _this$props4.children;
|
|
116
118
|
var options = {};
|
|
117
119
|
var role = a11y.role,
|
|
118
120
|
ariaSelected = a11y.ariaSelected,
|
|
@@ -130,7 +132,7 @@ var StatusListItem = /*#__PURE__*/function (_React$Component) {
|
|
|
130
132
|
isCover: false,
|
|
131
133
|
align: "baseline",
|
|
132
134
|
alignBox: "row",
|
|
133
|
-
className: "".concat(_StatusListItemModule["default"].list, " ").concat(_StatusListItemModule["default"][size], " ").concat(_StatusListItemModule["default"][palette], " ").concat(active ? _StatusListItemModule["default"].active : highlight && !isDisabled ? _StatusListItemModule["default"].hover : '', " ").concat(autoHover && !isDisabled ? _StatusListItemModule["default"].effect : '', " ").concat(needTick ? _StatusListItemModule["default"].withTick : '', " ").concat(isDisabled ? (0, _CssProvider["default"])('isDisable') : '', " ").concat(needBorder ? _StatusListItemModule["default"].withBorder : ''),
|
|
135
|
+
className: "".concat(_StatusListItemModule["default"].list, " ").concat(_StatusListItemModule["default"][size], " ").concat(_StatusListItemModule["default"][palette], " ").concat(active ? _StatusListItemModule["default"].active : highlight && !isDisabled ? _StatusListItemModule["default"].hover : '', " ").concat(autoHover && !isDisabled ? _StatusListItemModule["default"].effect : '', " ").concat(needTick ? _StatusListItemModule["default"].withTick : '', " ").concat(isDisabled ? (0, _CssProvider["default"])('isDisable') : '', " ").concat(needBorder ? _StatusListItemModule["default"].withBorder : '', " ").concat(customClass),
|
|
134
136
|
dataId: String(value).replace("'", '_'),
|
|
135
137
|
onClick: !isDisabled && this.handleClick,
|
|
136
138
|
onMouseEnter: this.handleMouseEnter,
|
|
@@ -141,11 +143,16 @@ var StatusListItem = /*#__PURE__*/function (_React$Component) {
|
|
|
141
143
|
}, options), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
142
144
|
className: "".concat(_StatusListItemModule["default"].statusType, " ").concat(_StatusListItemModule["default"][bulletColor])
|
|
143
145
|
}), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
144
|
-
"data-title": isDisabled ? null : title,
|
|
145
146
|
flexible: true,
|
|
147
|
+
shrink: true
|
|
148
|
+
}, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
|
|
149
|
+
alignBox: "row",
|
|
150
|
+
align: needMultiLineText ? 'top' : 'vertical'
|
|
151
|
+
}, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
152
|
+
"data-title": isDisabled ? null : title,
|
|
146
153
|
shrink: true,
|
|
147
154
|
className: needMultiLineText ? _StatusListItemModule["default"].multiLineValue : _StatusListItemModule["default"].value
|
|
148
|
-
}, value), needTick && active ? /*#__PURE__*/_react["default"].createElement("div", {
|
|
155
|
+
}, value), /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, children && children))), needTick && active ? /*#__PURE__*/_react["default"].createElement("div", {
|
|
149
156
|
className: _StatusListItemModule["default"].tickIcon,
|
|
150
157
|
"aria-hidden": ariaHidden
|
|
151
158
|
}, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
|
|
@@ -35,6 +35,8 @@ var propTypes = {
|
|
|
35
35
|
role: _propTypes["default"].string,
|
|
36
36
|
ariaSelected: _propTypes["default"].bool,
|
|
37
37
|
ariaHidden: _propTypes["default"].bool
|
|
38
|
-
})
|
|
38
|
+
}),
|
|
39
|
+
customClass: _propTypes["default"].string,
|
|
40
|
+
children: _propTypes["default"].node
|
|
39
41
|
};
|
|
40
42
|
exports.propTypes = propTypes;
|
|
@@ -101,7 +101,7 @@ var Lookup = /*#__PURE__*/function (_Component) {
|
|
|
101
101
|
onClose = _this$props.onClose,
|
|
102
102
|
needFocusScope = _this$props.needFocusScope,
|
|
103
103
|
customProps = _this$props.customProps,
|
|
104
|
-
|
|
104
|
+
isMinHeight = _this$props.isMinHeight;
|
|
105
105
|
var _a11y$role = a11y.role,
|
|
106
106
|
role = _a11y$role === void 0 ? 'dialog' : _a11y$role,
|
|
107
107
|
ariaLabelledby = a11y.ariaLabelledby,
|
|
@@ -135,12 +135,10 @@ var Lookup = /*#__PURE__*/function (_Component) {
|
|
|
135
135
|
className: "".concat(_LookupModule["default"].box, " ").concat(_LookupModule["default"]["".concat(size, "Size")]),
|
|
136
136
|
"data-id": dataId,
|
|
137
137
|
"data-test-id": dataId
|
|
138
|
-
},
|
|
138
|
+
}, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
|
|
139
139
|
"data-drag-container": "true",
|
|
140
140
|
isCover: false,
|
|
141
|
-
className: "".concat(_LookupModule["default"].wrapper)
|
|
142
|
-
}, children) : /*#__PURE__*/_react["default"].createElement("div", {
|
|
143
|
-
"data-drag-container": "true"
|
|
141
|
+
className: isMinHeight ? "".concat(_LookupModule["default"].wrapper) : "".concat(_LookupModule["default"].coverwrap)
|
|
144
142
|
}, children));
|
|
145
143
|
|
|
146
144
|
return /*#__PURE__*/_react["default"].createElement(_FreezeLayer["default"], {
|
|
@@ -3,29 +3,39 @@
|
|
|
3
3
|
min-height: var(--zd_size440) ;
|
|
4
4
|
}
|
|
5
5
|
|
|
6
|
+
.coverwrap {
|
|
7
|
+
max-height: 85vh ;
|
|
8
|
+
}
|
|
9
|
+
|
|
6
10
|
.container {
|
|
7
11
|
font-size: var(--zd_font_size16) ;
|
|
8
12
|
padding-bottom: var(--zd_size10) ;
|
|
9
13
|
}
|
|
14
|
+
|
|
10
15
|
.box {
|
|
11
16
|
position: relative;
|
|
12
17
|
height: 100% ;
|
|
13
18
|
width: 100% ;
|
|
14
19
|
margin: auto ;
|
|
15
20
|
}
|
|
21
|
+
|
|
16
22
|
/* Size */
|
|
17
23
|
.smallSize {
|
|
18
24
|
max-width: var(--zd_size470) ;
|
|
19
25
|
}
|
|
26
|
+
|
|
20
27
|
.xmediumSize {
|
|
21
28
|
max-width: var(--zd_size620) ;
|
|
22
29
|
}
|
|
30
|
+
|
|
23
31
|
.mediumSize {
|
|
24
32
|
max-width: var(--zd_size840) ;
|
|
25
33
|
}
|
|
34
|
+
|
|
26
35
|
.largeSize {
|
|
27
36
|
max-width: 70% ;
|
|
28
37
|
}
|
|
38
|
+
|
|
29
39
|
.fullSize {
|
|
30
40
|
max-width: 90% ;
|
|
31
|
-
}
|
|
41
|
+
}
|
|
@@ -29,6 +29,6 @@ var propTypes = {
|
|
|
29
29
|
forwardRef: _propTypes["default"].object,
|
|
30
30
|
onClick: _propTypes["default"].func,
|
|
31
31
|
onClose: _propTypes["default"].func,
|
|
32
|
-
|
|
32
|
+
isMinHeight: _propTypes["default"].bool
|
|
33
33
|
};
|
|
34
34
|
exports.propTypes = propTypes;
|
|
@@ -51,7 +51,9 @@ function StatusListItem(props) {
|
|
|
51
51
|
getRef = props.getRef,
|
|
52
52
|
id = props.id,
|
|
53
53
|
onClick = props.onClick,
|
|
54
|
-
onMouseEnter = props.onMouseEnter
|
|
54
|
+
onMouseEnter = props.onMouseEnter,
|
|
55
|
+
customClass = props.customClass,
|
|
56
|
+
children = props.children;
|
|
55
57
|
var options = {};
|
|
56
58
|
var role = a11y.role,
|
|
57
59
|
ariaSelected = a11y.ariaSelected,
|
|
@@ -84,7 +86,7 @@ function StatusListItem(props) {
|
|
|
84
86
|
isCover: false,
|
|
85
87
|
align: "baseline",
|
|
86
88
|
alignBox: "row",
|
|
87
|
-
className: "".concat(_StatusListItemModule["default"].list, " ").concat(_StatusListItemModule["default"][size], " ").concat(_StatusListItemModule["default"][palette], " ").concat(active ? _StatusListItemModule["default"].active : highlight && !isDisabled ? _StatusListItemModule["default"].hover : '', " ").concat(autoHover && !isDisabled ? _StatusListItemModule["default"].effect : '', " ").concat(needTick ? _StatusListItemModule["default"].withTick : '', " ").concat(isDisabled ? (0, _CssProvider["default"])('isDisable') : '', " ").concat(needBorder ? _StatusListItemModule["default"].withBorder : ''),
|
|
89
|
+
className: "".concat(_StatusListItemModule["default"].list, " ").concat(_StatusListItemModule["default"][size], " ").concat(_StatusListItemModule["default"][palette], " ").concat(active ? _StatusListItemModule["default"].active : highlight && !isDisabled ? _StatusListItemModule["default"].hover : '', " ").concat(autoHover && !isDisabled ? _StatusListItemModule["default"].effect : '', " ").concat(needTick ? _StatusListItemModule["default"].withTick : '', " ").concat(isDisabled ? (0, _CssProvider["default"])('isDisable') : '', " ").concat(needBorder ? _StatusListItemModule["default"].withBorder : '', " ").concat(customClass),
|
|
88
90
|
dataId: String(value).replace("'", '_'),
|
|
89
91
|
onClick: !isDisabled && handleClick,
|
|
90
92
|
onMouseEnter: handleMouseEnter,
|
|
@@ -95,11 +97,16 @@ function StatusListItem(props) {
|
|
|
95
97
|
}, options), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
96
98
|
className: "".concat(_StatusListItemModule["default"].statusType, " ").concat(_StatusListItemModule["default"][bulletColor])
|
|
97
99
|
}), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
98
|
-
"data-title": isDisabled ? null : title,
|
|
99
100
|
flexible: true,
|
|
101
|
+
shrink: true
|
|
102
|
+
}, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
|
|
103
|
+
alignBox: "row",
|
|
104
|
+
align: needMultiLineText ? 'top' : 'vertical'
|
|
105
|
+
}, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
106
|
+
"data-title": isDisabled ? null : title,
|
|
100
107
|
shrink: true,
|
|
101
108
|
className: needMultiLineText ? _StatusListItemModule["default"].multiLineValue : _StatusListItemModule["default"].value
|
|
102
|
-
}, value), needTick && active ? /*#__PURE__*/_react["default"].createElement("div", {
|
|
109
|
+
}, value), /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, children && children))), needTick && active ? /*#__PURE__*/_react["default"].createElement("div", {
|
|
103
110
|
className: _StatusListItemModule["default"].tickIcon,
|
|
104
111
|
"aria-hidden": ariaHidden
|
|
105
112
|
}, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
|
|
@@ -35,6 +35,8 @@ var propTypes = {
|
|
|
35
35
|
role: _propTypes["default"].string,
|
|
36
36
|
ariaSelected: _propTypes["default"].bool,
|
|
37
37
|
ariaHidden: _propTypes["default"].bool
|
|
38
|
-
})
|
|
38
|
+
}),
|
|
39
|
+
customClass: _propTypes["default"].string,
|
|
40
|
+
children: _propTypes["default"].node
|
|
39
41
|
};
|
|
40
42
|
exports.propTypes = propTypes;
|
|
@@ -51,7 +51,7 @@ function Lookup(props) {
|
|
|
51
51
|
needFocusScope = props.needFocusScope,
|
|
52
52
|
customProps = props.customProps,
|
|
53
53
|
onKeyDown = props.onKeyDown,
|
|
54
|
-
|
|
54
|
+
isMinHeight = props.isMinHeight;
|
|
55
55
|
var _a11y$role = a11y.role,
|
|
56
56
|
role = _a11y$role === void 0 ? 'dialog' : _a11y$role,
|
|
57
57
|
ariaLabelledby = a11y.ariaLabelledby,
|
|
@@ -101,12 +101,10 @@ function Lookup(props) {
|
|
|
101
101
|
className: "".concat(_LookupModule["default"].box, " ").concat(_LookupModule["default"]["".concat(size, "Size")]),
|
|
102
102
|
"data-id": dataId,
|
|
103
103
|
"data-test-id": dataId
|
|
104
|
-
},
|
|
104
|
+
}, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
|
|
105
105
|
"data-drag-container": "true",
|
|
106
106
|
isCover: false,
|
|
107
|
-
className: "".concat(_LookupModule["default"].wrapper)
|
|
108
|
-
}, children) : /*#__PURE__*/_react["default"].createElement("div", {
|
|
109
|
-
"data-drag-container": "true"
|
|
107
|
+
className: isMinHeight ? "".concat(_LookupModule["default"].wrapper) : "".concat(_LookupModule["default"].coverwrap)
|
|
110
108
|
}, children));
|
|
111
109
|
|
|
112
110
|
return /*#__PURE__*/_react["default"].createElement(_FreezeLayer["default"], {
|
|
@@ -29,6 +29,6 @@ var propTypes = {
|
|
|
29
29
|
forwardRef: _propTypes["default"].object,
|
|
30
30
|
onClick: _propTypes["default"].func,
|
|
31
31
|
onClose: _propTypes["default"].func,
|
|
32
|
-
|
|
32
|
+
isMinHeight: _propTypes["default"].bool
|
|
33
33
|
};
|
|
34
34
|
exports.propTypes = propTypes;
|
package/package.json
CHANGED
package/result.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"jobDetails":{"isRunByLocal":true,"hostName":"
|
|
1
|
+
{"jobDetails":{"isRunByLocal":true,"hostName":"bharathi-19811","platForm":"Darwin","branchName":"lookUpcontainer_lib"},"tests":{"unitCase":{"isExecuted":"Yes","numberOfSuccess":36,"numberOfFails":0,"numberOfCases":36,"numberOfSuites":4,"endTime":1707215646588,"startTime":1707215642206,"coverageDetail":{"codeCoveragePercentage":84.23,"fileCoveragePercentage":0},"fileDetails":[{"fileName":"/Users/bharathi-19811/git/library/jsapps/dot/dot/src/ExternalLink/__tests__/ExternalLink.spec.js","CaseList":{"passedCaseList":["should add http/https to href tag if it is not already present","should not add http/https to href tag if it is already present","should default to / if href is undefined"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-19811/git/library/jsapps/dot/dot/src/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js","CaseList":{"passedCaseList":["Check whether Avatar mounted or not","Check children length ","Check whether AvatarWithTeam mounted or not","Check whether AvatarTeam mounted or not"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-19811/git/library/jsapps/dot/dot/src/Image/__tests__/Image.spec.js","CaseList":{"passedCaseList":["rendering the default props","checking \"isCover\" is false","rendering \"alt\" and \"src\" value ","rendering \"dataid\" value","rendering \"Original\" value","rendering \"Id\" value","rendering \"title\" value"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-19811/git/library/jsapps/dot/dot/src/IconButton/__tests__/IconButton.spec.js","CaseList":{"passedCaseList":["rendering the defult props","rendering the palette of- primary","rendering the palette of- primaryFilled","rendering the palette of- default","rendering the isActive true with palette of- primary","rendering the isActive true with palette of- primaryFilled","rendering the isActive true with palette of- default","rendering the hovertypes- default","rendering the hovertypes- border","rendering the hovertypes- bg","rendering isNeedEffect is False","rendering ally","rendering ally","rendering needButtonTag","rendering tourId","rendering in Icon","rendering in dataIsHtml is True","rendering in isDisabled is True","rendering in ClassName","rendering in title","eleRef prop is a function","Checking the \"Children\""],"failedCaseList":[]}},{"fileName":"/Users/bharathi-19811/git/library/jsapps/dot/dot/src/ExternalLink/__tests__/ExternalLink.spec.js","CaseList":{"passedCaseList":["should add http/https to href tag if it is not already present","should not add http/https to href tag if it is already present","should default to / if href is undefined"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-19811/git/library/jsapps/dot/dot/src/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js","CaseList":{"passedCaseList":["Check whether Avatar mounted or not","Check children length ","Check whether AvatarWithTeam mounted or not","Check whether AvatarTeam mounted or not"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-19811/git/library/jsapps/dot/dot/src/Image/__tests__/Image.spec.js","CaseList":{"passedCaseList":["rendering the default props","checking \"isCover\" is false","rendering \"alt\" and \"src\" value ","rendering \"dataid\" value","rendering \"Original\" value","rendering \"Id\" value","rendering \"title\" value"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-19811/git/library/jsapps/dot/dot/src/IconButton/__tests__/IconButton.spec.js","CaseList":{"passedCaseList":["rendering the defult props","rendering the palette of- primary","rendering the palette of- primaryFilled","rendering the palette of- default","rendering the isActive true with palette of- primary","rendering the isActive true with palette of- primaryFilled","rendering the isActive true with palette of- default","rendering the hovertypes- default","rendering the hovertypes- border","rendering the hovertypes- bg","rendering isNeedEffect is False","rendering ally","rendering ally","rendering needButtonTag","rendering tourId","rendering in Icon","rendering in dataIsHtml is True","rendering in isDisabled is True","rendering in ClassName","rendering in title","eleRef prop is a function","Checking the \"Children\""],"failedCaseList":[]}},{"fileName":"/Users/bharathi-19811/git/library/jsapps/dot/dot/src/ExternalLink/__tests__/ExternalLink.spec.js","CaseList":{"passedCaseList":["should add http/https to href tag if it is not already present","should not add http/https to href tag if it is already present","should default to / if href is undefined"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-19811/git/library/jsapps/dot/dot/src/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js","CaseList":{"passedCaseList":["Check whether Avatar mounted or not","Check children length ","Check whether AvatarWithTeam mounted or not","Check whether AvatarTeam mounted or not"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-19811/git/library/jsapps/dot/dot/src/Image/__tests__/Image.spec.js","CaseList":{"passedCaseList":["rendering the default props","checking \"isCover\" is false","rendering \"alt\" and \"src\" value ","rendering \"dataid\" value","rendering \"Original\" value","rendering \"Id\" value","rendering \"title\" value"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-19811/git/library/jsapps/dot/dot/src/IconButton/__tests__/IconButton.spec.js","CaseList":{"passedCaseList":["rendering the defult props","rendering the palette of- primary","rendering the palette of- primaryFilled","rendering the palette of- default","rendering the isActive true with palette of- primary","rendering the isActive true with palette of- primaryFilled","rendering the isActive true with palette of- default","rendering the hovertypes- default","rendering the hovertypes- border","rendering the hovertypes- bg","rendering isNeedEffect is False","rendering ally","rendering ally","rendering needButtonTag","rendering tourId","rendering in Icon","rendering in dataIsHtml is True","rendering in isDisabled is True","rendering in ClassName","rendering in title","eleRef prop is a function","Checking the \"Children\""],"failedCaseList":[]}}]}}}
|