linear-react-components-ui 1.0.8 → 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.
- package/lib/icons/helper.d.ts +0 -16
- package/lib/icons/helper.js +0 -16
- package/lib/inputs/select/simple/index.js +30 -32
- package/package.json +1 -1
- package/lib/alerts/alert.spec.js +0 -133
- package/lib/avatar/avatar.spec.js +0 -190
- package/lib/badge/badge.spec.js +0 -127
- package/lib/buttons/SpinnerLoading.js +0 -230
- package/lib/buttons/buttons.spec.js +0 -504
- package/lib/calendar/calendar.spec.js +0 -171
- package/lib/checkbox/checkbox.spec.js +0 -215
- package/lib/dialog/dialog.spec.js +0 -488
- package/lib/drawer/Drawer.spec.js +0 -258
- package/lib/dropdown/dropdown.spec.js +0 -168
- package/lib/fieldset/fieldset.spec.js +0 -329
- package/lib/form/form.spec.js +0 -293
- package/lib/gridlayout/gridLayout.spec.js +0 -169
- package/lib/icons/icons.spec.js +0 -86
- package/lib/inputs/base/base.spec.js +0 -690
- package/lib/inputs/base/index.js +0 -1
- package/lib/inputs/color/color_input.spec.js +0 -174
- package/lib/inputs/date/date.spec.js +0 -354
- package/lib/inputs/date/helper.js +0 -16
- package/lib/inputs/mask/input_mask.spec.js +0 -607
- package/lib/inputs/number/numberfield.spec.js +0 -215
- package/lib/inputs/search/search_input.spec.js +0 -209
- package/lib/inputs/select/select.spec.js +0 -391
- package/lib/inputs/text/textfield.spec.js +0 -215
- package/lib/inputs/textarea/textarea.spec.js +0 -59
- package/lib/labelMessages/labelMessages.spec.js +0 -176
- package/lib/labels/label.spec.js +0 -162
- package/lib/list/list.spec.js +0 -768
- package/lib/menus/float/float-menu.spec.js +0 -221
- package/lib/menus/sidenav/sidenav.spec.js +0 -379
- package/lib/panel/panel.spec.js +0 -216
- package/lib/popover/popover.spec.js +0 -146
- package/lib/progress/progress.spec.js +0 -86
- package/lib/radio/radio.spec.js +0 -189
- package/lib/spinner/spinner.spec.js +0 -152
- package/lib/split/split.spec.js +0 -151
- package/lib/table/table.spec.js +0 -352
- package/lib/tabs/tabs.spec.js +0 -349
- package/lib/toolbar/toolbar.spec.js +0 -394
- package/lib/tooltip/tooltip.spec.js +0 -203
- package/lib/treeview/treeview.spec.js +0 -279
- package/lib/uitour/uitour.spec.js +0 -176
package/lib/icons/helper.d.ts
CHANGED
|
@@ -563,22 +563,6 @@ declare const _default: {
|
|
|
563
563
|
viewbox: string;
|
|
564
564
|
paths: string[];
|
|
565
565
|
};
|
|
566
|
-
moneyListCash: {
|
|
567
|
-
viewbox: string;
|
|
568
|
-
paths: string[];
|
|
569
|
-
};
|
|
570
|
-
moneyDocuments: {
|
|
571
|
-
viewbox: string;
|
|
572
|
-
paths: string[];
|
|
573
|
-
};
|
|
574
|
-
money2: {
|
|
575
|
-
viewbox: string;
|
|
576
|
-
paths: string[];
|
|
577
|
-
};
|
|
578
|
-
bills: {
|
|
579
|
-
viewbox: string;
|
|
580
|
-
paths: string[];
|
|
581
|
-
};
|
|
582
566
|
};
|
|
583
567
|
|
|
584
568
|
export { _default as default };
|
package/lib/icons/helper.js
CHANGED
|
@@ -568,22 +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
|
-
moneyListCash: {
|
|
573
|
-
viewbox: '0 0 48 48',
|
|
574
|
-
paths: ['M15 3h2v2h-2zM15 43h2v2h-2zM22 43h2v2h-2zM8 43h2v2H8z', 'M29 48H3a3 3 0 0 1-3-3V3a3 3 0 0 1 3-3h26a3 3 0 0 1 3 3v7h-2V3a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v42a1 1 0 0 0 1 1h26a1 1 0 0 0 1-1v-9h2v9a3 3 0 0 1-3 3z', 'M18 42H3a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h26a3 3 0 0 1 3 3h-2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v30a1 1 0 0 0 1 1h15zM29 42h-4v-2h4a1 1 0 0 0 1-1h2a3 3 0 0 1-3 3zM34 30a4 4 0 0 1-4-4h2a2 2 0 1 0 2-2 4 4 0 1 1 4-4h-2a2 2 0 1 0-2 2 4 4 0 0 1 0 8z', 'M33 29h2v3h-2zM33 14h2v3h-2zM40 22h2v2h-2zM26 22h2v2h-2z', 'M21 42a1.12 1.12 0 0 1-.31 0 1 1 0 0 1-.69-1V23a14 14 0 1 1 14 14 13.86 13.86 0 0 1-7.36-2.1l-4.83 6.69A1 1 0 0 1 21 42zm13-31a12 12 0 0 0-12 12v14.91l3.59-5a1 1 0 0 1 .65-.4 1 1 0 0 1 .74.18A12 12 0 1 0 34 11zM13 22H9a3 3 0 0 1-3-3v-4a3 3 0 0 1 3-3h4a3 3 0 0 1 3 3v4a3 3 0 0 1-3 3zm-4-8a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1zM13 36H9a3 3 0 0 1-3-3v-4a3 3 0 0 1 3-3h4a3 3 0 0 1 3 3v4a3 3 0 0 1-3 3zm-4-8a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1z']
|
|
575
|
-
},
|
|
576
|
-
moneyDocuments: {
|
|
577
|
-
viewbox: '0 0 48 48',
|
|
578
|
-
paths: ['M7 42H1a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1h30a1 1 0 0 1 1 1v4h-2V2H2v38h5z', 'M39 48H9a1 1 0 0 1-1-1V17a1 1 0 0 1 .29-.71l10-10A1 1 0 0 1 19 6h20a1 1 0 0 1 1 1v5h-2V8H19.41L10 17.41V46h28v-6h2v7a1 1 0 0 1-1 1z', 'M19 18H9a1 1 0 0 1-.92-.62 1 1 0 0 1 .21-1.09l10-10a1 1 0 0 1 1.09-.21A1 1 0 0 1 20 7v10a1 1 0 0 1-1 1zm-7.59-2H18V9.41zM34 33a4 4 0 0 1-4-4h2a2 2 0 1 0 2-2 4 4 0 1 1 4-4h-2a2 2 0 1 0-2 2 4 4 0 0 1 0 8z', 'M33 32h2v3h-2zM33 17h2v3h-2zM40 25h2v2h-2zM26 25h2v2h-2z', 'M21 44a1 1 0 0 1-.34-.06A1 1 0 0 1 20 43V26a14 14 0 1 1 6.58 11.86l-4.81 5.78A1 1 0 0 1 21 44zm13-30a12 12 0 0 0-12 12v14.24l3.63-4.35a1 1 0 0 1 1.37-.17A12 12 0 1 0 34 14z']
|
|
579
|
-
},
|
|
580
|
-
money2: {
|
|
581
|
-
viewbox: '0 0 256 256',
|
|
582
|
-
paths: ['M204.21 82.47V67h-17.56V51.56H8.69v91h17.56V158h17.56v15.46h134.38a34.52 34.52 0 0 1-.2-3.69v-.31H68.9a23.18 23.18 0 0 0-18.67-21.13 21.33 21.33 0 0 0-2.42-.34v-40.45a23.17 23.17 0 0 0 21.06-21.07h127.89a9.24 9.24 0 0 0 .1.92 22.35 22.35 0 0 0 1 4.35 22.79 22.79 0 0 0 2.37 5 23.1 23.1 0 0 0 17.56 10.78v28a33 33 0 0 1 4 .84V82.47zM182.7 55.56V67h-11.61a19.13 19.13 0 0 1-5.44-11.46zm-170 0h17a19.18 19.18 0 0 1-17 17zm13.56 82.57H12.69v-17.05A19.17 19.17 0 0 1 26.25 129zm0-15.13a23.07 23.07 0 0 0-13.56-5.93V76.62a23.07 23.07 0 0 0 13.56-5.93zm7.5-67.44h127.88A22.83 22.83 0 0 0 165.89 67H29.51a22.91 22.91 0 0 0 4.24-11.44zM47.3 71a19.18 19.18 0 0 1-17 17V71zm-3.49 82.57H30.25v-17a19.23 19.23 0 0 1 12 6 17.91 17.91 0 0 1 1.56 1.9zm0-15.13a23.13 23.13 0 0 0-11.14-5.59 21.35 21.35 0 0 0-2.42-.34V92.08a23.07 23.07 0 0 0 13.56-5.93zm7.4 14.21A19.24 19.24 0 0 1 64.86 169h-17v-17a19.11 19.11 0 0 1 3.35.67zm-3.4-49.15v-17h17a19.18 19.18 0 0 1-17 17.02zm-.74-21.05A22.78 22.78 0 0 0 51.31 71H179.2a9 9 0 0 0 .1.91 21.79 21.79 0 0 0 1 4.35 22.77 22.77 0 0 0 2.37 5c.24.4.51.8.79 1.18zm153.19 0h-11.62a18.91 18.91 0 0 1-2-2.37 18.52 18.52 0 0 1-1.92-3.39 18.78 18.78 0 0 1-1.51-5.69h17zm17.56 21.05h-.05a19.13 19.13 0 0 1-13.56-8 19.28 19.28 0 0 1-3.44-9.09h17z', 'M132.79 155.26A27.29 27.29 0 1 1 160.08 128a27.32 27.32 0 0 1-27.29 27.26zm0-50.58A23.29 23.29 0 1 0 156.08 128a23.32 23.32 0 0 0-23.29-23.32zM212.65 204.44a34.67 34.67 0 1 1 34.67-34.67 34.71 34.71 0 0 1-34.67 34.67zm0-65.33a30.67 30.67 0 1 0 30.67 30.67 30.7 30.7 0 0 0-30.67-30.67z', 'M142 134.67c0 4.06-2.86 6.92-7.7 7.31v4.82h-2.66v-4.86a13.88 13.88 0 0 1-8.15-3.91l2.08-2.49a11.31 11.31 0 0 0 7.68 3.3c2.94 0 5.11-1.46 5.11-4 0-2.86-2.29-3.81-6-5-4.35-1.4-8.32-2.76-8.32-7.5 0-3.87 2.7-6.8 7.56-7v-5h2.66v5.21a16.29 16.29 0 0 1 6.78 2.9l-2 2.47a12.36 12.36 0 0 0-6.71-2.35c-2.78 0-4.72 1.3-4.72 3.64 0 2.49 2.41 3.4 5.73 4.49 4.9 1.56 8.61 2.86 8.61 8zM223.89 177.18c0 4.94-3.47 8.41-9.36 8.88v5.86h-3.23V186a16.87 16.87 0 0 1-9.9-4.75l2.53-3a13.74 13.74 0 0 0 9.33 4c3.57 0 6.21-1.77 6.21-4.82 0-3.47-2.79-4.63-7.25-6-5.29-1.7-10.11-3.35-10.11-9.12 0-4.7 3.28-8.27 9.19-8.55v-6.12h3.24V154a19.79 19.79 0 0 1 8.24 3.52l-2.43 3a15 15 0 0 0-8.15-2.86c-3.38 0-5.74 1.58-5.74 4.42 0 3 2.93 4.13 7 5.46 6 1.89 10.47 3.47 10.47 9.69z']
|
|
583
|
-
},
|
|
584
|
-
bills: {
|
|
585
|
-
viewbox: '0 0 256 256',
|
|
586
|
-
paths: ['M183.34 176.9a9.22 9.22 0 0 0-2.37.31V206h-9.18a9.2 9.2 0 0 0-18 0h-12.05a9.2 9.2 0 0 0-18 0h-12.06a9.2 9.2 0 0 0-18 0H81.63a9.2 9.2 0 0 0-17.95 0h-9.17V71.92h9.17A9.22 9.22 0 0 0 71 79a9.66 9.66 0 0 0 1.62.14A9.35 9.35 0 0 0 75 78.8v-4.27a5.2 5.2 0 0 1-2.38.58 5.09 5.09 0 0 1-1.62-.26 5.2 5.2 0 0 1-3.57-4.93v-2h-17V210h17v-2a5.19 5.19 0 0 1 10.39 0v2h19.69v-2a5.2 5.2 0 0 1 10.39 0v2h19.67v-2a5.2 5.2 0 0 1 10.43 0v2h19.65v-2a5.2 5.2 0 0 1 10.4 0v2h17v-33a8.75 8.75 0 0 0-1.71-.1z', 'M188.53 46v2a5.2 5.2 0 1 1-10.4 0v-2h-19.65v2a5.2 5.2 0 1 1-10.39 0v-2h-19.67v2A5.2 5.2 0 1 1 118 48v-2H98.37v2A5.2 5.2 0 1 1 88 48v-2H71v142.1h17v-2a5.2 5.2 0 0 1 10.39 0v2H118v-2a5.2 5.2 0 0 1 10.39 0v2h19.67v-2a5.2 5.2 0 0 1 10.39 0v2h19.65v-2a5.17 5.17 0 0 1 2.84-4.61 5 5 0 0 1 2.37-.58 5.18 5.18 0 0 1 5.19 5.19v2h17V46zm13 138.1h-9.18a9.2 9.2 0 0 0-7.34-7 8.75 8.75 0 0 0-1.63-.15 9.22 9.22 0 0 0-9 7.19h-12.12a9.2 9.2 0 0 0-18 0H132.2a9.2 9.2 0 0 0-18 0h-12.1a9.2 9.2 0 0 0-17.95 0H75V50h9.2a9.19 9.19 0 0 0 17.95 0h12.1a9.19 9.19 0 0 0 18 0h12.11a9.19 9.19 0 0 0 18 0h12.09a9.2 9.2 0 0 0 18 0h9.18z', 'M102.54 142.93c-3.09-1-5.33-1.87-5.33-4.18s1.8-3.38 4.39-3.38a11.54 11.54 0 0 1 6.24 2.19l1.86-2.3a15.26 15.26 0 0 0-6.31-2.69v-4.85h-2.48v4.69c-4.52.21-7 2.94-7 6.54 0 4.41 3.69 5.68 7.74 7 3.41 1.06 5.55 1.95 5.55 4.61 0 2.33-2 3.68-4.76 3.68a10.54 10.54 0 0 1-7.14-3.07l-1.93 2.31a12.89 12.89 0 0 0 7.57 3.64v4.52h2.48v-4.49c4.5-.36 7.16-3 7.16-6.79-.03-4.78-3.49-5.99-8.04-7.43zM93.34 73.71h89.36v4H93.34zM93.34 91.89h89.36v4H93.34zM93.34 110.07h89.36v4H93.34zM123 142.67h59.7v4H123z']
|
|
587
571
|
}
|
|
588
572
|
};
|
|
589
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
|
|
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 &&
|
|
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:
|
|
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
|
|
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 =
|
|
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 =
|
|
188
|
+
index = dataSourceWithAllOptions && index === dataSourceWithAllOptions.length - 1 ? 0 : index + 1;
|
|
186
189
|
} else {
|
|
187
|
-
index =
|
|
190
|
+
index = dataSourceWithAllOptions && index === 0 ? (dataSourceWithAllOptions === null || dataSourceWithAllOptions === void 0 ? void 0 : dataSourceWithAllOptions.length) - 1 : index - 1;
|
|
188
191
|
}
|
|
189
|
-
setSelected(
|
|
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 &&
|
|
227
|
+
if (value !== valueFromProps && dataSourceWithAllOptions.length > 0) {
|
|
225
228
|
var newCurrent = null;
|
|
226
229
|
if (value) {
|
|
227
|
-
newCurrent =
|
|
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 (
|
|
232
|
-
newCurrent =
|
|
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
|
-
}, [
|
|
240
|
+
}, [dataSourceWithAllOptions.length, value]);
|
|
238
241
|
(0, _react.useEffect)(function () {
|
|
239
|
-
if (!_lodash.default.isEqual(dataCombo,
|
|
240
|
-
var dataComboFilteredSimple = undigitable || remoteSearch || !isTyping ?
|
|
242
|
+
if (!_lodash.default.isEqual(dataCombo, dataSourceWithAllOptions)) {
|
|
243
|
+
var dataComboFilteredSimple = undigitable || remoteSearch || !isTyping ? dataSourceWithAllOptions : (0, _helper.getFilteredSimpleDataCombo)({
|
|
241
244
|
inputText: inputText,
|
|
242
|
-
dataSource:
|
|
245
|
+
dataSource: dataSourceWithAllOptions,
|
|
243
246
|
descriptionKey: descriptionKey
|
|
244
247
|
});
|
|
245
248
|
setDataCombo(dataComboFilteredSimple);
|
|
246
|
-
if (
|
|
247
|
-
var data =
|
|
249
|
+
if (dataSourceWithAllOptions.length > 0 && remoteSearch) {
|
|
250
|
+
var data = dataSourceWithAllOptions[0];
|
|
248
251
|
setSelected(data);
|
|
249
252
|
}
|
|
250
253
|
}
|
|
251
|
-
|
|
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:
|
|
264
|
-
|
|
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:
|
|
304
|
+
handleOnFocus: onFocus,
|
|
307
305
|
opened: opened,
|
|
308
306
|
dataCombo: dataCombo,
|
|
309
307
|
dropdownWidth: dropdownWidth || 0
|
package/package.json
CHANGED
package/lib/alerts/alert.spec.js
DELETED
|
@@ -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
|
-
});
|