linear-react-components-ui 1.0.9 → 1.0.10-beta.0

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.
Files changed (46) hide show
  1. package/lib/icons/helper.d.ts +0 -12
  2. package/lib/icons/helper.js +0 -12
  3. package/lib/inputs/select/simple/index.js +30 -32
  4. package/package.json +1 -1
  5. package/lib/alerts/alert.spec.js +0 -133
  6. package/lib/avatar/avatar.spec.js +0 -190
  7. package/lib/badge/badge.spec.js +0 -127
  8. package/lib/buttons/SpinnerLoading.js +0 -230
  9. package/lib/buttons/buttons.spec.js +0 -504
  10. package/lib/calendar/calendar.spec.js +0 -171
  11. package/lib/checkbox/checkbox.spec.js +0 -215
  12. package/lib/dialog/dialog.spec.js +0 -488
  13. package/lib/drawer/Drawer.spec.js +0 -258
  14. package/lib/dropdown/dropdown.spec.js +0 -168
  15. package/lib/fieldset/fieldset.spec.js +0 -329
  16. package/lib/form/form.spec.js +0 -293
  17. package/lib/gridlayout/gridLayout.spec.js +0 -169
  18. package/lib/icons/icons.spec.js +0 -86
  19. package/lib/inputs/base/base.spec.js +0 -690
  20. package/lib/inputs/base/index.js +0 -1
  21. package/lib/inputs/color/color_input.spec.js +0 -174
  22. package/lib/inputs/date/date.spec.js +0 -354
  23. package/lib/inputs/date/helper.js +0 -16
  24. package/lib/inputs/mask/input_mask.spec.js +0 -607
  25. package/lib/inputs/number/numberfield.spec.js +0 -215
  26. package/lib/inputs/search/search_input.spec.js +0 -209
  27. package/lib/inputs/select/select.spec.js +0 -391
  28. package/lib/inputs/text/textfield.spec.js +0 -215
  29. package/lib/inputs/textarea/textarea.spec.js +0 -59
  30. package/lib/labelMessages/labelMessages.spec.js +0 -176
  31. package/lib/labels/label.spec.js +0 -162
  32. package/lib/list/list.spec.js +0 -768
  33. package/lib/menus/float/float-menu.spec.js +0 -221
  34. package/lib/menus/sidenav/sidenav.spec.js +0 -379
  35. package/lib/panel/panel.spec.js +0 -216
  36. package/lib/popover/popover.spec.js +0 -146
  37. package/lib/progress/progress.spec.js +0 -86
  38. package/lib/radio/radio.spec.js +0 -189
  39. package/lib/spinner/spinner.spec.js +0 -152
  40. package/lib/split/split.spec.js +0 -151
  41. package/lib/table/table.spec.js +0 -352
  42. package/lib/tabs/tabs.spec.js +0 -349
  43. package/lib/toolbar/toolbar.spec.js +0 -394
  44. package/lib/tooltip/tooltip.spec.js +0 -203
  45. package/lib/treeview/treeview.spec.js +0 -279
  46. package/lib/uitour/uitour.spec.js +0 -176
@@ -563,18 +563,6 @@ declare const _default: {
563
563
  viewbox: string;
564
564
  paths: string[];
565
565
  };
566
- cash3: {
567
- viewbox: string;
568
- paths: string[];
569
- };
570
- wallet: {
571
- viewbox: string;
572
- paths: string[];
573
- };
574
- stackEmpty: {
575
- viewbox: string;
576
- paths: string[];
577
- };
578
566
  };
579
567
 
580
568
  export { _default as default };
