@zohodesk/components 1.2.11 → 1.2.13
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/PropLessFiles.html +1 -1
- package/.cli/propValidation_report.html +1 -1
- package/README.md +9 -0
- package/assets/Appearance/dark/mode/Component_DarkMode.module.css +1 -0
- package/assets/Appearance/light/mode/Component_LightMode.module.css +1 -0
- package/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css +1 -0
- package/coverage/Button/Button.js.html +1 -1
- package/coverage/Button/css/Button.module.css.html +1 -1
- package/coverage/Button/css/cssJSLogic.js.html +1 -1
- package/coverage/Button/css/index.html +1 -1
- package/coverage/Button/index.html +1 -1
- package/coverage/Button/props/defaultProps.js.html +1 -1
- package/coverage/Button/props/index.html +1 -1
- package/coverage/Button/props/propTypes.js.html +1 -1
- package/coverage/Buttongroup/Buttongroup.js.html +1 -1
- package/coverage/Buttongroup/Buttongroup.module.css.html +1 -1
- package/coverage/Buttongroup/index.html +1 -1
- package/coverage/Buttongroup/props/defaultProps.js.html +1 -1
- package/coverage/Buttongroup/props/index.html +1 -1
- package/coverage/Buttongroup/props/propTypes.js.html +1 -1
- package/coverage/coverage-final.json +10 -10
- package/coverage/coverage-summary.json +10 -10
- package/coverage/index.html +1 -1
- package/coverage/utils/dummyFunction.js.html +1 -1
- package/coverage/utils/index.html +1 -1
- package/es/DateTime/DateTime.module.css +12 -1
- package/es/v1/Card/index.js +4 -0
- package/es/v1/DateTime/CalendarView.js +43 -10
- package/es/v1/DateTime/DateTime.js +8 -4
- package/es/v1/DateTime/DateTimePopupFooter.js +2 -2
- package/es/v1/DateTime/DateTimePopupHeader.js +1 -1
- package/es/v1/DateTime/DateWidget.js +8 -4
- package/es/v1/DateTime/DaysRow.js +1 -1
- package/es/v1/DateTime/Time.js +2 -2
- package/es/v1/DateTime/YearView.js +2 -2
- package/es/v1/DateTime/props/defaultProps.js +57 -0
- package/es/v1/DateTime/props/propTypes.js +195 -0
- package/es/v1/DropDown/DropDown.js +31 -52
- package/es/v1/DropDown/DropDownHeading.js +29 -37
- package/es/v1/DropDown/DropDownItem.js +38 -58
- package/es/v1/DropDown/DropDownSearch.js +41 -49
- package/es/v1/DropDown/DropDownSeparator.js +7 -10
- package/es/v1/Provider/CssProvider.js +1 -1
- package/es/v1/Typography/Typography.js +4 -4
- package/es/v1/Typography/css/Typography.module.css +33 -0
- package/es/v1/Typography/css/cssJSLogic.js +14 -8
- package/es/v1/Typography/props/defaultProps.js +4 -4
- package/es/v1/Typography/props/propTypes.js +8 -5
- package/lib/DateTime/DateTime.module.css +12 -1
- package/lib/v1/Card/index.js +37 -0
- package/lib/v1/DateTime/CalendarView.js +44 -10
- package/lib/v1/DateTime/DateTime.js +8 -4
- package/lib/v1/DateTime/DateTimePopupFooter.js +2 -2
- package/lib/v1/DateTime/DateTimePopupHeader.js +1 -1
- package/lib/v1/DateTime/DateWidget.js +8 -4
- package/lib/v1/DateTime/DaysRow.js +1 -1
- package/lib/v1/DateTime/Time.js +2 -2
- package/lib/v1/DateTime/YearView.js +2 -2
- package/lib/v1/DateTime/props/defaultProps.js +70 -0
- package/lib/v1/DateTime/props/propTypes.js +227 -0
- package/lib/v1/DropDown/DropDown.js +34 -130
- package/lib/v1/DropDown/DropDownHeading.js +29 -75
- package/lib/v1/DropDown/DropDownItem.js +50 -102
- package/lib/v1/DropDown/DropDownSearch.js +50 -89
- package/lib/v1/DropDown/DropDownSeparator.js +8 -48
- package/lib/v1/Provider/CssProvider.js +1 -1
- package/lib/v1/Typography/Typography.js +3 -3
- package/lib/v1/Typography/css/Typography.module.css +33 -0
- package/lib/v1/Typography/css/cssJSLogic.js +8 -5
- package/lib/v1/Typography/props/defaultProps.js +4 -4
- package/lib/v1/Typography/props/propTypes.js +8 -5
- package/package.json +6 -6
- package/result.json +1 -1
|
@@ -0,0 +1,227 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.YearView_propTypes = exports.Time_propTypes = exports.Span_propTypes = exports.DaysRow_propTypes = exports.DateWidget_propTypes = exports.DateTime_propTypes = exports.DateTimePopupHeader_propTypes = exports.DateTimePopupFooter_propTypes = exports.CalendarView_propTypes = void 0;
|
|
7
|
+
|
|
8
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
+
|
|
10
|
+
var _dateFormats = require("../../../DateTime/dateFormatUtils/dateFormats");
|
|
11
|
+
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
|
+
|
|
14
|
+
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
15
|
+
|
|
16
|
+
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
17
|
+
|
|
18
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
19
|
+
|
|
20
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
21
|
+
|
|
22
|
+
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
23
|
+
|
|
24
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
25
|
+
|
|
26
|
+
var CalendarView_propTypes = {
|
|
27
|
+
dataId: _propTypes["default"].string,
|
|
28
|
+
date: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
|
|
29
|
+
month: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
|
|
30
|
+
needBorder: _propTypes["default"].bool,
|
|
31
|
+
onSelect: _propTypes["default"].func,
|
|
32
|
+
year: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
|
|
33
|
+
dayNames: _propTypes["default"].array,
|
|
34
|
+
dayNamesShort: _propTypes["default"].array,
|
|
35
|
+
todayMonth: _propTypes["default"].string,
|
|
36
|
+
todayDate: _propTypes["default"].string,
|
|
37
|
+
todayYear: _propTypes["default"].string,
|
|
38
|
+
startDate: _propTypes["default"].string,
|
|
39
|
+
endDate: _propTypes["default"].string
|
|
40
|
+
};
|
|
41
|
+
exports.CalendarView_propTypes = CalendarView_propTypes;
|
|
42
|
+
var Span_propTypes = {
|
|
43
|
+
dataId: _propTypes["default"].string,
|
|
44
|
+
handleSelect: _propTypes["default"].func,
|
|
45
|
+
i: _propTypes["default"].number,
|
|
46
|
+
incremday: _propTypes["default"].number,
|
|
47
|
+
isActive: _propTypes["default"].bool,
|
|
48
|
+
tdclass: _propTypes["default"].string,
|
|
49
|
+
userSeeMonth: _propTypes["default"].number,
|
|
50
|
+
userSeeYear: _propTypes["default"].number,
|
|
51
|
+
isToday: _propTypes["default"].bool,
|
|
52
|
+
startDate: _propTypes["default"].string,
|
|
53
|
+
endDate: _propTypes["default"].string
|
|
54
|
+
};
|
|
55
|
+
exports.Span_propTypes = Span_propTypes;
|
|
56
|
+
var DateTime_propTypes = {
|
|
57
|
+
boxSize: _propTypes["default"].string,
|
|
58
|
+
className: _propTypes["default"].string,
|
|
59
|
+
dataId: _propTypes["default"].string,
|
|
60
|
+
dateFormat: _propTypes["default"].string,
|
|
61
|
+
// eslint-disable-next-line react/no-unused-prop-types
|
|
62
|
+
defaultTime: _propTypes["default"].string,
|
|
63
|
+
getMethods: _propTypes["default"].func,
|
|
64
|
+
getRef: _propTypes["default"].func,
|
|
65
|
+
i18nKeys: _propTypes["default"].shape({
|
|
66
|
+
timeText: _propTypes["default"].string.isRequired,
|
|
67
|
+
submitText: _propTypes["default"].string.isRequired,
|
|
68
|
+
cancelText: _propTypes["default"].string.isRequired,
|
|
69
|
+
hourEmptyText: _propTypes["default"].string.isRequired,
|
|
70
|
+
minuteEmptyText: _propTypes["default"].string.isRequired,
|
|
71
|
+
nextMonthTitleText: _propTypes["default"].string.isRequired,
|
|
72
|
+
prevMonthTitleText: _propTypes["default"].string.isRequired
|
|
73
|
+
}),
|
|
74
|
+
innerClass: _propTypes["default"].string,
|
|
75
|
+
isAbsolute: _propTypes["default"].bool,
|
|
76
|
+
isActive: _propTypes["default"].bool,
|
|
77
|
+
isAnimate: _propTypes["default"].bool,
|
|
78
|
+
isDateTimeField: _propTypes["default"].bool,
|
|
79
|
+
isPadding: _propTypes["default"].bool,
|
|
80
|
+
isReady: _propTypes["default"].bool,
|
|
81
|
+
max: _propTypes["default"].string,
|
|
82
|
+
maxErrorText: _propTypes["default"].string,
|
|
83
|
+
min: _propTypes["default"].string,
|
|
84
|
+
minErrorText: _propTypes["default"].string,
|
|
85
|
+
// eslint-disable-next-line react/no-unused-prop-types
|
|
86
|
+
needAction: _propTypes["default"].bool,
|
|
87
|
+
needDefaultTime: _propTypes["default"].bool,
|
|
88
|
+
needResponsive: _propTypes["default"].bool,
|
|
89
|
+
onChange: _propTypes["default"].func,
|
|
90
|
+
onClear: _propTypes["default"].func,
|
|
91
|
+
onClick: _propTypes["default"].func,
|
|
92
|
+
onDateSelect: _propTypes["default"].func,
|
|
93
|
+
onError: _propTypes["default"].func,
|
|
94
|
+
onSelect: _propTypes["default"].func,
|
|
95
|
+
position: _propTypes["default"].string,
|
|
96
|
+
timeZone: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].object]),
|
|
97
|
+
value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
|
|
98
|
+
is24Hour: _propTypes["default"].bool,
|
|
99
|
+
isDefaultPosition: _propTypes["default"].bool,
|
|
100
|
+
customDateFormat: _propTypes["default"].string,
|
|
101
|
+
positionsOffset: _propTypes["default"].array,
|
|
102
|
+
targetOffset: _propTypes["default"].string,
|
|
103
|
+
isRestrictScroll: _propTypes["default"].bool,
|
|
104
|
+
dropBoxPortalId: _propTypes["default"].string,
|
|
105
|
+
startDate: _propTypes["default"].string,
|
|
106
|
+
endDate: _propTypes["default"].string
|
|
107
|
+
};
|
|
108
|
+
exports.DateTime_propTypes = DateTime_propTypes;
|
|
109
|
+
var DateWidget_propTypes = {
|
|
110
|
+
borderColor: _propTypes["default"].oneOf(['transparent', 'default']),
|
|
111
|
+
cantEditOnPopupOpen: _propTypes["default"].bool,
|
|
112
|
+
children: _propTypes["default"].object,
|
|
113
|
+
className: _propTypes["default"].string,
|
|
114
|
+
closePopupOnly: _propTypes["default"].func,
|
|
115
|
+
dataId: _propTypes["default"].string,
|
|
116
|
+
dateFormat: _propTypes["default"].oneOf(_toConsumableArray(_dateFormats.dataFormatList)),
|
|
117
|
+
defaultPosition: _propTypes["default"].oneOf(['top', 'bottom', 'right', 'left']),
|
|
118
|
+
defaultTime: _propTypes["default"].string,
|
|
119
|
+
getContainerRef: _propTypes["default"].func,
|
|
120
|
+
getMethods: _propTypes["default"].func,
|
|
121
|
+
getRef: _propTypes["default"].func,
|
|
122
|
+
getTargetRef: _propTypes["default"].func,
|
|
123
|
+
i18nKeys: _propTypes["default"].object,
|
|
124
|
+
id: _propTypes["default"].string,
|
|
125
|
+
isDateTime: _propTypes["default"].bool,
|
|
126
|
+
isDisabled: _propTypes["default"].bool,
|
|
127
|
+
isEditable: _propTypes["default"].bool,
|
|
128
|
+
isPopupCloseOnClick: _propTypes["default"].bool,
|
|
129
|
+
isPopupOpen: _propTypes["default"].bool,
|
|
130
|
+
isPopupOpenOnClick: _propTypes["default"].bool,
|
|
131
|
+
isPopupOpenOnEnter: _propTypes["default"].bool,
|
|
132
|
+
isPopupReady: _propTypes["default"].bool,
|
|
133
|
+
isReadOnly: _propTypes["default"].bool,
|
|
134
|
+
max: _propTypes["default"].string,
|
|
135
|
+
maxErrorText: _propTypes["default"].string,
|
|
136
|
+
min: _propTypes["default"].string,
|
|
137
|
+
minErrorText: _propTypes["default"].string,
|
|
138
|
+
needBorder: _propTypes["default"].bool,
|
|
139
|
+
needDefaultTime: _propTypes["default"].bool,
|
|
140
|
+
needErrorOnBlur: _propTypes["default"].bool,
|
|
141
|
+
needResponsive: _propTypes["default"].bool,
|
|
142
|
+
onFailValidation: _propTypes["default"].func,
|
|
143
|
+
onKeyDown: _propTypes["default"].func,
|
|
144
|
+
onPassValidation: _propTypes["default"].func,
|
|
145
|
+
onSelect: _propTypes["default"].func,
|
|
146
|
+
placeholder: _propTypes["default"].string,
|
|
147
|
+
position: _propTypes["default"].string,
|
|
148
|
+
removeClose: _propTypes["default"].func,
|
|
149
|
+
textBoxSize: _propTypes["default"].string,
|
|
150
|
+
textBoxVariant: _propTypes["default"].string,
|
|
151
|
+
timeZone: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].object]),
|
|
152
|
+
togglePopup: _propTypes["default"].func,
|
|
153
|
+
validation: _propTypes["default"].shape({
|
|
154
|
+
validate: _propTypes["default"].bool,
|
|
155
|
+
validateOn: _propTypes["default"].string,
|
|
156
|
+
rulesOrder: _propTypes["default"].arrayOf(_propTypes["default"].string),
|
|
157
|
+
rules: _propTypes["default"].object,
|
|
158
|
+
messages: _propTypes["default"].object
|
|
159
|
+
}),
|
|
160
|
+
value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
|
|
161
|
+
htmlId: _propTypes["default"].string,
|
|
162
|
+
iconOnHover: _propTypes["default"].bool,
|
|
163
|
+
is24Hour: _propTypes["default"].bool,
|
|
164
|
+
isHideCurrentYear: _propTypes["default"].bool,
|
|
165
|
+
onFocus: _propTypes["default"].func,
|
|
166
|
+
onBlur: _propTypes["default"].func,
|
|
167
|
+
boxSize: _propTypes["default"].string,
|
|
168
|
+
onError: _propTypes["default"].func,
|
|
169
|
+
isAbsolutePositioningNeeded: _propTypes["default"].bool,
|
|
170
|
+
positionsOffset: _propTypes["default"].array,
|
|
171
|
+
targetOffset: _propTypes["default"].array,
|
|
172
|
+
isRestrictScroll: _propTypes["default"].bool,
|
|
173
|
+
dropBoxPortalId: _propTypes["default"].string,
|
|
174
|
+
a11y: _propTypes["default"].object,
|
|
175
|
+
startDate: _propTypes["default"].string,
|
|
176
|
+
endDate: _propTypes["default"].string
|
|
177
|
+
};
|
|
178
|
+
exports.DateWidget_propTypes = DateWidget_propTypes;
|
|
179
|
+
var YearView_propTypes = {
|
|
180
|
+
onSelectMonth: _propTypes["default"].func,
|
|
181
|
+
onSelectYear: _propTypes["default"].func,
|
|
182
|
+
viewedYear: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
|
|
183
|
+
viewedMonth: _propTypes["default"].string,
|
|
184
|
+
monthNamesShort: _propTypes["default"].array,
|
|
185
|
+
isMonthOpen: _propTypes["default"].bool
|
|
186
|
+
};
|
|
187
|
+
exports.YearView_propTypes = YearView_propTypes;
|
|
188
|
+
var DateTimePopupFooter_propTypes = {
|
|
189
|
+
submitText: _propTypes["default"].string,
|
|
190
|
+
onSubmit: _propTypes["default"].func,
|
|
191
|
+
cancelText: _propTypes["default"].string,
|
|
192
|
+
onCancel: _propTypes["default"].func,
|
|
193
|
+
dataId: _propTypes["default"].string
|
|
194
|
+
};
|
|
195
|
+
exports.DateTimePopupFooter_propTypes = DateTimePopupFooter_propTypes;
|
|
196
|
+
var DateTimePopupHeader_propTypes = {
|
|
197
|
+
onOpenYearView: _propTypes["default"].func,
|
|
198
|
+
showMonthTxt: _propTypes["default"].string,
|
|
199
|
+
isYearView: _propTypes["default"].bool,
|
|
200
|
+
prevMonthTitleText: _propTypes["default"].string,
|
|
201
|
+
nextMonthTitleText: _propTypes["default"].string,
|
|
202
|
+
onModifyCalendar: _propTypes["default"].func
|
|
203
|
+
};
|
|
204
|
+
exports.DateTimePopupHeader_propTypes = DateTimePopupHeader_propTypes;
|
|
205
|
+
var DaysRow_propTypes = {
|
|
206
|
+
dayNames: _propTypes["default"].array,
|
|
207
|
+
dayNamesShort: _propTypes["default"].object
|
|
208
|
+
};
|
|
209
|
+
exports.DaysRow_propTypes = DaysRow_propTypes;
|
|
210
|
+
var Time_propTypes = {
|
|
211
|
+
timeText: _propTypes["default"].string,
|
|
212
|
+
dataId: _propTypes["default"].string,
|
|
213
|
+
hourSuggestions: _propTypes["default"].array,
|
|
214
|
+
onHourSelect: _propTypes["default"].func,
|
|
215
|
+
hours: _propTypes["default"].string,
|
|
216
|
+
hourEmptyText: _propTypes["default"].string,
|
|
217
|
+
needResponsive: _propTypes["default"].bool,
|
|
218
|
+
minSuggestions: _propTypes["default"].array,
|
|
219
|
+
onMinutesSelect: _propTypes["default"].func,
|
|
220
|
+
mins: _propTypes["default"].string,
|
|
221
|
+
minuteEmptyText: _propTypes["default"].string,
|
|
222
|
+
ampmSuggestions: _propTypes["default"].array,
|
|
223
|
+
onAmPmSelect: _propTypes["default"].func,
|
|
224
|
+
amPm: _propTypes["default"].string,
|
|
225
|
+
is24Hour: _propTypes["default"].bool
|
|
226
|
+
};
|
|
227
|
+
exports.Time_propTypes = Time_propTypes;
|
|
@@ -5,7 +5,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports
|
|
8
|
+
exports.DropDownContainer = DropDownContainer;
|
|
9
|
+
exports.DropDownItemContainer = DropDownItemContainer;
|
|
10
|
+
exports.DropDownTarget = DropDownTarget;
|
|
11
|
+
exports["default"] = DropDown;
|
|
9
12
|
|
|
10
13
|
var _react = _interopRequireDefault(require("react"));
|
|
11
14
|
|
|
@@ -23,148 +26,49 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
23
26
|
|
|
24
27
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
25
28
|
|
|
26
|
-
function
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
31
|
-
|
|
32
|
-
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
33
|
-
|
|
34
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
35
|
-
|
|
36
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
37
|
-
|
|
38
|
-
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
|
39
|
-
|
|
40
|
-
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
41
|
-
|
|
42
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
43
|
-
|
|
44
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
45
|
-
|
|
46
|
-
var DropDown = /*#__PURE__*/function (_React$Component) {
|
|
47
|
-
_inherits(DropDown, _React$Component);
|
|
48
|
-
|
|
49
|
-
var _super = _createSuper(DropDown);
|
|
50
|
-
|
|
51
|
-
function DropDown() {
|
|
52
|
-
_classCallCheck(this, DropDown);
|
|
53
|
-
|
|
54
|
-
return _super.apply(this, arguments);
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
_createClass(DropDown, [{
|
|
58
|
-
key: "render",
|
|
59
|
-
value: function render() {
|
|
60
|
-
var children = this.props.children;
|
|
61
|
-
return /*#__PURE__*/_react["default"].createElement(_PopOver["default"], this.props, /*#__PURE__*/_react["default"].createElement(_PopOver.PopOverTarget, null, children[0]), /*#__PURE__*/_react["default"].createElement(_PopOver.PopOverContainer, null, children[1]));
|
|
62
|
-
}
|
|
63
|
-
}]);
|
|
64
|
-
|
|
65
|
-
return DropDown;
|
|
66
|
-
}(_react["default"].Component);
|
|
29
|
+
function DropDown(props) {
|
|
30
|
+
var children = props.children;
|
|
31
|
+
return /*#__PURE__*/_react["default"].createElement(_PopOver["default"], props, /*#__PURE__*/_react["default"].createElement(_PopOver.PopOverTarget, null, children[0]), /*#__PURE__*/_react["default"].createElement(_PopOver.PopOverContainer, null, children[1]));
|
|
32
|
+
}
|
|
67
33
|
|
|
68
|
-
exports["default"] = DropDown;
|
|
69
34
|
DropDown.propTypes = _propTypes.DropDown_propTypes;
|
|
70
35
|
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
function DropDownTarget() {
|
|
77
|
-
_classCallCheck(this, DropDownTarget);
|
|
78
|
-
|
|
79
|
-
return _super2.apply(this, arguments);
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
_createClass(DropDownTarget, [{
|
|
83
|
-
key: "render",
|
|
84
|
-
value: function render() {
|
|
85
|
-
var children = this.props.children;
|
|
86
|
-
return /*#__PURE__*/_react["default"].createElement("div", null, children);
|
|
87
|
-
}
|
|
88
|
-
}]);
|
|
89
|
-
|
|
90
|
-
return DropDownTarget;
|
|
91
|
-
}(_react["default"].Component);
|
|
36
|
+
function DropDownTarget(props) {
|
|
37
|
+
var children = props.children;
|
|
38
|
+
return /*#__PURE__*/_react["default"].createElement("div", null, children);
|
|
39
|
+
}
|
|
92
40
|
|
|
93
|
-
exports.DropDownTarget = DropDownTarget;
|
|
94
41
|
DropDownTarget.propTypes = _propTypes.DropDownTarget_propTypes;
|
|
95
42
|
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
function DropDownContainer() {
|
|
102
|
-
_classCallCheck(this, DropDownContainer);
|
|
43
|
+
function DropDownContainer(props) {
|
|
44
|
+
var children = props.children;
|
|
45
|
+
return /*#__PURE__*/_react["default"].createElement("div", null, " ", children, " ");
|
|
46
|
+
}
|
|
103
47
|
|
|
104
|
-
return _super3.apply(this, arguments);
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
_createClass(DropDownContainer, [{
|
|
108
|
-
key: "render",
|
|
109
|
-
value: function render() {
|
|
110
|
-
var children = this.props.children;
|
|
111
|
-
return /*#__PURE__*/_react["default"].createElement("div", null, " ", children, " ");
|
|
112
|
-
}
|
|
113
|
-
}]);
|
|
114
|
-
|
|
115
|
-
return DropDownContainer;
|
|
116
|
-
}(_react["default"].Component);
|
|
117
|
-
|
|
118
|
-
exports.DropDownContainer = DropDownContainer;
|
|
119
48
|
DropDownContainer.propTypes = _propTypes.DropDownContainer_propTypes;
|
|
120
49
|
|
|
121
|
-
|
|
122
|
-
|
|
50
|
+
function DropDownItemContainer(props) {
|
|
51
|
+
var children = props.children,
|
|
52
|
+
dataId = props.dataId,
|
|
53
|
+
getRef = props.getRef,
|
|
54
|
+
onScroll = props.onScroll;
|
|
123
55
|
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
var _this;
|
|
128
|
-
|
|
129
|
-
_classCallCheck(this, DropDownItemContainer);
|
|
56
|
+
function handleScroll(e) {
|
|
57
|
+
onScroll && onScroll(e);
|
|
58
|
+
}
|
|
130
59
|
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
_this.onScroll = _this.onScroll.bind(_assertThisInitialized(_this));
|
|
134
|
-
return _this;
|
|
60
|
+
function getReference(ele) {
|
|
61
|
+
getRef && getRef(ele);
|
|
135
62
|
}
|
|
136
63
|
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
},
|
|
144
|
-
|
|
145
|
-
value: function getRef(ele) {
|
|
146
|
-
var getRef = this.props.getRef;
|
|
147
|
-
getRef && getRef(ele);
|
|
148
|
-
}
|
|
149
|
-
}, {
|
|
150
|
-
key: "render",
|
|
151
|
-
value: function render() {
|
|
152
|
-
var _this$props = this.props,
|
|
153
|
-
children = _this$props.children,
|
|
154
|
-
dataId = _this$props.dataId;
|
|
155
|
-
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
156
|
-
className: _DropDownModule["default"].listGroup,
|
|
157
|
-
onScroll: this.onScroll,
|
|
158
|
-
ref: this.getRef,
|
|
159
|
-
"data-id": dataId,
|
|
160
|
-
"data-test-id": dataId
|
|
161
|
-
}, children);
|
|
162
|
-
}
|
|
163
|
-
}]);
|
|
164
|
-
|
|
165
|
-
return DropDownItemContainer;
|
|
166
|
-
}(_react["default"].Component);
|
|
64
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
65
|
+
className: _DropDownModule["default"].listGroup,
|
|
66
|
+
onScroll: handleScroll,
|
|
67
|
+
ref: getReference,
|
|
68
|
+
"data-id": dataId,
|
|
69
|
+
"data-test-id": dataId
|
|
70
|
+
}, children);
|
|
71
|
+
}
|
|
167
72
|
|
|
168
|
-
exports.DropDownItemContainer = DropDownItemContainer;
|
|
169
73
|
DropDownItemContainer.propTypes = _propTypes.DropDownItemContainer_propTypes;
|
|
170
74
|
DropDownItemContainer.defaultProps = _defaultProps.DropDownItemContainer_defaultProps;
|
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
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
|
-
|
|
5
3
|
Object.defineProperty(exports, "__esModule", {
|
|
6
4
|
value: true
|
|
7
5
|
});
|
|
8
|
-
exports["default"] =
|
|
6
|
+
exports["default"] = DropDownHeading;
|
|
9
7
|
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
9
|
|
|
@@ -17,77 +15,33 @@ var _DropDownHeadingModule = _interopRequireDefault(require("../../DropDown/Drop
|
|
|
17
15
|
|
|
18
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
17
|
|
|
20
|
-
function
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
18
|
+
function DropDownHeading(props) {
|
|
19
|
+
var text = props.text,
|
|
20
|
+
_props$title = props.title,
|
|
21
|
+
title = _props$title === void 0 ? text : _props$title,
|
|
22
|
+
children = props.children,
|
|
23
|
+
customClass = props.customClass,
|
|
24
|
+
palette = props.palette,
|
|
25
|
+
htmlId = props.htmlId,
|
|
26
|
+
a11y = props.a11y,
|
|
27
|
+
dataId = props.dataId,
|
|
28
|
+
dataSelectorId = props.dataSelectorId;
|
|
29
|
+
var role = a11y.role,
|
|
30
|
+
ariaLabelledby = a11y.ariaLabelledby,
|
|
31
|
+
ariaLabel = a11y.ariaLabel;
|
|
32
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
33
|
+
className: "".concat(_DropDownHeadingModule["default"][palette], " ").concat(customClass),
|
|
34
|
+
"data-title": title,
|
|
35
|
+
role: role,
|
|
36
|
+
"aria-labelledby": ariaLabelledby,
|
|
37
|
+
"aria-label": ariaLabel,
|
|
38
|
+
id: htmlId,
|
|
39
|
+
"data-id": dataId,
|
|
40
|
+
"data-test-id": dataId,
|
|
41
|
+
"data-selector-id": dataSelectorId // tabindex='0'
|
|
42
|
+
|
|
43
|
+
}, text, children);
|
|
44
|
+
}
|
|
37
45
|
|
|
38
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
39
|
-
|
|
40
|
-
var DropDownHeading = /*#__PURE__*/function (_React$Component) {
|
|
41
|
-
_inherits(DropDownHeading, _React$Component);
|
|
42
|
-
|
|
43
|
-
var _super = _createSuper(DropDownHeading);
|
|
44
|
-
|
|
45
|
-
function DropDownHeading() {
|
|
46
|
-
_classCallCheck(this, DropDownHeading);
|
|
47
|
-
|
|
48
|
-
return _super.apply(this, arguments);
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
_createClass(DropDownHeading, [{
|
|
52
|
-
key: "render",
|
|
53
|
-
value: function render() {
|
|
54
|
-
var _this$props = this.props,
|
|
55
|
-
text = _this$props.text,
|
|
56
|
-
_this$props$title = _this$props.title,
|
|
57
|
-
title = _this$props$title === void 0 ? text : _this$props$title,
|
|
58
|
-
children = _this$props.children,
|
|
59
|
-
customClass = _this$props.customClass,
|
|
60
|
-
palette = _this$props.palette,
|
|
61
|
-
htmlId = _this$props.htmlId,
|
|
62
|
-
a11y = _this$props.a11y,
|
|
63
|
-
dataId = _this$props.dataId,
|
|
64
|
-
dataSelectorId = _this$props.dataSelectorId;
|
|
65
|
-
var role = a11y.role,
|
|
66
|
-
ariaLabelledby = a11y.ariaLabelledby,
|
|
67
|
-
ariaLabel = a11y.ariaLabel;
|
|
68
|
-
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
69
|
-
className: "".concat(_DropDownHeadingModule["default"][palette], " ").concat(customClass),
|
|
70
|
-
"data-title": title,
|
|
71
|
-
role: role,
|
|
72
|
-
"aria-labelledby": ariaLabelledby,
|
|
73
|
-
"aria-label": ariaLabel,
|
|
74
|
-
id: htmlId,
|
|
75
|
-
"data-id": dataId,
|
|
76
|
-
"data-test-id": dataId,
|
|
77
|
-
"data-selector-id": dataSelectorId // tabindex='0'
|
|
78
|
-
|
|
79
|
-
}, text, children);
|
|
80
|
-
}
|
|
81
|
-
}]);
|
|
82
|
-
|
|
83
|
-
return DropDownHeading;
|
|
84
|
-
}(_react["default"].Component);
|
|
85
|
-
|
|
86
|
-
exports["default"] = DropDownHeading;
|
|
87
46
|
DropDownHeading.propTypes = _propTypes.DropDownHeading_propTypes;
|
|
88
|
-
DropDownHeading.defaultProps = _defaultProps.DropDownHeading_defaultProps;
|
|
89
|
-
// DropDownHeading.docs = {
|
|
90
|
-
// componentGroup: 'Form Elements',
|
|
91
|
-
// folderName: 'Style Guide'
|
|
92
|
-
// };
|
|
93
|
-
// }
|
|
47
|
+
DropDownHeading.defaultProps = _defaultProps.DropDownHeading_defaultProps;
|