@zohodesk/dot 1.0.0-beta.250 → 1.0.0-beta.252
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 +10 -0
- package/es/ActionButton/ActionButton.js +3 -3
- package/es/Drawer/index.js +1 -0
- package/es/alert/index.js +2 -0
- package/es/avatar/index.js +7 -0
- package/es/deprecated/FreezeLayer/FreezeLayer.js +1 -1
- package/es/dropdown/ToggleDropDown/ToggleDropDown.js +14 -3
- package/es/dropdown/ToggleDropDown/ToggleDropDown.module.css +1 -2
- package/es/dropdown/ToggleDropDown/props/defaultProps.js +3 -1
- package/es/dropdown/ToggleDropDown/props/propTypes.js +6 -1
- package/es/errorstate/index.js +8 -0
- package/es/form/fields/index.js +16 -0
- package/es/form/layout/index.js +2 -0
- package/es/index.js +51 -4
- package/es/list/Icons/index.js +7 -0
- package/es/list/index.js +17 -0
- package/es/list/status/StatusDropdown/StatusDropdown.js +3 -1
- package/es/list/status/StatusDropdown/props/defaultProps.js +2 -1
- package/es/list/status/StatusDropdown/props/propTypes.js +2 -1
- package/es/list/status/StatusListItem/StatusListItem.js +4 -3
- package/es/list/status/StatusListItem/StatusListItem.module.css +11 -6
- package/es/list/status/StatusListItem/props/defaultProps.js +2 -1
- package/es/list/status/StatusListItem/props/propTypes.js +1 -0
- package/es/list/status/index.js +2 -0
- package/es/lookup/header/index.js +5 -0
- package/es/lookup/index.js +5 -0
- package/es/setup/header/index.js +4 -0
- package/es/setup/helptips/index.js +4 -0
- package/es/setup/index.js +6 -0
- package/es/setup/table/index.js +5 -0
- package/es/svg/index.js +3 -0
- package/es/version2/alertIcons/index.js +8 -0
- package/es/version2/errorstate/index.js +6 -0
- package/es/version2/index.js +12 -0
- package/es/version2/lookup/index.js +2 -0
- package/es/version2/notification/index.js +3 -0
- package/lib/ActionButton/ActionButton.js +3 -3
- package/lib/Drawer/index.js +33 -0
- package/lib/alert/index.js +20 -0
- package/lib/avatar/index.js +55 -0
- package/lib/deprecated/FreezeLayer/FreezeLayer.js +1 -1
- package/lib/dropdown/ToggleDropDown/ToggleDropDown.js +14 -3
- package/lib/dropdown/ToggleDropDown/ToggleDropDown.module.css +1 -2
- package/lib/dropdown/ToggleDropDown/props/defaultProps.js +3 -1
- package/lib/dropdown/ToggleDropDown/props/propTypes.js +6 -1
- package/lib/errorstate/index.js +62 -0
- package/lib/form/fields/index.js +118 -0
- package/lib/form/layout/index.js +20 -0
- package/lib/index.js +269 -29
- package/lib/list/Icons/index.js +55 -0
- package/lib/list/index.js +152 -0
- package/lib/list/status/StatusDropdown/StatusDropdown.js +3 -1
- package/lib/list/status/StatusDropdown/props/defaultProps.js +2 -1
- package/lib/list/status/StatusDropdown/props/propTypes.js +1 -1
- package/lib/list/status/StatusListItem/StatusListItem.js +4 -3
- package/lib/list/status/StatusListItem/StatusListItem.module.css +11 -6
- package/lib/list/status/StatusListItem/props/defaultProps.js +2 -1
- package/lib/list/status/StatusListItem/props/propTypes.js +1 -0
- package/lib/list/status/index.js +20 -0
- package/lib/lookup/header/index.js +41 -0
- package/lib/lookup/index.js +33 -0
- package/lib/setup/header/index.js +34 -0
- package/lib/setup/helptips/index.js +34 -0
- package/lib/setup/index.js +15 -0
- package/lib/setup/table/index.js +41 -0
- package/lib/svg/index.js +27 -0
- package/lib/version2/alertIcons/index.js +62 -0
- package/lib/version2/errorstate/index.js +48 -0
- package/lib/version2/index.js +44 -0
- package/lib/version2/lookup/index.js +20 -0
- package/lib/version2/notification/index.js +29 -0
- package/package.json +10 -8
- /package/es/deprecated/FreezeLayer/{FreezeLayer.module.css → _FreezeLayer.module.css} +0 -0
- /package/lib/deprecated/FreezeLayer/{FreezeLayer.module.css → _FreezeLayer.module.css} +0 -0
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "AddNewIcon", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _AddNewIcon["default"];
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "CompleteIcon", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function get() {
|
|
15
|
+
return _CompleteIcon["default"];
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
Object.defineProperty(exports, "DeleteComponent", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function get() {
|
|
21
|
+
return _DeleteComponent["default"];
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
Object.defineProperty(exports, "EditIcon", {
|
|
25
|
+
enumerable: true,
|
|
26
|
+
get: function get() {
|
|
27
|
+
return _EditIcon["default"];
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
Object.defineProperty(exports, "FloatingIcons", {
|
|
31
|
+
enumerable: true,
|
|
32
|
+
get: function get() {
|
|
33
|
+
return _FloatingIcons["default"];
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
Object.defineProperty(exports, "ReadUnreadIcon", {
|
|
37
|
+
enumerable: true,
|
|
38
|
+
get: function get() {
|
|
39
|
+
return _ReadUnreadIcon["default"];
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
Object.defineProperty(exports, "SmartIcon", {
|
|
43
|
+
enumerable: true,
|
|
44
|
+
get: function get() {
|
|
45
|
+
return _SmartIcon["default"];
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
var _AddNewIcon = _interopRequireDefault(require("./AddNewIcon"));
|
|
49
|
+
var _CompleteIcon = _interopRequireDefault(require("./CompleteIcon"));
|
|
50
|
+
var _DeleteComponent = _interopRequireDefault(require("./DeleteComponent"));
|
|
51
|
+
var _EditIcon = _interopRequireDefault(require("./EditIcon"));
|
|
52
|
+
var _FloatingIcons = _interopRequireDefault(require("./FloatingIcons"));
|
|
53
|
+
var _ReadUnreadIcon = _interopRequireDefault(require("./ReadUnreadIcon"));
|
|
54
|
+
var _SmartIcon = _interopRequireDefault(require("./SmartIcon"));
|
|
55
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
@@ -0,0 +1,152 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
Object.defineProperty(exports, "AvatarFlip", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function get() {
|
|
10
|
+
return _AvatarFlip["default"];
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
Object.defineProperty(exports, "BluePrintStatus", {
|
|
14
|
+
enumerable: true,
|
|
15
|
+
get: function get() {
|
|
16
|
+
return _BluePrintStatus["default"];
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
Object.defineProperty(exports, "Column", {
|
|
20
|
+
enumerable: true,
|
|
21
|
+
get: function get() {
|
|
22
|
+
return _ListLayout.Column;
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
Object.defineProperty(exports, "Comment", {
|
|
26
|
+
enumerable: true,
|
|
27
|
+
get: function get() {
|
|
28
|
+
return _Comment["default"];
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
Object.defineProperty(exports, "DepartmentDropDown", {
|
|
32
|
+
enumerable: true,
|
|
33
|
+
get: function get() {
|
|
34
|
+
return _DepartmentDropDown["default"];
|
|
35
|
+
}
|
|
36
|
+
});
|
|
37
|
+
Object.defineProperty(exports, "Dot", {
|
|
38
|
+
enumerable: true,
|
|
39
|
+
get: function get() {
|
|
40
|
+
return _Dot["default"];
|
|
41
|
+
}
|
|
42
|
+
});
|
|
43
|
+
Object.defineProperty(exports, "DotNew", {
|
|
44
|
+
enumerable: true,
|
|
45
|
+
get: function get() {
|
|
46
|
+
return _DotNew["default"];
|
|
47
|
+
}
|
|
48
|
+
});
|
|
49
|
+
Object.defineProperty(exports, "GridStencils", {
|
|
50
|
+
enumerable: true,
|
|
51
|
+
get: function get() {
|
|
52
|
+
return _GridStencils["default"];
|
|
53
|
+
}
|
|
54
|
+
});
|
|
55
|
+
Object.defineProperty(exports, "ListLayout", {
|
|
56
|
+
enumerable: true,
|
|
57
|
+
get: function get() {
|
|
58
|
+
return _ListLayout["default"];
|
|
59
|
+
}
|
|
60
|
+
});
|
|
61
|
+
Object.defineProperty(exports, "ListStencils", {
|
|
62
|
+
enumerable: true,
|
|
63
|
+
get: function get() {
|
|
64
|
+
return _ListStencils["default"];
|
|
65
|
+
}
|
|
66
|
+
});
|
|
67
|
+
Object.defineProperty(exports, "SecondryPanel", {
|
|
68
|
+
enumerable: true,
|
|
69
|
+
get: function get() {
|
|
70
|
+
return _SecondryPanel["default"];
|
|
71
|
+
}
|
|
72
|
+
});
|
|
73
|
+
Object.defineProperty(exports, "SecondryPanelItem", {
|
|
74
|
+
enumerable: true,
|
|
75
|
+
get: function get() {
|
|
76
|
+
return _SecondryPanel.SecondryPanelItem;
|
|
77
|
+
}
|
|
78
|
+
});
|
|
79
|
+
Object.defineProperty(exports, "SecondryPanelLI", {
|
|
80
|
+
enumerable: true,
|
|
81
|
+
get: function get() {
|
|
82
|
+
return _SecondryPanel.SecondryPanelLI;
|
|
83
|
+
}
|
|
84
|
+
});
|
|
85
|
+
Object.defineProperty(exports, "SecondryPanelUL", {
|
|
86
|
+
enumerable: true,
|
|
87
|
+
get: function get() {
|
|
88
|
+
return _SecondryPanel.SecondryPanelUL;
|
|
89
|
+
}
|
|
90
|
+
});
|
|
91
|
+
Object.defineProperty(exports, "SentimentStatus", {
|
|
92
|
+
enumerable: true,
|
|
93
|
+
get: function get() {
|
|
94
|
+
return _SentimentStatus["default"];
|
|
95
|
+
}
|
|
96
|
+
});
|
|
97
|
+
Object.defineProperty(exports, "StatusDropdown", {
|
|
98
|
+
enumerable: true,
|
|
99
|
+
get: function get() {
|
|
100
|
+
return _StatusDropdown["default"];
|
|
101
|
+
}
|
|
102
|
+
});
|
|
103
|
+
Object.defineProperty(exports, "StatusListItem", {
|
|
104
|
+
enumerable: true,
|
|
105
|
+
get: function get() {
|
|
106
|
+
return _StatusListItem["default"];
|
|
107
|
+
}
|
|
108
|
+
});
|
|
109
|
+
Object.defineProperty(exports, "Subject", {
|
|
110
|
+
enumerable: true,
|
|
111
|
+
get: function get() {
|
|
112
|
+
return _Subject["default"];
|
|
113
|
+
}
|
|
114
|
+
});
|
|
115
|
+
Object.defineProperty(exports, "TagNew", {
|
|
116
|
+
enumerable: true,
|
|
117
|
+
get: function get() {
|
|
118
|
+
return _TagNew["default"];
|
|
119
|
+
}
|
|
120
|
+
});
|
|
121
|
+
Object.defineProperty(exports, "Thread", {
|
|
122
|
+
enumerable: true,
|
|
123
|
+
get: function get() {
|
|
124
|
+
return _Thread["default"];
|
|
125
|
+
}
|
|
126
|
+
});
|
|
127
|
+
Object.defineProperty(exports, "UserTime", {
|
|
128
|
+
enumerable: true,
|
|
129
|
+
get: function get() {
|
|
130
|
+
return _UserTime["default"];
|
|
131
|
+
}
|
|
132
|
+
});
|
|
133
|
+
var _AvatarFlip = _interopRequireDefault(require("./AvatarFlip/AvatarFlip"));
|
|
134
|
+
var _BluePrintStatus = _interopRequireDefault(require("./BluePrintStatus/BluePrintStatus"));
|
|
135
|
+
var _Comment = _interopRequireDefault(require("./Comment/Comment"));
|
|
136
|
+
var _DepartmentDropDown = _interopRequireDefault(require("./DepartmentDropDown/DepartmentDropDown"));
|
|
137
|
+
var _Dot = _interopRequireDefault(require("./Dot/Dot"));
|
|
138
|
+
var _DotNew = _interopRequireDefault(require("./DotNew/DotNew"));
|
|
139
|
+
var _GridStencils = _interopRequireDefault(require("./GridStencils/GridStencils"));
|
|
140
|
+
var _ListLayout = _interopRequireWildcard(require("./ListLayout/ListLayout"));
|
|
141
|
+
var _ListStencils = _interopRequireDefault(require("./ListStencils/ListStencils"));
|
|
142
|
+
var _SecondryPanel = _interopRequireWildcard(require("./SecondryPanel/SecondryPanel"));
|
|
143
|
+
var _SentimentStatus = _interopRequireDefault(require("./SentimentStatus/SentimentStatus"));
|
|
144
|
+
var _StatusDropdown = _interopRequireDefault(require("./status/StatusDropdown/StatusDropdown"));
|
|
145
|
+
var _StatusListItem = _interopRequireDefault(require("./status/StatusListItem/StatusListItem"));
|
|
146
|
+
var _Subject = _interopRequireDefault(require("./Subject/Subject"));
|
|
147
|
+
var _TagNew = _interopRequireDefault(require("./TagNew/TagNew"));
|
|
148
|
+
var _Thread = _interopRequireDefault(require("./Thread/Thread"));
|
|
149
|
+
var _UserTime = _interopRequireDefault(require("./UserTime/UserTime"));
|
|
150
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
151
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
152
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
@@ -326,7 +326,8 @@ var StatusDropdown = /*#__PURE__*/function (_React$Component) {
|
|
|
326
326
|
_this$props7$needExte = _this$props7.needExternalPopupState,
|
|
327
327
|
needExternalPopupState = _this$props7$needExte === void 0 ? false : _this$props7$needExte,
|
|
328
328
|
_this$props7$isPopupA = _this$props7.isPopupActive,
|
|
329
|
-
isPopupActive = _this$props7$isPopupA === void 0 ? false : _this$props7$isPopupA
|
|
329
|
+
isPopupActive = _this$props7$isPopupA === void 0 ? false : _this$props7$isPopupA,
|
|
330
|
+
needMultiLineText = _this$props7.needMultiLineText;
|
|
330
331
|
var isPopupOpen = needExternalPopupState ? isPopupActive && isOpen : isOpen;
|
|
331
332
|
var searchString = this.state.searchString;
|
|
332
333
|
var containerClass = "".concat(className ? className : '', " ").concat(isPopupReady ? activeStyle ? activeStyle : '' : showIconOnHover ? _StatusDropdownModule["default"].hoverIcon : '', " ").concat(isDisabled ? _commonModule["default"].disabled : isReadOnly ? _StatusDropdownModule["default"].readOnly : !isEditable ? _StatusDropdownModule["default"].cursorDefault : !showOnHover ? "".concat(_StatusDropdownModule["default"].cursor, " ").concat(hoverStyle ? hoverStyle : '') : "".concat(hoverStyle ? hoverStyle : '', " ").concat(_StatusDropdownModule["default"].cursorDefault));
|
|
@@ -443,6 +444,7 @@ var StatusDropdown = /*#__PURE__*/function (_React$Component) {
|
|
|
443
444
|
getRef: _this3.itemRef,
|
|
444
445
|
bulletColor: item[statusColor],
|
|
445
446
|
title: item[keyName],
|
|
447
|
+
needMultiLineText: needMultiLineText,
|
|
446
448
|
a11y: {
|
|
447
449
|
role: isSearch ? 'option' : 'menuitem',
|
|
448
450
|
ariaSelected: value === item[keyName]
|
|
@@ -28,5 +28,5 @@ var propTypes = (_propTypes = {
|
|
|
28
28
|
idName: _propTypes2["default"].string,
|
|
29
29
|
isArrow: _propTypes2["default"].bool,
|
|
30
30
|
isDataLoaded: _propTypes2["default"].bool
|
|
31
|
-
}, _defineProperty(_propTypes, "isDataLoaded", _propTypes2["default"].bool), _defineProperty(_propTypes, "isDisabled", _propTypes2["default"].bool), _defineProperty(_propTypes, "isEditable", _propTypes2["default"].bool), _defineProperty(_propTypes, "isNextOptions", _propTypes2["default"].bool), _defineProperty(_propTypes, "isPopupActive", _propTypes2["default"].bool), _defineProperty(_propTypes, "isPopupOpen", _propTypes2["default"].bool), _defineProperty(_propTypes, "isPopupReady", _propTypes2["default"].bool), _defineProperty(_propTypes, "isReadOnly", _propTypes2["default"].bool), _defineProperty(_propTypes, "isSearch", _propTypes2["default"].bool), _defineProperty(_propTypes, "keyName", _propTypes2["default"].string), _defineProperty(_propTypes, "left", _propTypes2["default"].number), _defineProperty(_propTypes, "needExternalPopupState", _propTypes2["default"].bool), _defineProperty(_propTypes, "needResponsive", _propTypes2["default"].bool), _defineProperty(_propTypes, "needTick", _propTypes2["default"].bool), _defineProperty(_propTypes, "onClick", _propTypes2["default"].func), _defineProperty(_propTypes, "onTogglePopup", _propTypes2["default"].func), _defineProperty(_propTypes, "options", _propTypes2["default"].array.isRequired), _defineProperty(_propTypes, "placeHolderText", _propTypes2["default"].string), _defineProperty(_propTypes, "position", _propTypes2["default"].string), _defineProperty(_propTypes, "removeClose", _propTypes2["default"].func), _defineProperty(_propTypes, "right", _propTypes2["default"].number), _defineProperty(_propTypes, "searchBoxSize", _propTypes2["default"].oneOf(['small', 'medium', 'xmedium'])), _defineProperty(_propTypes, "searchEmptyHint", _propTypes2["default"].string), _defineProperty(_propTypes, "searchErrorText", _propTypes2["default"].string), _defineProperty(_propTypes, "showIconOnHover", _propTypes2["default"].bool), _defineProperty(_propTypes, "showOnHover", _propTypes2["default"].bool), _defineProperty(_propTypes, "statusColor", _propTypes2["default"].string), _defineProperty(_propTypes, "targetAlign", _propTypes2["default"].oneOf(['vertical', 'horizontal', 'both', 'top', 'right', 'bottom', 'left', 'between', 'around'])), _defineProperty(_propTypes, "title", _propTypes2["default"].string), _defineProperty(_propTypes, "togglePopup", _propTypes2["default"].func), _defineProperty(_propTypes, "value", _propTypes2["default"].node), _propTypes);
|
|
31
|
+
}, _defineProperty(_propTypes, "isDataLoaded", _propTypes2["default"].bool), _defineProperty(_propTypes, "isDisabled", _propTypes2["default"].bool), _defineProperty(_propTypes, "isEditable", _propTypes2["default"].bool), _defineProperty(_propTypes, "isNextOptions", _propTypes2["default"].bool), _defineProperty(_propTypes, "isPopupActive", _propTypes2["default"].bool), _defineProperty(_propTypes, "isPopupOpen", _propTypes2["default"].bool), _defineProperty(_propTypes, "isPopupReady", _propTypes2["default"].bool), _defineProperty(_propTypes, "isReadOnly", _propTypes2["default"].bool), _defineProperty(_propTypes, "isSearch", _propTypes2["default"].bool), _defineProperty(_propTypes, "keyName", _propTypes2["default"].string), _defineProperty(_propTypes, "left", _propTypes2["default"].number), _defineProperty(_propTypes, "needExternalPopupState", _propTypes2["default"].bool), _defineProperty(_propTypes, "needResponsive", _propTypes2["default"].bool), _defineProperty(_propTypes, "needTick", _propTypes2["default"].bool), _defineProperty(_propTypes, "onClick", _propTypes2["default"].func), _defineProperty(_propTypes, "onTogglePopup", _propTypes2["default"].func), _defineProperty(_propTypes, "options", _propTypes2["default"].array.isRequired), _defineProperty(_propTypes, "placeHolderText", _propTypes2["default"].string), _defineProperty(_propTypes, "position", _propTypes2["default"].string), _defineProperty(_propTypes, "removeClose", _propTypes2["default"].func), _defineProperty(_propTypes, "right", _propTypes2["default"].number), _defineProperty(_propTypes, "searchBoxSize", _propTypes2["default"].oneOf(['small', 'medium', 'xmedium'])), _defineProperty(_propTypes, "searchEmptyHint", _propTypes2["default"].string), _defineProperty(_propTypes, "searchErrorText", _propTypes2["default"].string), _defineProperty(_propTypes, "showIconOnHover", _propTypes2["default"].bool), _defineProperty(_propTypes, "showOnHover", _propTypes2["default"].bool), _defineProperty(_propTypes, "statusColor", _propTypes2["default"].string), _defineProperty(_propTypes, "targetAlign", _propTypes2["default"].oneOf(['vertical', 'horizontal', 'both', 'top', 'right', 'bottom', 'left', 'between', 'around'])), _defineProperty(_propTypes, "title", _propTypes2["default"].string), _defineProperty(_propTypes, "togglePopup", _propTypes2["default"].func), _defineProperty(_propTypes, "value", _propTypes2["default"].node), _defineProperty(_propTypes, "needMultiLineText", _propTypes2["default"].bool), _propTypes);
|
|
32
32
|
exports.propTypes = propTypes;
|
|
@@ -87,7 +87,8 @@ var StatusListItem = /*#__PURE__*/function (_React$Component) {
|
|
|
87
87
|
needBorder = _this$props4.needBorder,
|
|
88
88
|
isDisabled = _this$props4.isDisabled,
|
|
89
89
|
bulletColor = _this$props4.bulletColor,
|
|
90
|
-
a11y = _this$props4.a11y
|
|
90
|
+
a11y = _this$props4.a11y,
|
|
91
|
+
needMultiLineText = _this$props4.needMultiLineText;
|
|
91
92
|
var options = {};
|
|
92
93
|
var role = a11y.role,
|
|
93
94
|
ariaSelected = a11y.ariaSelected,
|
|
@@ -101,7 +102,7 @@ var StatusListItem = /*#__PURE__*/function (_React$Component) {
|
|
|
101
102
|
role: role,
|
|
102
103
|
"aria-selected": ariaSelected,
|
|
103
104
|
isCover: false,
|
|
104
|
-
align: "
|
|
105
|
+
align: "baseline",
|
|
105
106
|
alignBox: "row",
|
|
106
107
|
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 : ''),
|
|
107
108
|
dataId: String(value).replace("'", '_'),
|
|
@@ -117,7 +118,7 @@ var StatusListItem = /*#__PURE__*/function (_React$Component) {
|
|
|
117
118
|
"data-title": isDisabled ? null : title,
|
|
118
119
|
flexible: true,
|
|
119
120
|
shrink: true,
|
|
120
|
-
className: _StatusListItemModule["default"].value
|
|
121
|
+
className: needMultiLineText ? _StatusListItemModule["default"].multiLineValue : _StatusListItemModule["default"].value
|
|
121
122
|
}, value), needTick && active ? /*#__PURE__*/_react["default"].createElement("div", {
|
|
122
123
|
className: _StatusListItemModule["default"].tickIcon,
|
|
123
124
|
"aria-hidden": ariaHidden
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
font-size: var(--zd_font_size13);
|
|
4
4
|
position: relative;
|
|
5
5
|
list-style: none;
|
|
6
|
+
min-height: var(--zd_size35);
|
|
6
7
|
cursor: pointer;
|
|
7
8
|
}
|
|
8
9
|
[dir=ltr] .withBorder {
|
|
@@ -12,13 +13,13 @@
|
|
|
12
13
|
border-right: 1px solid var(--zdt_statuslistitem_default_border);
|
|
13
14
|
}
|
|
14
15
|
[dir=ltr] .small {
|
|
15
|
-
padding: var(--
|
|
16
|
+
padding: var(--zd_size7) var(--zd_size3) var(--zd_size7) var(--zd_size5);
|
|
16
17
|
}
|
|
17
18
|
[dir=rtl] .small {
|
|
18
|
-
padding: var(--
|
|
19
|
+
padding: var(--zd_size7) var(--zd_size5) var(--zd_size7) var(--zd_size3);
|
|
19
20
|
}
|
|
20
21
|
.medium {
|
|
21
|
-
padding: var(--
|
|
22
|
+
padding: var(--zd_size7) var(--zd_size20);
|
|
22
23
|
}
|
|
23
24
|
.large {
|
|
24
25
|
height: var(--zd_size48);
|
|
@@ -29,15 +30,19 @@
|
|
|
29
30
|
[dir=rtl] .large {
|
|
30
31
|
padding: var(--zd_size10) var(--zd_size25) var(--zd_size10) var(--zd_size3);
|
|
31
32
|
}
|
|
32
|
-
|
|
33
|
+
.value,.multiLineValue {
|
|
34
|
+
line-height: var(--zd_size20);
|
|
35
|
+
}
|
|
33
36
|
.value {
|
|
34
37
|
composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
|
|
35
38
|
}
|
|
36
|
-
|
|
39
|
+
.multiLineValue{
|
|
40
|
+
word-break: break-word;
|
|
41
|
+
composes: clamp from '~@zohodesk/components/lib/common/common.module.css';
|
|
42
|
+
}
|
|
37
43
|
[dir=ltr] .withBorder.active {
|
|
38
44
|
border-left-color: var(--zdt_statuslistitem_default_active_border);
|
|
39
45
|
}
|
|
40
|
-
|
|
41
46
|
[dir=rtl] .withBorder.active {
|
|
42
47
|
border-right-color: var(--zdt_statuslistitem_default_active_border);
|
|
43
48
|
}
|
|
@@ -27,6 +27,7 @@ var propTypes = {
|
|
|
27
27
|
target: _propTypes["default"].oneOf(['blank', 'self']),
|
|
28
28
|
title: _propTypes["default"].string,
|
|
29
29
|
value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]).isRequired,
|
|
30
|
+
needMultiLineText: _propTypes["default"].bool,
|
|
30
31
|
a11y: _propTypes["default"].shape({
|
|
31
32
|
role: _propTypes["default"].string,
|
|
32
33
|
ariaSelected: _propTypes["default"].bool,
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "StatusDropdown", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _StatusDropdown["default"];
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "StatusListItem", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function get() {
|
|
15
|
+
return _StatusListItem["default"];
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
var _StatusDropdown = _interopRequireDefault(require("./StatusDropdown/StatusDropdown"));
|
|
19
|
+
var _StatusListItem = _interopRequireDefault(require("./StatusListItem/StatusListItem"));
|
|
20
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "Close", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _Close["default"];
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "ModuleHeader", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function get() {
|
|
15
|
+
return _ModuleHeader["default"];
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
Object.defineProperty(exports, "Search", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function get() {
|
|
21
|
+
return _Search["default"];
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
Object.defineProperty(exports, "TicketHeader", {
|
|
25
|
+
enumerable: true,
|
|
26
|
+
get: function get() {
|
|
27
|
+
return _TicketHeader["default"];
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
Object.defineProperty(exports, "ViewDropDown", {
|
|
31
|
+
enumerable: true,
|
|
32
|
+
get: function get() {
|
|
33
|
+
return _ViewDropDown["default"];
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
var _Close = _interopRequireDefault(require("./Close/Close"));
|
|
37
|
+
var _ModuleHeader = _interopRequireDefault(require("./ModuleHeader/ModuleHeader"));
|
|
38
|
+
var _Search = _interopRequireDefault(require("./Search/Search"));
|
|
39
|
+
var _TicketHeader = _interopRequireDefault(require("./TicketHeader/TicketHeader"));
|
|
40
|
+
var _ViewDropDown = _interopRequireDefault(require("./ViewDropDown/ViewDropDown"));
|
|
41
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
Object.defineProperty(exports, "EmptyPage", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function get() {
|
|
10
|
+
return _EmptyPage["default"];
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
exports.Header = void 0;
|
|
14
|
+
Object.defineProperty(exports, "Lookup", {
|
|
15
|
+
enumerable: true,
|
|
16
|
+
get: function get() {
|
|
17
|
+
return _Lookup["default"];
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
Object.defineProperty(exports, "Section", {
|
|
21
|
+
enumerable: true,
|
|
22
|
+
get: function get() {
|
|
23
|
+
return _Section["default"];
|
|
24
|
+
}
|
|
25
|
+
});
|
|
26
|
+
var _EmptyPage = _interopRequireDefault(require("./EmptyPage/EmptyPage"));
|
|
27
|
+
var _Lookup = _interopRequireDefault(require("./Lookup/Lookup"));
|
|
28
|
+
var _Section = _interopRequireDefault(require("./Section/Section"));
|
|
29
|
+
var _Header = _interopRequireWildcard(require("./header"));
|
|
30
|
+
exports.Header = _Header;
|
|
31
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
32
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
33
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "Button", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _Button["default"];
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "Link", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function get() {
|
|
15
|
+
return _Link["default"];
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
Object.defineProperty(exports, "Search", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function get() {
|
|
21
|
+
return _Search["default"];
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
Object.defineProperty(exports, "Views", {
|
|
25
|
+
enumerable: true,
|
|
26
|
+
get: function get() {
|
|
27
|
+
return _Views["default"];
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
var _Button = _interopRequireDefault(require("./Button/Button"));
|
|
31
|
+
var _Link = _interopRequireDefault(require("./Link/Link"));
|
|
32
|
+
var _Search = _interopRequireDefault(require("./Search/Search"));
|
|
33
|
+
var _Views = _interopRequireDefault(require("./Views/Views"));
|
|
34
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "Description", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _Description["default"];
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "Link", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function get() {
|
|
15
|
+
return _Link["default"];
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
Object.defineProperty(exports, "ListGroup", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function get() {
|
|
21
|
+
return _ListGroup["default"];
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
Object.defineProperty(exports, "Title", {
|
|
25
|
+
enumerable: true,
|
|
26
|
+
get: function get() {
|
|
27
|
+
return _Title["default"];
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
var _Description = _interopRequireDefault(require("./Description/Description"));
|
|
31
|
+
var _Link = _interopRequireDefault(require("./Link/Link"));
|
|
32
|
+
var _ListGroup = _interopRequireDefault(require("./ListGroup/ListGroup"));
|
|
33
|
+
var _Title = _interopRequireDefault(require("./Title/Title"));
|
|
34
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.table = exports.helptips = exports.header = void 0;
|
|
8
|
+
var _header = _interopRequireWildcard(require("./header"));
|
|
9
|
+
exports.header = _header;
|
|
10
|
+
var _helptips = _interopRequireWildcard(require("./helptips"));
|
|
11
|
+
exports.helptips = _helptips;
|
|
12
|
+
var _table = _interopRequireWildcard(require("./table"));
|
|
13
|
+
exports.table = _table;
|
|
14
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "Table", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _Table["default"];
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "TableBody", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function get() {
|
|
15
|
+
return _TableBody["default"];
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
Object.defineProperty(exports, "TableData", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function get() {
|
|
21
|
+
return _TableData["default"];
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
Object.defineProperty(exports, "TableHead", {
|
|
25
|
+
enumerable: true,
|
|
26
|
+
get: function get() {
|
|
27
|
+
return _TableHead["default"];
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
Object.defineProperty(exports, "TableRow", {
|
|
31
|
+
enumerable: true,
|
|
32
|
+
get: function get() {
|
|
33
|
+
return _TableRow["default"];
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
var _Table = _interopRequireDefault(require("./Table/Table"));
|
|
37
|
+
var _TableBody = _interopRequireDefault(require("./TableBody/TableBody"));
|
|
38
|
+
var _TableData = _interopRequireDefault(require("./TableData/TableData"));
|
|
39
|
+
var _TableHead = _interopRequireDefault(require("./TableHead/TableHead"));
|
|
40
|
+
var _TableRow = _interopRequireDefault(require("./TableRow/TableRow"));
|
|
41
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
package/lib/svg/index.js
ADDED
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "PlusIcon", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _PlusIcon["default"];
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "SnippetIcon", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function get() {
|
|
15
|
+
return _SnippetIcon["default"];
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
Object.defineProperty(exports, "TemplateIcon", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function get() {
|
|
21
|
+
return _TemplateIcon["default"];
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
var _PlusIcon = _interopRequireDefault(require("./PlusIcon"));
|
|
25
|
+
var _SnippetIcon = _interopRequireDefault(require("./SnippetIcon"));
|
|
26
|
+
var _TemplateIcon = _interopRequireDefault(require("./TemplateIcon"));
|
|
27
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|