@@ -568,18 +568,6 @@ var _default = {
568
568
  records: {
569
569
  viewbox: '0 0 16 16',
570
570
  paths: ['M13.75 4h-0.75v-0.75c0-0.689-0.561-1.25-1.25-1.25h-0.75v-0.75c0-0.689-0.561-1.25-1.25-1.25h-7.5c-0.689 0-1.25 0.561-1.25 1.25v9.5c0 0.689 0.561 1.25 1.25 1.25h0.75v0.75c0 0.689 0.561 1.25 1.25 1.25h0.75v0.75c0 0.689 0.561 1.25 1.25 1.25h7.5c0.689 0 1.25-0.561 1.25-1.25v-9.5c0-0.689-0.561-1.25-1.25-1.25zM2.25 11c-0.138 0-0.25-0.113-0.25-0.25v-9.5c0-0.137 0.112-0.25 0.25-0.25h7.5c0.137 0 0.25 0.113 0.25 0.25v0.75h-5.75c-0.689 0-1.25 0.561-1.25 1.25v7.75h-0.75zM4.25 13c-0.138 0-0.25-0.113-0.25-0.25v-9.5c0-0.138 0.112-0.25 0.25-0.25h7.5c0.137 0 0.25 0.112 0.25 0.25v0.75h-5.75c-0.689 0-1.25 0.561-1.25 1.25v7.75h-0.75zM14 14.75c0 0.137-0.113 0.25-0.25 0.25h-7.5c-0.138 0-0.25-0.113-0.25-0.25v-9.5c0-0.138 0.112-0.25 0.25-0.25h7.5c0.137 0 0.25 0.112 0.25 0.25v9.5z']
571
- },
572
- cash3: {
573
- viewbox: '0 0 17 16',
574
- paths: ['9h1v1h-1v-1z', 'M0 6v9h17v-9h-17zM3 14h-2v-2h1v1h1v1zM3 8h-1v1h-1v-2h2v1zM10.5 10c0.276 0 0.5 0.224 0.5 0.5v2c0 0.276-0.224 0.5-0.5 0.5h-1.5v0.5c0 0.276-0.224 0.5-0.5 0.5s-0.5-0.224-0.5-0.5v-0.5h-1.5c-0.276 0-0.5-0.224-0.5-0.5s0.224-0.5 0.5-0.5h1.5v-1h-1.5c-0.276 0-0.5-0.224-0.5-0.5v-2c0-0.276 0.224-0.5 0.5-0.5h1.5v-0.5c0-0.276 0.224-0.5 0.5-0.5s0.5 0.224 0.5 0.5v0.5h1.5c0.276 0 0.5 0.224 0.5 0.5s-0.224 0.5-0.5 0.5h-1.5v1h1.5zM16 14h-2v-1h1v-1h1v2zM16 9h-1v-1h-1v-1h2v2z', 'M9 11h1v1h-1v-1z', 'M1 4h15v1.5h-15v-1.5z', 'M2 2h13v1.5h-13v-1.5z']
575
- },
576
- wallet: {
577
- viewbox: '0 0 17 16',
578
- paths: ['M15 2h-13c-1.105 0-2 0.895-2 2v10c0 0.55 0.45 1 1 1h12c0.55 0 1-0.45 1-1v-1h1c0.55 0 1-0.45 1-1v-9c0-0.55-0.45-1-1-1zM1 6h0.5v1h-0.5v-1zM1 8h0.5v1h-0.5v-1zM1 10h0.5v1h-0.5v-1zM1 12h0.5v1h-0.5v-1zM2 14h-1v-0.5h1v0.5zM2 5.5h-1v-0.5h1v0.5zM4 14h-1v-0.5h1v0.5zM4 5.5h-1v-0.5h1v0.5zM6 14h-1v-0.5h1v0.5zM6 5.5h-1v-0.5h1v0.5zM8 14h-1v-0.5h1v0.5zM8 5.5h-1v-0.5h1v0.5zM10 14h-1v-0.5h1v0.5zM12 14h-1v-0.5h1v0.5zM15 7h-4v3h4v1.998c-0.001 0.001-0.001 0.001-0.002 0.002h-0.998v-1h-4v-5h4v-1c0-0.55-0.45-1-1-1h-12c0-0.551 0.449-1 1-1h12.998c0.001 0.001 0.001 0.001 0.002 0.002v3.998zM13 8.5c0 0.276-0.224 0.5-0.5 0.5s-0.5-0.224-0.5-0.5 0.224-0.5 0.5-0.5 0.5 0.224 0.5 0.5z']
579
- },
580
- stackEmpty: {
581
- viewbox: '0 0 16 16',
582
- paths: ['M16 13v-12h-11v1.155l-2.619 0.368 0.17 1.211-2.551 0.732 3.308 11.535 10.189-2.921 0.558-0.079h1.945zM6 2h9v10h-9v-10zM5 3.070v9.93h2.543l-2.721 0.382-1.418-10.088 1.595-0.224zM3.929 14.879l-2.808-9.793 1.558-0.447 1.373 9.766 2.997-0.421-3.119 0.894z']
583
571
  }
584
572
  };
