linear-react-components-ui 1.1.0-beta.6 → 1.1.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 (224) hide show
  1. package/babel.config.json +2 -2
  2. package/lib/alerts/AlertContainer.js +46 -54
  3. package/lib/alerts/AlertProvider.js +36 -53
  4. package/lib/alerts/BaseAlert.js +14 -20
  5. package/lib/alerts/Message.js +37 -46
  6. package/lib/alerts/helpers.js +3 -3
  7. package/lib/alerts/index.js +5 -5
  8. package/lib/alerts/withAlert.js +11 -11
  9. package/lib/assets/styles/checkbox.scss +0 -8
  10. package/lib/avatar/index.js +42 -41
  11. package/lib/badge/index.js +15 -16
  12. package/lib/buttons/ActivateButton.js +6 -8
  13. package/lib/buttons/AddButton.js +9 -11
  14. package/lib/buttons/Button.js +11 -11
  15. package/lib/buttons/ButtonGroups.js +8 -6
  16. package/lib/buttons/CancelButton.js +9 -7
  17. package/lib/buttons/DangerButton.js +9 -7
  18. package/lib/buttons/DefaultButton.js +66 -85
  19. package/lib/buttons/DestroyButton.js +10 -8
  20. package/lib/buttons/EditButton.js +6 -8
  21. package/lib/buttons/InactivateButton.js +6 -8
  22. package/lib/buttons/InfoButton.js +9 -7
  23. package/lib/buttons/PrimaryButton.js +9 -7
  24. package/lib/buttons/RestoreButton.js +6 -8
  25. package/lib/buttons/SaveButton.js +9 -7
  26. package/lib/buttons/SuccessButton.js +9 -7
  27. package/lib/buttons/WarningButton.js +9 -7
  28. package/lib/buttons/button_container/index.js +16 -19
  29. package/lib/buttons/index.js +31 -31
  30. package/lib/buttons/split_button/index.js +24 -26
  31. package/lib/calendar/DangerCalendar.js +9 -7
  32. package/lib/calendar/InfoCalendar.js +9 -7
  33. package/lib/calendar/PrimaryCalendar.js +9 -7
  34. package/lib/calendar/SuccessCalendar.js +9 -7
  35. package/lib/calendar/WarningCalendar.js +9 -7
  36. package/lib/calendar/base/Day.js +16 -14
  37. package/lib/calendar/base/Month.js +15 -19
  38. package/lib/calendar/base/Week.js +15 -19
  39. package/lib/calendar/base/helpers.js +17 -15
  40. package/lib/calendar/base/index.js +38 -51
  41. package/lib/calendar/index.js +13 -13
  42. package/lib/checkbox/Label.js +10 -8
  43. package/lib/checkbox/index.d.ts +1 -1
  44. package/lib/checkbox/index.js +75 -97
  45. package/lib/checkbox/types.d.ts +0 -1
  46. package/lib/dialog/Alert.js +7 -7
  47. package/lib/dialog/Custom.js +20 -23
  48. package/lib/dialog/Error.js +7 -7
  49. package/lib/dialog/Information.js +7 -7
  50. package/lib/dialog/Question.js +16 -16
  51. package/lib/dialog/Warning.js +7 -7
  52. package/lib/dialog/base/Content.js +9 -7
  53. package/lib/dialog/base/Footer.js +6 -8
  54. package/lib/dialog/base/Header.js +32 -34
  55. package/lib/dialog/base/index.js +64 -72
  56. package/lib/dialog/base/style.js +8 -10
  57. package/lib/dialog/form/index.js +35 -38
  58. package/lib/dialog/index.js +15 -15
  59. package/lib/drawer/Content.js +14 -12
  60. package/lib/drawer/Drawer.js +68 -82
  61. package/lib/drawer/Header.js +45 -48
  62. package/lib/drawer/helpers.js +4 -4
  63. package/lib/drawer/index.js +7 -7
  64. package/lib/dropdown/Popup.js +37 -40
  65. package/lib/dropdown/helper.js +6 -6
  66. package/lib/dropdown/withDropdown.js +44 -63
  67. package/lib/fieldset/index.js +49 -56
  68. package/lib/form/Field.js +73 -79
  69. package/lib/form/FieldArray.js +76 -85
  70. package/lib/form/FieldNumber.js +34 -42
  71. package/lib/form/FieldPeriod.js +54 -59
  72. package/lib/form/helpers.js +29 -28
  73. package/lib/form/index.js +121 -151
  74. package/lib/form/withFieldHOC.js +36 -42
  75. package/lib/form/withFormSecurity.js +27 -35
  76. package/lib/gridlayout/GridCol.js +16 -15
  77. package/lib/gridlayout/GridRow.js +11 -12
  78. package/lib/gridlayout/index.js +5 -5
  79. package/lib/hint/index.js +25 -29
  80. package/lib/icons/helper.js +2 -2
  81. package/lib/icons/index.js +37 -48
  82. package/lib/index.js +19 -19
  83. package/lib/inputs/base/InputTextBase.js +99 -109
  84. package/lib/inputs/base/helpers.js +29 -23
  85. package/lib/inputs/color/index.js +34 -44
  86. package/lib/inputs/date/Dialog.js +10 -8
  87. package/lib/inputs/date/Dropdown.js +14 -12
  88. package/lib/inputs/date/helpers.js +18 -14
  89. package/lib/inputs/date/index.js +96 -133
  90. package/lib/inputs/file/DefaultFile.js +50 -74
  91. package/lib/inputs/file/DragDropFile.js +119 -172
  92. package/lib/inputs/file/File.js +22 -28
  93. package/lib/inputs/file/FileButtonSettings.js +14 -16
  94. package/lib/inputs/file/helpers.js +6 -7
  95. package/lib/inputs/file/index.js +7 -7
  96. package/lib/inputs/inputHOC.js +23 -35
  97. package/lib/inputs/mask/BaseMask.js +33 -27
  98. package/lib/inputs/mask/Cnpj.js +19 -31
  99. package/lib/inputs/mask/Cpf.js +20 -35
  100. package/lib/inputs/mask/Phone.js +8 -6
  101. package/lib/inputs/mask/ZipCode.js +6 -8
  102. package/lib/inputs/mask/helpers.js +21 -26
  103. package/lib/inputs/mask/imaskHOC.js +102 -122
  104. package/lib/inputs/mask/index.js +11 -11
  105. package/lib/inputs/multiSelect/ActionButtons.js +18 -18
  106. package/lib/inputs/multiSelect/Dropdown.js +63 -75
  107. package/lib/inputs/multiSelect/helper.js +9 -7
  108. package/lib/inputs/multiSelect/index.js +85 -136
  109. package/lib/inputs/number/BaseNumber.js +23 -21
  110. package/lib/inputs/number/Currency.js +9 -8
  111. package/lib/inputs/number/Decimal.js +4 -6
  112. package/lib/inputs/number/format_number.js +9 -6
  113. package/lib/inputs/number/index.js +13 -13
  114. package/lib/inputs/period/Dialog.js +10 -8
  115. package/lib/inputs/period/Dropdown.js +12 -12
  116. package/lib/inputs/period/PeriodList.js +19 -17
  117. package/lib/inputs/period/helper.js +38 -37
  118. package/lib/inputs/period/index.js +147 -196
  119. package/lib/inputs/search/index.js +45 -67
  120. package/lib/inputs/select/ActionButtons.js +18 -18
  121. package/lib/inputs/select/Dropdown.js +51 -65
  122. package/lib/inputs/select/helper.js +55 -44
  123. package/lib/inputs/select/index.js +13 -11
  124. package/lib/inputs/select/multiple/Selecteds.js +20 -22
  125. package/lib/inputs/select/multiple/index.js +90 -143
  126. package/lib/inputs/select/simple/index.js +103 -156
  127. package/lib/inputs/text/index.js +4 -6
  128. package/lib/inputs/textarea/index.js +11 -10
  129. package/lib/internals/colorStyles.js +3 -3
  130. package/lib/internals/constants.js +2 -2
  131. package/lib/internals/withTooltip.js +54 -68
  132. package/lib/labelMessages/index.js +28 -47
  133. package/lib/labels/DangerLabel.js +9 -7
  134. package/lib/labels/DefaultLabel.js +29 -42
  135. package/lib/labels/InfoLabel.js +9 -7
  136. package/lib/labels/PrimaryLabel.js +9 -7
  137. package/lib/labels/SuccessLabel.js +9 -7
  138. package/lib/labels/WarningLabel.js +9 -7
  139. package/lib/labels/index.js +15 -15
  140. package/lib/labels/label_container/index.js +11 -10
  141. package/lib/list/Header.js +12 -10
  142. package/lib/list/Item.js +58 -72
  143. package/lib/list/Separator.js +6 -8
  144. package/lib/list/helpers.js +3 -3
  145. package/lib/list/index.js +81 -107
  146. package/lib/menus/float/MenuItem.js +27 -27
  147. package/lib/menus/float/SubMenuContainer.js +39 -44
  148. package/lib/menus/float/helpers.js +4 -4
  149. package/lib/menus/float/index.js +25 -25
  150. package/lib/menus/index.js +3 -3
  151. package/lib/menus/sidenav/ExpandMenu.js +12 -10
  152. package/lib/menus/sidenav/MenuLink.js +12 -10
  153. package/lib/menus/sidenav/NavMenuGroup.js +15 -13
  154. package/lib/menus/sidenav/NavMenuItem.js +56 -69
  155. package/lib/menus/sidenav/NavSubMenuItem.js +24 -28
  156. package/lib/menus/sidenav/helpers.js +7 -7
  157. package/lib/menus/sidenav/index.js +92 -119
  158. package/lib/menus/sidenav/popup_menu_search/EmptyList.js +12 -11
  159. package/lib/menus/sidenav/popup_menu_search/index.js +64 -84
  160. package/lib/noPermission/index.js +15 -17
  161. package/lib/panel/Content.js +46 -58
  162. package/lib/panel/DangerPanel.js +6 -8
  163. package/lib/panel/Default.js +45 -59
  164. package/lib/panel/Header.js +37 -34
  165. package/lib/panel/InfoPanel.js +6 -8
  166. package/lib/panel/PrimaryPanel.js +6 -8
  167. package/lib/panel/SuccessPanel.js +6 -8
  168. package/lib/panel/ToolBar.js +8 -6
  169. package/lib/panel/WarningPanel.js +6 -8
  170. package/lib/panel/helpers.js +13 -11
  171. package/lib/panel/index.js +17 -17
  172. package/lib/permissionValidations.js +26 -28
  173. package/lib/popover/PopoverText.js +8 -6
  174. package/lib/popover/PopoverTitle.js +8 -6
  175. package/lib/popover/index.js +21 -24
  176. package/lib/progress/Bar.js +34 -39
  177. package/lib/progress/index.js +19 -20
  178. package/lib/radio/index.js +37 -57
  179. package/lib/shortcuts/index.js +13 -11
  180. package/lib/skeleton/SkeletonContainer.js +12 -12
  181. package/lib/skeleton/index.js +27 -33
  182. package/lib/spinner/SpinnerLoading.js +46 -46
  183. package/lib/spinner/index.js +27 -40
  184. package/lib/split/Split.js +97 -113
  185. package/lib/split/SplitSide.js +22 -20
  186. package/lib/split/helpers.js +4 -4
  187. package/lib/split/index.js +5 -5
  188. package/lib/table/Body.js +47 -49
  189. package/lib/table/Header.js +39 -41
  190. package/lib/table/HeaderColumn.js +22 -22
  191. package/lib/table/Row.js +48 -50
  192. package/lib/table/RowColumn.js +37 -35
  193. package/lib/table/helpers.js +9 -12
  194. package/lib/table/index.js +89 -108
  195. package/lib/tabs/DropdownTabs.js +39 -43
  196. package/lib/tabs/Menu.js +20 -19
  197. package/lib/tabs/MenuTabs.js +48 -55
  198. package/lib/tabs/Panel.js +54 -73
  199. package/lib/tabs/context.js +62 -93
  200. package/lib/tabs/index.js +30 -35
  201. package/lib/tabs/tabHelpers.js +24 -21
  202. package/lib/toolbar/ButtonBar.js +49 -52
  203. package/lib/toolbar/LabelBar.js +38 -41
  204. package/lib/toolbar/Separator.js +6 -8
  205. package/lib/toolbar/ToolBarGroup.js +9 -8
  206. package/lib/toolbar/helpers.js +3 -3
  207. package/lib/toolbar/index.js +25 -26
  208. package/lib/tooltip/index.js +29 -33
  209. package/lib/treetable/Body.js +22 -33
  210. package/lib/treetable/Header.js +13 -15
  211. package/lib/treetable/Row.d.ts +1 -1
  212. package/lib/treetable/Row.js +107 -158
  213. package/lib/treetable/helpers.d.ts +1 -1
  214. package/lib/treetable/helpers.js +18 -24
  215. package/lib/treetable/index.d.ts +2 -2
  216. package/lib/treetable/index.js +11 -12
  217. package/lib/treeview/Header.js +11 -9
  218. package/lib/treeview/Node.js +109 -148
  219. package/lib/treeview/constants.js +2 -2
  220. package/lib/treeview/index.js +156 -221
  221. package/lib/uitour/helpers.js +3 -3
  222. package/lib/uitour/index.js +67 -106
  223. package/package.json +5 -14
  224. /package/lib/{types.d-BfM3lUbt.d.ts → types.d-DvJcBS8L.d.ts} +0 -0