585
573
  exports.default = _default;
@@ -17,20 +17,21 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
17
17
  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); }
18
18
  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; }
19
19
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
20
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
21
+ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
22
+ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
23
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
20
24
  function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
21
25
  function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
22
26
  function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
23
27
  function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
24
28
  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."); }
29
+ 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); }
25
30
  function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
26
31
  function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
27
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
28
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
29
- 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); }
30
32
  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; }
31
- function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
32
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
33
33
  var SimpleSelect = function SimpleSelect(props) {
34
+ var _ref;
34
35
  var value = props.value,
35
36
  _props$descriptionKey = props.descriptionKey,
36
37
  descriptionKey = _props$descriptionKey === void 0 ? '' : _props$descriptionKey,
@@ -54,7 +55,8 @@ var SimpleSelect = function SimpleSelect(props) {
54
55
  searchOnDropdown = _props$searchOnDropdo === void 0 ? false : _props$searchOnDropdo,
55
56
  _props$allOptions = props.allOptions,
56
57
  allOptions = _props$allOptions === void 0 ? undefined : _props$allOptions;
57
- var _useState = (0, _react.useState)(dataSource),
58
+ var dataSourceWithAllOptions = allOptions ? [(_ref = {}, _defineProperty(_ref, idKey, allOptions.idValue), _defineProperty(_ref, descriptionKey, allOptions.label), _ref)].concat(_toConsumableArray(dataSource)) : dataSource;
59
+ var _useState = (0, _react.useState)(dataSourceWithAllOptions),
58
60
  _useState2 = _slicedToArray(_useState, 2),
59
61
  dataCombo = _useState2[0],
60
62
  setDataCombo = _useState2[1];
@@ -99,8 +101,9 @@ var SimpleSelect = function SimpleSelect(props) {
99
101
  if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);
100
102
  };
101
103
  var onClickOutside = function onClickOutside(event) {
104
+ var _selectWrapper$curren, _dropdownRef$current;
102
105
  var target = event.target;
103
- if (target !== selectWrapper.current && selectWrapper.current && !selectWrapper.current.contains(target) && dropdownRef.current && !dropdownRef.current.contains(target)) {
106
+ if (target !== selectWrapper.current && !((_selectWrapper$curren = selectWrapper.current) !== null && _selectWrapper$curren !== void 0 && _selectWrapper$curren.contains(target)) && !((_dropdownRef$current = dropdownRef.current) !== null && _dropdownRef$current !== void 0 && _dropdownRef$current.contains(target))) {
104
107
  setOpened(false);
105
108
  }
106
109
  };
@@ -132,7 +135,7 @@ var SimpleSelect = function SimpleSelect(props) {
132
135
  var dataComboFilter = (0, _helper.getFilteredSimpleDataCombo)({
133
136
  inputText: valueFilter,
134
137
  descriptionKey: descriptionKey,
135
- dataSource: dataSource
138
+ dataSource: dataSourceWithAllOptions
136
139
  });
137
140
  if (dataComboFilter && dataComboFilter.length > 0) selectedFilter = dataComboFilter[0];
138
141
  setDataCombo(dataComboFilter);
@@ -153,7 +156,7 @@ var SimpleSelect = function SimpleSelect(props) {
153
156
  setOpened(!opened);
154
157
  if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);
155
158
  };
156
- var _onFocus = function onFocus() {
159
+ var onFocus = function onFocus() {
157
160
  setOpened(openDropdownOnFocus);
158
161
  if (selectWrapper) {
159
162
  var dropdownWidthFocus = selectWrapper.current ? selectWrapper.current.clientWidth : 0;
@@ -178,15 +181,15 @@ var SimpleSelect = function SimpleSelect(props) {
178
181
  onSelect(selected);
179
182
  } else if ([constants.keyCodes.ARROW_UP, constants.keyCodes.ARROW_DOWN].includes(e.keyCode)) {
180
183
  if (!opened) setOpened(true);
181
- var index = dataSource.length > 0 ? dataSource.findIndex(function (d) {
184
+ var index = dataSourceWithAllOptions.length > 0 ? dataSourceWithAllOptions.findIndex(function (d) {
182
185
  return selected && d[idKey] === selected[idKey];
183
186
  }) : 0;
184
187
  if (e.keyCode === constants.keyCodes.ARROW_DOWN) {
185
- index = dataSource && index === dataSource.length - 1 ? 0 : index + 1;
188
+ index = dataSourceWithAllOptions && index === dataSourceWithAllOptions.length - 1 ? 0 : index + 1;
186
189
  } else {
187
- index = dataSource && index === 0 ? (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) - 1 : index - 1;
190
+ index = dataSourceWithAllOptions && index === 0 ? (dataSourceWithAllOptions === null || dataSourceWithAllOptions === void 0 ? void 0 : dataSourceWithAllOptions.length) - 1 : index - 1;
188
191
  }
189
- setSelected(dataSource[index]);
192
+ setSelected(dataSourceWithAllOptions[index]);
190
193
  }
191
194
  }
192
195
  if (!isTyping) setIsTyping(true);
@@ -221,38 +224,34 @@ var SimpleSelect = function SimpleSelect(props) {
221
224
  }
222
225
  }, [gridLayout]);
223
226
  (0, _react.useEffect)(function () {
224
- if (value !== valueFromProps && dataSource.length > 0) {
227
+ if (value !== valueFromProps && dataSourceWithAllOptions.length > 0) {
225
228
  var newCurrent = null;
226
229
  if (value) {
227
- newCurrent = dataSource.find(function (i) {
230
+ newCurrent = dataSourceWithAllOptions.find(function (i) {
228
231
  return value && i[idKey].toString().toLowerCase() === value.toString().toLowerCase();
229
232
  });
230
233
  setValueFromProps(value);
231
- } else if (dataSource.length > 0 && selectFirstOnEnter) {
232
- newCurrent = dataSource[0];
234
+ } else if (dataSourceWithAllOptions.length > 0 && selectFirstOnEnter) {
235
+ newCurrent = dataSourceWithAllOptions[0];
233
236
  }
234
237
  setSelected(newCurrent);
235
238
  setInputText(newCurrent ? newCurrent[descriptionKey] : '');
236
239
  }
237
- }, [dataSource.length, value]);
240
+ }, [dataSourceWithAllOptions.length, value]);
238
241
  (0, _react.useEffect)(function () {
239
- if (!_lodash.default.isEqual(dataCombo, dataSource)) {
240
- var dataComboFilteredSimple = undigitable || remoteSearch || !isTyping ? dataSource : (0, _helper.getFilteredSimpleDataCombo)({
242
+ if (!_lodash.default.isEqual(dataCombo, dataSourceWithAllOptions)) {
243
+ var dataComboFilteredSimple = undigitable || remoteSearch || !isTyping ? dataSourceWithAllOptions : (0, _helper.getFilteredSimpleDataCombo)({
241
244
  inputText: inputText,
242
- dataSource: dataSource,
245
+ dataSource: dataSourceWithAllOptions,
243
246
  descriptionKey: descriptionKey
244
247
  });
245
248
  setDataCombo(dataComboFilteredSimple);
246
- if (dataSource.length > 0 && remoteSearch) {
247
- var data = dataSource[0];
249
+ if (dataSourceWithAllOptions.length > 0 && remoteSearch) {
250
+ var data = dataSourceWithAllOptions[0];
248
251
  setSelected(data);
249
252
  }
250
253
  }
251
- if (allOptions) {
252
- var _ref;
253
- setDataCombo([(_ref = {}, _defineProperty(_ref, idKey, allOptions.idValue), _defineProperty(_ref, descriptionKey, allOptions.label), _ref)].concat(_toConsumableArray(dataSource)));
254
- }
255
- }, [dataSource]);
254
+ }, [JSON.stringify(dataSourceWithAllOptions)]);
256
255
  return /*#__PURE__*/_react.default.createElement("span", {
257
256
  id: componentId,
258
257
  ref: componentRef,
@@ -260,9 +259,8 @@ var SimpleSelect = function SimpleSelect(props) {
260
259
  }, /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({}, props, {
261
260
  readOnly: undigitable || shouldBeReadOnly(),
262
261
  value: inputText,
263
- onFocus: function onFocus() {
264
- _onFocus();
265
- },
262
+ onFocus: onFocus,
263
+ onBlur: onBlur,
266
264
  onChange: function onChange(e) {
267
265
  if (e) onFilter(e.target.value);
268
266
  },
@@ -303,7 +301,7 @@ var SimpleSelect = function SimpleSelect(props) {
303
301
  handleOnBlur: function handleOnBlur() {
304
302
  return onBlur;
305
303
  },
306
- handleOnFocus: _onFocus,
304
+ handleOnFocus: onFocus,
307
305
  opened: opened,
308
306
  dataCombo: dataCombo,
309
307
  dropdownWidth: dropdownWidth || 0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "linear-react-components-ui",
3
- "version": "1.0.9",
3
+ "version": "1.0.10-beta.0",
4
4
  "description": "Linear Sistemas ReactJs Components",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib/index.cjs",
@@ -1,133 +0,0 @@
1
- "use strict";
2
-
3
- var _react = _interopRequireDefault(require("react"));
4
-
5
- require("babel-polyfill");
6
-
7
- require("@testing-library/jest-dom");
8
-
9
- var _react2 = require("@testing-library/react");
10
-
11
- var _Message = _interopRequireDefault(require("./Message"));
12
-
13
- var _icons = _interopRequireDefault(require("../icons"));
14
-
15
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
16
-
17
- function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
18
-
19
- function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
20
-
21
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
22
-
23
- var mockAlert = function mockAlert(props) {
24
- return /*#__PURE__*/_react["default"].createElement(_Message["default"], _extends({
25
- id: 3,
26
- message: "Alerta",
27
- position: "rightTop",
28
- closeButton: true,
29
- customClass: "mock-alert",
30
- timeout: 500
31
- }, props));
32
- };
33
-
34
- describe('Alert', function () {
35
- describe('Message', function () {
36
- it('should render correctly', function () {
37
- var mockHandleClose = jest.fn();
38
-
39
- var _render = (0, _react2.render)(mockAlert({
40
- handleClose: mockHandleClose
41
- })),
42
- container = _render.container;
43
-
44
- expect(container.firstChild).toBeTruthy();
45
- expect(container.firstChild).toHaveTextContent('Alerta');
46
- });
47
- it('should close with timeout 500ms', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
48
- var mockHandleClose;
49
- return regeneratorRuntime.wrap(function _callee$(_context) {
50
- while (1) {
51
- switch (_context.prev = _context.next) {
52
- case 0:
53
- mockHandleClose = jest.fn();
54
- (0, _react2.render)(mockAlert({
55
- handleClose: mockHandleClose
56
- }));
57
- _context.next = 4;
58
- return (0, _react2.waitFor)(function () {
59
- return expect(mockHandleClose).toBeCalledTimes(1);
60
- });
61
-
62
- case 4:
63
- case "end":
64
- return _context.stop();
65
- }
66
- }
67
- }, _callee);
68
- })));
69
- it('should apply custom class', function () {
70
- var mockHandleClose = jest.fn();
71
-
72
- var _render2 = (0, _react2.render)(mockAlert({
73
- handleClose: mockHandleClose
74
- })),
75
- container = _render2.container;
76
-
77
- expect(container.firstChild).toHaveClass('mock-alert');
78
- });
79
- it('should render icon', function () {
80
- var mockHandleClose = jest.fn();
81
-
82
- var _render3 = (0, _react2.render)(mockAlert({
83
- handleClose: mockHandleClose,
84
- icon: /*#__PURE__*/_react["default"].createElement(_icons["default"], {
85
- name: "user"
86
- })
87
- })),
88
- container = _render3.container,
89
- getByTestId = _render3.getByTestId;
90
-
91
- expect(container.querySelector('.-icon')).toContainElement(getByTestId('icon'));
92
- });
93
- it('should render icon by iconName', function () {
94
- var mockHandleClose = jest.fn();
95
-
96
- var _render4 = (0, _react2.render)(mockAlert({
97
- handleClose: mockHandleClose,
98
- iconName: 'user'
99
- })),
100
- container = _render4.container,
101
- getByTestId = _render4.getByTestId;
102
-
103
- expect(container.querySelector('.-icon')).toContainElement(getByTestId('icon'));
104
- });
105
- it('should change icon color', function () {
106
- var mockHandleClose = jest.fn();
107
-
108
- var _render5 = (0, _react2.render)(mockAlert({
109
- handleClose: mockHandleClose,
110
- iconName: 'user',
111
- color: 'red'
112
- })),
113
- getByTestId = _render5.getByTestId;
114
-
115
- expect(getByTestId('icon')).toHaveAttribute('fill', 'red');
116
- });
117
- it('should fire event on click', function () {
118
- var mockHandleClose = jest.fn();
119
-
120
- var _render6 = (0, _react2.render)(mockAlert({
121
- handleClose: mockHandleClose
122
- })),
123
- container = _render6.container,
124
- getByRole = _render6.getByRole;
125
-
126
- _react2.fireEvent.click(getByRole('button'));
127
-
128
- expect(container.querySelector('.close')).toBeInTheDocument();
129
- expect(container.querySelector('.close-button')).toBeInTheDocument();
130
- expect(mockHandleClose).toBeCalledTimes(1);
131
- });
132
- });
133
- });
@@ -1,190 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
4
-
5
- var _react = _interopRequireDefault(require("react"));
6
-
7
- require("babel-polyfill");
8
-
9
- require("@testing-library/jest-dom/extend-expect");
10
-
11
- var _react2 = require("@testing-library/react");
12
-
13
- var _ = _interopRequireDefault(require("."));
14
-
15
- var _icons = _interopRequireDefault(require("../icons"));
16
-
17
- var _list = _interopRequireWildcard(require("../list"));
18
-
19
- 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); }
20
-
21
- 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; }
22
-
23
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
24
-
25
- function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
26
-
27
- function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
28
-
29
- describe('Avatar', function () {
30
- it('should render correctly', function () {
31
- var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_["default"], {
32
- label: "B"
33
- })),
34
- container = _render.container;
35
-
36
- expect(container.firstChild).toHaveClass('avatar-component -default');
37
- expect(container.firstChild).toHaveTextContent('B');
38
- expect(_react2.screen.getByRole('button')).toBeInTheDocument();
39
- });
40
- it('should apply customClass', function () {
41
- var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_["default"], {
42
- label: "B",
43
- customClass: "avatarteste"
44
- })),
45
- container = _render2.container;
46
-
47
- expect(container.firstChild).toHaveClass('avatarteste');
48
- });
49
- it('should change color', function () {
50
- var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_["default"], {
51
- label: "B",
52
- color: "#333"
53
- })),
54
- container = _render3.container;
55
-
56
- expect(container.firstChild).toHaveStyle('background-color: #333');
57
- });
58
- it('should change to square', function () {
59
- var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_["default"], {
60
- label: "B",
61
- square: true
62
- })),
63
- container = _render4.container;
64
-
65
- expect(container.firstChild).toHaveClass('-square');
66
- });
67
- it('should change to mini', function () {
68
- var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_["default"], {
69
- label: "B",
70
- size: "mini"
71
- })),
72
- container = _render5.container;
73
-
74
- expect(container.firstChild).toHaveClass('-mini');
75
- });
76
- it('should render icon with iconName', function () {
77
- var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_["default"], {
78
- iconName: "calc"
79
- })),
80
- container = _render6.container;
81
-
82
- expect(container.firstChild).toContainElement(_react2.screen.getByTestId('icon'));
83
- });
84
- it('should render Icon with icon', function () {
85
- var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_["default"], {
86
- icon: /*#__PURE__*/_react["default"].createElement(_icons["default"], {
87
- name: "user"
88
- })
89
- })),
90
- container = _render7.container;
91
-
92
- expect(container.firstChild).toContainElement(_react2.screen.getByTestId('icon'));
93
- });
94
- it('should render with image', function () {
95
- var mockAvatar = /*#__PURE__*/_react["default"].createElement(_["default"], {
96
- src: "https://yt3.ggpht.com/a-/AAuE7mDGQh9L3n_EULfeZEO9rs_JR4BY376CSrlxdw=s900-mo-c-c0xffffffff-rj-k-no",
97
- srcAlt: "Avatar Teste"
98
- });
99
-
100
- var _render8 = (0, _react2.render)(mockAvatar),
101
- container = _render8.container;
102
-
103
- expect(container.firstChild).toContainElement(_react2.screen.getByAltText('Avatar Teste'));
104
- expect(_react2.screen.getByAltText('Avatar Teste')).toHaveClass('imgavatar');
105
- });
106
- it('should not render icon if has image', function () {
107
- var mockAvatar = /*#__PURE__*/_react["default"].createElement(_["default"], {
108
- src: "https://yt3.ggpht.com/a-/AAuE7mDGQh9L3n_EULfeZEO9rs_JR4BY376CSrlxdw=s900-mo-c-c0xffffffff-rj-k-no",
109
- srcAlt: "Avatar Teste"
110
- });
111
-
112
- var _render9 = (0, _react2.render)(mockAvatar),
113
- container = _render9.container;
114
-
115
- expect(container.firstChild).not.toContainElement(document.querySelector('.icon-component'));
116
- });
117
- it('should change size', function () {
118
- var _render10 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_["default"], {
119
- label: "B",
120
- width: "56px",
121
- height: "56px"
122
- })),
123
- container = _render10.container;
124
-
125
- expect(container.firstChild).toHaveStyle('width: 56px; height:56px');
126
- });
127
- it('should open dropdown and render chilren', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
128
- var mockAvatar, _render11, container;
129
-
130
- return regeneratorRuntime.wrap(function _callee$(_context) {
131
- while (1) {
132
- switch (_context.prev = _context.next) {
133
- case 0:
134
- mockAvatar = /*#__PURE__*/_react["default"].createElement(_["default"], {
135
- label: "B",
136
- dropdown: true
137
- }, /*#__PURE__*/_react["default"].createElement(_list["default"], null, /*#__PURE__*/_react["default"].createElement(_list.ListItem, {
138
- rightIconName: "exclamation",
139
- text: "Icone na direita"
140
- }), /*#__PURE__*/_react["default"].createElement(_list.ListItem, {
141
- rightIconName: "user",
142
- text: "Icone na direita"
143
- }), /*#__PURE__*/_react["default"].createElement(_list.ListItem, {
144
- text: "Itemlist sem \xEDcone"
145
- }), /*#__PURE__*/_react["default"].createElement(_list.ListItem, {
146
- text: "Itemlist sem \xEDcone Disabled",
147
- disabled: true
148
- })));
149
- _render11 = (0, _react2.render)(mockAvatar), container = _render11.container;
150
-
151
- _react2.fireEvent.click(container.firstChild);
152
-
153
- _context.next = 5;
154
- return (0, _react2.waitFor)(function () {
155
- return _react2.screen.getByTestId('dropdown-component');
156
- });
157
-
158
- case 5:
159
- expect(container.firstChild).toHaveTextContent('B');
160
- expect(_react2.screen.getByTestId('dropdown-component')).toBeInTheDocument();
161
-
162
- case 7:
163
- case "end":
164
- return _context.stop();
165
- }
166
- }
167
- }, _callee);
168
- })));
169
- it('should callback function onClick', function () {
170
- var mockOnClick = jest.fn();
171
-
172
- var _render12 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_["default"], {
173
- label: "B",
174
- onClick: mockOnClick
175
- })),
176
- container = _render12.container;
177
-
178
- _react2.fireEvent.click(container.firstChild);
179
-
180
- expect(mockOnClick).toBeCalledTimes(1);
181
- });
182
- it('should use targetRef', function () {
183
- var mockTargetRef = jest.fn();
184
- (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_["default"], {
185
- label: "B",
186
- targetRef: mockTargetRef
187
- }));
188
- expect(mockTargetRef).toBeCalledTimes(1);
189
- });
190
- });
@@ -1,127 +0,0 @@
1
- "use strict";
2
-
3
- var _react = _interopRequireDefault(require("react"));
4
-
5
- var _react2 = require("@testing-library/react");
6
-
7
- require("@testing-library/jest-dom/extend-expect");
8
-
9
- var _ = _interopRequireDefault(require("."));
10
-
11
- var _icons = _interopRequireDefault(require("../icons"));
12
-
13
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
14
-
15
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
16
-
17
- var mockBadge = function mockBadge(props) {
18
- return /*#__PURE__*/_react["default"].createElement(_["default"], _extends({
19
- customClass: "mockBadge",
20
- customClassForBadge: "classforbadge",
21
- content: "10"
22
- }, props), /*#__PURE__*/_react["default"].createElement(_icons["default"], {
23
- name: "bell_alert"
24
- }));
25
- };
26
-
27
- describe('Badges', function () {
28
- it('should render correctly', function () {
29
- var _render = (0, _react2.render)(mockBadge()),
30
- container = _render.container;
31
-
32
- expect(container.firstChild).toBeTruthy();
33
- });
34
- it('should render children', function () {
35
- var _render2 = (0, _react2.render)(mockBadge()),
36
- container = _render2.container,
37
- getByTestId = _render2.getByTestId;
38
-
39
- expect(container.firstChild).toContainElement(getByTestId('icon'));
40
- });
41
- it('should render content', function () {
42
- var _render3 = (0, _react2.render)(mockBadge()),
43
- container = _render3.container;
44
-
45
- expect(container.firstChild).toHaveTextContent('10');
46
- });
47
- it('should apply custom class', function () {
48
- var _render4 = (0, _react2.render)(mockBadge()),
49
- container = _render4.container;
50
-
51
- expect(container.firstChild).toHaveClass('mockBadge');
52
- });
53
- it('should apply custom class', function () {
54
- var _render5 = (0, _react2.render)(mockBadge()),
55
- container = _render5.container;
56
-
57
- expect(container.firstChild).toHaveClass('mockBadge');
58
- });
59
- it('should apply custom class for badge', function () {
60
- var _render6 = (0, _react2.render)(mockBadge()),
61
- container = _render6.container;
62
-
63
- expect(container.querySelector('.badge')).toHaveClass('classforbadge');
64
- });
65
- it('should apply custom top', function () {
66
- var _render7 = (0, _react2.render)(mockBadge({
67
- top: '10px'
68
- })),
69
- container = _render7.container;
70
-
71
- expect(container.querySelector('.badge')).toHaveStyle('top: 10px;');
72
- });
73
- it('should apply custom right', function () {
74
- var _render8 = (0, _react2.render)(mockBadge({
75
- right: '10px'
76
- })),
77
- container = _render8.container;
78
-
79
- expect(container.querySelector('.badge')).toHaveStyle('right: 10px;');
80
- });
81
- it('should apply default color', function () {
82
- var _render9 = (0, _react2.render)(mockBadge()),
83
- container = _render9.container;
84
-
85
- expect(container.querySelector('.badge')).toHaveClass('-default');
86
- });
87
- it('should apply primary color', function () {
88
- var _render10 = (0, _react2.render)(mockBadge({
89
- color: 'primary'
90
- })),
91
- container = _render10.container;
92
-
93
- expect(container.querySelector('.badge')).toHaveClass('-primary');
94
- });
95
- it('should apply danger color', function () {
96
- var _render11 = (0, _react2.render)(mockBadge({
97
- color: 'danger'
98
- })),
99
- container = _render11.container;
100
-
101
- expect(container.querySelector('.badge')).toHaveClass('-danger');
102
- });
103
- it('should apply warning color', function () {
104
- var _render12 = (0, _react2.render)(mockBadge({
105
- color: 'warning'
106
- })),
107
- container = _render12.container;
108
-
109
- expect(container.querySelector('.badge')).toHaveClass('-warning');
110
- });
111
- it('should apply success color', function () {
112
- var _render13 = (0, _react2.render)(mockBadge({
113
- color: 'success'
114
- })),
115
- container = _render13.container;
116
-
117
- expect(container.querySelector('.badge')).toHaveClass('-success');
118
- });
119
- it('should apply info color', function () {
120
- var _render14 = (0, _react2.render)(mockBadge({
121
- color: 'info'
122
- })),
123
- container = _render14.container;
124
-
125
- expect(container.querySelector('.badge')).toHaveClass('-info');
126
- });
127
- });