package/babel.config.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "@babel/preset-typescript"
6
6
  ],
7
7
  "plugins": [
8
- "@babel/plugin-proposal-object-rest-spread",
9
- "@babel/plugin-proposal-class-properties"
8
+ "@babel/plugin-transform-object-rest-spread",
9
+ "@babel/plugin-transform-class-properties"
10
10
  ]
11
11
  }
@@ -3,86 +3,78 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports["default"] = void 0;
7
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
6
+ exports.default = void 0;
8
7
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
9
8
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
10
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
11
- function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
12
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
13
9
  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; }
14
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
15
- function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
16
- var AlertContainer = /*#__PURE__*/function () {
17
- function AlertContainer(pushAlert) {
18
- var _this = this;
19
- _classCallCheck(this, AlertContainer);
10
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
11
+ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
12
+ class AlertContainer {
13
+ constructor(pushAlert) {
20
14
  _defineProperty(this, "pushAlert", void 0);
21
- _defineProperty(this, "info", function (message, options) {
22
- var messageConfig = _objectSpread(_objectSpread({}, options), {}, {
15
+ _defineProperty(this, "info", (message, options) => {
16
+ const messageConfig = _objectSpread(_objectSpread({}, options), {}, {
23
17
  customClass: '-info',
24
- message: message,
18
+ message,
25
19
  iconName: 'information',
26
20
  color: '#fff'
27
21
  });
28
- _this.pushAlert(messageConfig);
22
+ this.pushAlert(messageConfig);
29
23
  });
30
- _defineProperty(this, "danger", function (message, options) {
31
- var messageConfig = _objectSpread(_objectSpread({}, options), {}, {
24
+ _defineProperty(this, "danger", (message, options) => {
25
+ const messageConfig = _objectSpread(_objectSpread({}, options), {}, {
32
26
  customClass: '-danger',
33
- message: message,
27
+ message,
34
28
  iconName: 'power',
35
29
  color: '#fff'
36
30
  });
37
- _this.pushAlert(messageConfig);
31
+ this.pushAlert(messageConfig);
38
32
  });
39
- _defineProperty(this, "warning", function (message, options) {
40
- var messageConfig = _objectSpread(_objectSpread({}, options), {}, {
33
+ _defineProperty(this, "warning", (message, options) => {
34
+ const messageConfig = _objectSpread(_objectSpread({}, options), {}, {
41
35
  customClass: '-warning',
42
- message: message,
36
+ message,
43
37
  iconName: 'warning',
44
38
  color: '#fff'
45
39
  });
46
- _this.pushAlert(messageConfig);
40
+ this.pushAlert(messageConfig);
47
41
  });
48
- _defineProperty(this, "success", function (message, options) {
49
- var messageConfig = _objectSpread(_objectSpread({}, options), {}, {
42
+ _defineProperty(this, "success", (message, options) => {
43
+ const messageConfig = _objectSpread(_objectSpread({}, options), {}, {
50
44
  customClass: '-success',
51
- message: message,
45
+ message,
52
46
  iconName: 'checkmark',
53
47
  color: '#fff'
54
48
  });
55
- _this.pushAlert(messageConfig);
49
+ this.pushAlert(messageConfig);
56
50
  });
57
- _defineProperty(this, "custom", function (message, options) {
58
- var messageConfig = _objectSpread(_objectSpread({}, options), {}, {
59
- message: message
51
+ _defineProperty(this, "custom", (message, options) => {
52
+ const messageConfig = _objectSpread(_objectSpread({}, options), {}, {
53
+ message
60
54
  });
61
- _this.pushAlert(messageConfig);
55
+ this.pushAlert(messageConfig);
62
56
  });
63
57
  this.pushAlert = pushAlert;
64
58
  }
65
- _createClass(AlertContainer, [{
66
- key: "default",
67
- value: function _default(messageConfig) {
68
- var message = messageConfig.message,
69
- options = messageConfig.options;
70
- switch (options.type) {
71
- case 'info':
72
- this.info(message, options);
73
- break;
74
- case 'warning':
75
- this.warning(message, options);
76
- break;
77
- case 'danger':
78
- this.danger(message, options);
79
- break;
80
- default:
81
- this.success(message, options);
82
- break;
83
- }
59
+ default(messageConfig) {
60
+ const {
61
+ message,
62
+ options
63
+ } = messageConfig;
64
+ switch (options.type) {
65
+ case 'info':
66
+ this.info(message, options);
67
+ break;
68
+ case 'warning':
69
+ this.warning(message, options);
70
+ break;
71
+ case 'danger':
72
+ this.danger(message, options);
73
+ break;
74
+ default:
75
+ this.success(message, options);
76
+ break;
84
77
  }
85
- }]);
86
- return AlertContainer;
87
- }();
88
- var _default2 = exports["default"] = AlertContainer;
78
+ }
79
+ }
80
+ var _default = exports.default = AlertContainer;
@@ -1,78 +1,61 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
3
  Object.defineProperty(exports, "__esModule", {
5
4
  value: true
6
5
  });
7
- exports["default"] = void 0;
6
+ exports.default = void 0;
8
7
  var _react = _interopRequireWildcard(require("react"));
9
8
  var _lodash = _interopRequireDefault(require("lodash"));
10
9
  var _BaseAlert = _interopRequireDefault(require("./BaseAlert"));
11
10
  var _AlertContainer = _interopRequireDefault(require("./AlertContainer"));
12
11
  var _Message = _interopRequireDefault(require("./Message"));
13
12
  var _helpers = _interopRequireDefault(require("./helpers"));
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
15
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
16
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
13
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
14
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
15
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
17
16
  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); }
18
17
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
19
18
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
20
19
  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
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
22
- function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
23
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
24
- 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."); }
25
- 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); }
26
- 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; }
27
- function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
28
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
29
- var AlertProvider = function AlertProvider(props) {
30
- var _useState = (0, _react.useState)({
31
- leftTop: [],
32
- leftBottom: [],
33
- rightBottom: [],
34
- rightTop: [],
35
- centerTop: [],
36
- centerBottom: []
37
- }),
38
- _useState2 = _slicedToArray(_useState, 2),
39
- messages = _useState2[0],
40
- setMessages = _useState2[1];
41
- var _useState3 = (0, _react.useState)(false),
42
- _useState4 = _slicedToArray(_useState3, 2),
43
- toggleRefreshComponent = _useState4[0],
44
- setToggleRefreshComponent = _useState4[1];
45
- var children = props.children;
46
- var removeAlert = function removeAlert(messageId, position) {
47
- messages[position] = messages[position].filter(function (message) {
48
- return message.id !== messageId;
49
- });
20
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
21
+ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
22
+ const AlertProvider = props => {
23
+ const [messages, setMessages] = (0, _react.useState)({
24
+ leftTop: [],
25
+ leftBottom: [],
26
+ rightBottom: [],
27
+ rightTop: [],
28
+ centerTop: [],
29
+ centerBottom: []
30
+ });
31
+ const [toggleRefreshComponent, setToggleRefreshComponent] = (0, _react.useState)(false);
32
+ const {
33
+ children
34
+ } = props;
35
+ const removeAlert = (messageId, position) => {
36
+ messages[position] = messages[position].filter(message => message.id !== messageId);
50
37
  setMessages(_objectSpread({}, messages));
51
38
  };
52
- var pushAlert = function pushAlert(params) {
53
- var properties = params;
39
+ const pushAlert = params => {
40
+ const properties = params;
54
41
  if (properties.position === undefined) properties.position = 'rightBottom';
55
42
  properties.id = new Date().getTime();
56
43
  messages[properties.position].push(properties);
57
44
  setMessages(messages);
58
45
  setToggleRefreshComponent(!toggleRefreshComponent);
59
46
  };
60
- var buildAlertMessage = function buildAlertMessage(values) {
61
- return values.map(function (value) {
62
- return /*#__PURE__*/_react["default"].createElement(_Message["default"], _extends({}, value, {
63
- handleClose: removeAlert,
64
- key: value.id
65
- }));
66
- });
67
- };
68
- var contextValues = {
69
- alert: new _AlertContainer["default"](pushAlert)
47
+ const buildAlertMessage = values => values.map(value => /*#__PURE__*/_react.default.createElement(_Message.default, _extends({}, value, {
48
+ handleClose: removeAlert,
49
+ key: value.id
50
+ })));
51
+ const contextValues = {
52
+ alert: new _AlertContainer.default(pushAlert)
70
53
  };
71
- var renderBaseContainer = function renderBaseContainer() {
72
- var elements = [];
73
- _lodash["default"].forEach(messages, function (values, key) {
54
+ const renderBaseContainer = () => {
55
+ const elements = [];
56
+ _lodash.default.forEach(messages, (values, key) => {
74
57
  if (values.length > 0) {
75
- var messageAlert = /*#__PURE__*/_react["default"].createElement("div", {
58
+ const messageAlert = /*#__PURE__*/_react.default.createElement("div", {
76
59
  className: key.toLowerCase(),
77
60
  key: key
78
61
  }, buildAlertMessage(values));
@@ -81,10 +64,10 @@ var AlertProvider = function AlertProvider(props) {
81
64
  elements.push(null);
82
65
  }
83
66
  });
84
- return /*#__PURE__*/_react["default"].createElement(_helpers["default"].Provider, {
67
+ return /*#__PURE__*/_react.default.createElement(_helpers.default.Provider, {
85
68
  value: _objectSpread({}, contextValues)
86
- }, /*#__PURE__*/_react["default"].createElement(_BaseAlert["default"], null, elements), children);
69
+ }, /*#__PURE__*/_react.default.createElement(_BaseAlert.default, null, elements), children);
87
70
  };
88
71
  return _react.Children.only(renderBaseContainer());
89
72
  };
90
- var _default = exports["default"] = AlertProvider;
73
+ var _default = exports.default = AlertProvider;
@@ -3,38 +3,32 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports["default"] = void 0;
6
+ exports.default = void 0;
7
7
  var _react = require("react");
8
8
  var _reactDom = _interopRequireDefault(require("react-dom"));
9
9
  require("../assets/styles/alerts.scss");
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
12
- 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."); }
13
- 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); }
14
- 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; }
15
- function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
16
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
17
- var body = document.getElementsByTagName('body')[0];
18
- var alert = document.getElementById('alert');
19
- var BaseAlert = function BaseAlert(_ref) {
20
- var children = _ref.children;
21
- var _useState = (0, _react.useState)(document.createElement('div')),
22
- _useState2 = _slicedToArray(_useState, 1),
23
- messageContainerEl = _useState2[0];
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
+ const body = document.getElementsByTagName('body')[0];
12
+ const alert = document.getElementById('alert');
13
+ const BaseAlert = _ref => {
14
+ let {
15
+ children
16
+ } = _ref;
17
+ const [messageContainerEl] = (0, _react.useState)(document.createElement('div'));
24
18
  messageContainerEl.className = 'messagecontainer';
25
- (0, _react.useEffect)(function () {
19
+ (0, _react.useEffect)(() => {
26
20
  if (alert === null) {
27
- var alertComponentEl = document.createElement('div');
21
+ const alertComponentEl = document.createElement('div');
28
22
  alertComponentEl.className = 'alert-component';
29
23
  body.appendChild(alertComponentEl);
30
24
  alertComponentEl.appendChild(messageContainerEl);
31
25
  } else {
32
26
  alert.appendChild(messageContainerEl);
33
27
  }
34
- return function () {
28
+ return () => {
35
29
  alert === null || alert === void 0 ? void 0 : alert.removeChild(messageContainerEl);
36
30
  };
37
31
  }, []);
38
- return /*#__PURE__*/_reactDom["default"].createPortal(children, messageContainerEl);
32
+ return /*#__PURE__*/_reactDom.default.createPortal(children, messageContainerEl);
39
33
  };
40
- var _default = exports["default"] = BaseAlert;
34
+ var _default = exports.default = BaseAlert;
@@ -1,25 +1,26 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
3
  Object.defineProperty(exports, "__esModule", {
5
4
  value: true
6
5
  });
7
- exports["default"] = void 0;
6
+ exports.default = void 0;
8
7
  var _react = _interopRequireWildcard(require("react"));
9
8
  var _icons = _interopRequireDefault(require("../icons"));
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
12
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
13
- var getClass = function getClass(_ref) {
14
- var customClass = _ref.customClass,
15
- className = _ref.className;
9
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
11
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
12
+ const getClass = _ref => {
13
+ let {
14
+ customClass,
15
+ className
16
+ } = _ref;
16
17
  return "".concat(className, " ").concat(customClass);
17
18
  };
18
- var getIcon = function getIcon(icon, iconName, color) {
19
+ const getIcon = (icon, iconName, color) => {
19
20
  if (icon !== null) {
20
21
  return icon;
21
22
  } else if (iconName !== null) {
22
- return /*#__PURE__*/_react["default"].createElement(_icons["default"], {
23
+ return /*#__PURE__*/_react.default.createElement(_icons.default, {
23
24
  name: iconName,
24
25
  color: color !== '' ? color : '#fff',
25
26
  size: 32
@@ -27,54 +28,44 @@ var getIcon = function getIcon(icon, iconName, color) {
27
28
  }
28
29
  return null;
29
30
  };
30
- var Message = function Message(_ref2) {
31
- var _ref2$handleClose = _ref2.handleClose,
32
- handleClose = _ref2$handleClose === void 0 ? function () {} : _ref2$handleClose,
33
- message = _ref2.message,
34
- _ref2$id = _ref2.id,
35
- id = _ref2$id === void 0 ? 0 : _ref2$id,
36
- _ref2$color = _ref2.color,
37
- color = _ref2$color === void 0 ? '' : _ref2$color,
38
- _ref2$icon = _ref2.icon,
39
- icon = _ref2$icon === void 0 ? null : _ref2$icon,
40
- _ref2$iconName = _ref2.iconName,
41
- iconName = _ref2$iconName === void 0 ? null : _ref2$iconName,
42
- _ref2$timeout = _ref2.timeout,
43
- timeout = _ref2$timeout === void 0 ? 3000 : _ref2$timeout,
44
- _ref2$customClass = _ref2.customClass,
45
- customClass = _ref2$customClass === void 0 ? '' : _ref2$customClass,
46
- _ref2$closeButton = _ref2.closeButton,
47
- closeButton = _ref2$closeButton === void 0 ? false : _ref2$closeButton,
48
- _ref2$className = _ref2.className,
49
- className = _ref2$className === void 0 ? 'message' : _ref2$className,
50
- _ref2$position = _ref2.position,
51
- position = _ref2$position === void 0 ? 'centerTop' : _ref2$position;
52
- (0, _react.useEffect)(function () {
31
+ const Message = _ref2 => {
32
+ let {
33
+ handleClose = () => {},
34
+ message,
35
+ id = 0,
36
+ color = '',
37
+ icon = null,
38
+ iconName = null,
39
+ timeout = 3000,
40
+ customClass = '',
41
+ closeButton = false,
42
+ className = 'message',
43
+ position = 'centerTop'
44
+ } = _ref2;
45
+ (0, _react.useEffect)(() => {
53
46
  if (timeout > 0) {
54
- setTimeout(function () {
47
+ setTimeout(() => {
55
48
  handleClose(id, position);
56
49
  }, timeout);
57
50
  }
58
51
  }, []);
59
- return /*#__PURE__*/_react["default"].createElement("div", {
52
+ return /*#__PURE__*/_react.default.createElement("div", {
60
53
  className: getClass({
61
- className: className,
62
- customClass: customClass
54
+ className,
55
+ customClass
63
56
  })
64
- }, /*#__PURE__*/_react["default"].createElement("div", {
57
+ }, /*#__PURE__*/_react.default.createElement("div", {
65
58
  className: "-icon"
66
- }, (icon || iconName || color) && getIcon(icon, iconName, color)), /*#__PURE__*/_react["default"].createElement("div", {
59
+ }, (icon || iconName || color) && getIcon(icon, iconName, color)), /*#__PURE__*/_react.default.createElement("div", {
67
60
  className: "-messagecontent"
68
- }, message), /*#__PURE__*/_react["default"].createElement("div", {
61
+ }, message), /*#__PURE__*/_react.default.createElement("div", {
69
62
  className: "close"
70
- }, closeButton || timeout === 0 ? /*#__PURE__*/_react["default"].createElement("span", {
63
+ }, closeButton || timeout === 0 ? /*#__PURE__*/_react.default.createElement("span", {
71
64
  className: "close-button",
72
65
  role: "button",
73
- onKeyPress: function onKeyPress() {},
66
+ onKeyPress: () => {},
74
67
  tabIndex: -1,
75
- onClick: function onClick() {
76
- return handleClose !== undefined ? handleClose(id, position) : null;
77
- }
68
+ onClick: () => handleClose !== undefined ? handleClose(id, position) : null
78
69
  }, "x") : null));
79
70
  };
80
- var _default = exports["default"] = Message;
71
+ var _default = exports.default = Message;
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports["default"] = void 0;
6
+ exports.default = void 0;
7
7
  var _react = require("react");
8
- var AlertProviderContext = /*#__PURE__*/(0, _react.createContext)({});
9
- var _default = exports["default"] = AlertProviderContext;
8
+ const AlertProviderContext = /*#__PURE__*/(0, _react.createContext)({});
9
+ var _default = exports.default = AlertProviderContext;
@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  Object.defineProperty(exports, "AlertProvider", {
7
7
  enumerable: true,
8
- get: function get() {
9
- return _AlertProvider["default"];
8
+ get: function () {
9
+ return _AlertProvider.default;
10
10
  }
11
11
  });
12
- exports["default"] = void 0;
12
+ exports.default = void 0;
13
13
  var _withAlert = _interopRequireDefault(require("./withAlert"));
14
14
  var _AlertProvider = _interopRequireDefault(require("./AlertProvider"));
15
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
16
- var _default = exports["default"] = _withAlert["default"];
15
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
16
+ var _default = exports.default = _withAlert.default;
@@ -1,24 +1,24 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
3
  Object.defineProperty(exports, "__esModule", {
5
4
  value: true
6
5
  });
7
- exports["default"] = void 0;
6
+ exports.default = void 0;
8
7
  var _react = _interopRequireWildcard(require("react"));
9
8
  var _helpers = _interopRequireDefault(require("./helpers"));
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
12
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
9
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
11
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
13
12
  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); }
14
- var withAlert = function withAlert(WrapperComponent) {
15
- var GetAlert = function GetAlert(props) {
16
- var _useContext = (0, _react.useContext)(_helpers["default"]),
17
- alert = _useContext.alert;
18
- return /*#__PURE__*/_react["default"].createElement(WrapperComponent, _extends({}, props, {
13
+ const withAlert = WrapperComponent => {
14
+ const GetAlert = props => {
15
+ const {
16
+ alert
17
+ } = (0, _react.useContext)(_helpers.default);
18
+ return /*#__PURE__*/_react.default.createElement(WrapperComponent, _extends({}, props, {
19
19
  alert: alert
20
20
  }));
21
21
  };
22
22
  return GetAlert;
23
23
  };
24
- var _default = exports["default"] = withAlert;
24
+ var _default = exports.default = withAlert;
@@ -79,14 +79,6 @@
79
79
  margin-top: 0;
80
80
  padding-left: 22px;
81
81
  }
82
-
83
- > .errormessages {
84
- width: 100%;
85
- color: red;
86
- font-size: 13px!important;
87
- line-height: 13px;
88
- margin-top: 0px;
89
- }
90
82
 
91
83
  &.-skeletonized {
92
84
  > .inputcontent {