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
@@ -1,10 +1,9 @@
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 _uuid = _interopRequireDefault(require("uuid"));
10
9
  var _lodash = _interopRequireDefault(require("lodash"));
@@ -13,130 +12,89 @@ var _ActionButtons = _interopRequireDefault(require("../ActionButtons"));
13
12
  var constants = _interopRequireWildcard(require("../../../internals/constants"));
14
13
  var _helper = require("../helper");
15
14
  var _InputTextBase = _interopRequireDefault(require("../../base/InputTextBase"));
16
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
17
- 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); }
18
- 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; }
15
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
16
+ 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); }
17
+ 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; }
19
18
  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(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; } }
23
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
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; }
25
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
26
- 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); }
27
- function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
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); }
30
- function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
31
- function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
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; }
33
- var SimpleSelect = function SimpleSelect(props) {
34
- var _ref;
35
- var value = props.value,
36
- _props$descriptionKey = props.descriptionKey,
37
- descriptionKey = _props$descriptionKey === void 0 ? '' : _props$descriptionKey,
38
- _props$dataSource = props.dataSource,
39
- dataSource = _props$dataSource === void 0 ? [] : _props$dataSource,
40
- gridLayout = props.gridLayout,
41
- onSearch = props.onSearch,
42
- disabled = props.disabled,
43
- readOnly = props.readOnly,
44
- _props$openDropdownOn = props.openDropdownOnFocus,
45
- openDropdownOnFocus = _props$openDropdownOn === void 0 ? true : _props$openDropdownOn,
46
- _props$selectFirstOnE = props.selectFirstOnEnter,
47
- selectFirstOnEnter = _props$selectFirstOnE === void 0 ? false : _props$selectFirstOnE,
48
- idKey = props.idKey,
49
- _props$remoteSearch = props.remoteSearch,
50
- remoteSearch = _props$remoteSearch === void 0 ? false : _props$remoteSearch,
51
- _props$name = props.name,
52
- name = _props$name === void 0 ? '' : _props$name,
53
- undigitable = props.undigitable,
54
- _props$searchOnDropdo = props.searchOnDropdown,
55
- searchOnDropdown = _props$searchOnDropdo === void 0 ? false : _props$searchOnDropdo,
56
- _props$allOptions = props.allOptions,
57
- allOptions = _props$allOptions === void 0 ? undefined : _props$allOptions;
58
- var descriptionKeyIsString = typeof descriptionKey === 'string';
59
- var dataSourceWithAllOptions = allOptions ? [(_ref = {}, _defineProperty(_ref, idKey, allOptions.idValue), _defineProperty(_ref, descriptionKeyIsString ? descriptionKey : descriptionKey(allOptions.label), allOptions.label), _ref)].concat(_toConsumableArray(dataSource)) : dataSource;
60
- var _useState = (0, _react.useState)(dataSourceWithAllOptions),
61
- _useState2 = _slicedToArray(_useState, 2),
62
- dataCombo = _useState2[0],
63
- setDataCombo = _useState2[1];
64
- var _useState3 = (0, _react.useState)(null),
65
- _useState4 = _slicedToArray(_useState3, 2),
66
- selected = _useState4[0],
67
- setSelected = _useState4[1];
68
- var _useState5 = (0, _react.useState)(''),
69
- _useState6 = _slicedToArray(_useState5, 2),
70
- inputText = _useState6[0],
71
- setInputText = _useState6[1];
72
- var _useState7 = (0, _react.useState)(false),
73
- _useState8 = _slicedToArray(_useState7, 2),
74
- opened = _useState8[0],
75
- setOpened = _useState8[1];
76
- var _useState9 = (0, _react.useState)(0),
77
- _useState10 = _slicedToArray(_useState9, 2),
78
- dropdownWidth = _useState10[0],
79
- setDropdownWidth = _useState10[1];
80
- var _useState11 = (0, _react.useState)(false),
81
- _useState12 = _slicedToArray(_useState11, 2),
82
- insideComponent = _useState12[0],
83
- setInsideComponent = _useState12[1];
84
- var _useState13 = (0, _react.useState)(),
85
- _useState14 = _slicedToArray(_useState13, 2),
86
- onDenied = _useState14[0],
87
- setOnDeniedSelect = _useState14[1];
88
- var _useState15 = (0, _react.useState)(false),
89
- _useState16 = _slicedToArray(_useState15, 2),
90
- isTyping = _useState16[0],
91
- setIsTyping = _useState16[1];
92
- var dropdownRef = (0, _react.useRef)(null);
93
- var componentId = "select-component".concat(_uuid["default"].v1());
94
- var componentRef = (0, _react.useRef)(null);
95
- var selectWrapper = (0, _react.useRef)();
96
- var gridElement = (0, _react.useRef)();
97
- var clearSelected = function clearSelected() {
19
+ const SimpleSelect = props => {
20
+ const {
21
+ value,
22
+ descriptionKey = '',
23
+ dataSource = [],
24
+ gridLayout,
25
+ onSearch,
26
+ disabled,
27
+ readOnly,
28
+ openDropdownOnFocus = true,
29
+ selectFirstOnEnter = false,
30
+ idKey,
31
+ remoteSearch = false,
32
+ name = '',
33
+ undigitable,
34
+ searchOnDropdown = false,
35
+ allOptions = undefined
36
+ } = props;
37
+ const descriptionKeyIsString = typeof descriptionKey === 'string';
38
+ const dataSourceWithAllOptions = allOptions ? [{
39
+ [idKey]: allOptions.idValue,
40
+ [descriptionKeyIsString ? descriptionKey : descriptionKey(allOptions.label)]: allOptions.label
41
+ }, ...dataSource] : dataSource;
42
+ const [dataCombo, setDataCombo] = (0, _react.useState)(dataSourceWithAllOptions);
43
+ const [selected, setSelected] = (0, _react.useState)(null);
44
+ const [inputText, setInputText] = (0, _react.useState)('');
45
+ const [opened, setOpened] = (0, _react.useState)(false);
46
+ const [dropdownWidth, setDropdownWidth] = (0, _react.useState)(0);
47
+ const [insideComponent, setInsideComponent] = (0, _react.useState)(false);
48
+ const [onDenied, setOnDeniedSelect] = (0, _react.useState)();
49
+ const [isTyping, setIsTyping] = (0, _react.useState)(false);
50
+ const dropdownRef = (0, _react.useRef)(null);
51
+ const componentId = "select-component".concat(_uuid.default.v1());
52
+ const componentRef = (0, _react.useRef)(null);
53
+ const selectWrapper = (0, _react.useRef)();
54
+ const gridElement = (0, _react.useRef)();
55
+ const clearSelected = () => {
98
56
  setInputText('');
99
57
  setSelected(null);
100
58
  setDataCombo(dataSourceWithAllOptions);
101
59
  };
102
- var onScreenResize = function onScreenResize() {
60
+ const onScreenResize = () => {
103
61
  if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);
104
62
  };
105
- var onClickOutside = function onClickOutside(event) {
63
+ const onClickOutside = event => {
106
64
  var _selectWrapper$curren, _dropdownRef$current;
107
- var target = event.target;
65
+ const {
66
+ target
67
+ } = event;
108
68
  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))) {
109
69
  setOpened(false);
110
70
  }
111
71
  };
112
- var onMouseMove = function onMouseMove(event) {
113
- var target = event.target;
72
+ const onMouseMove = event => {
73
+ const target = event.target;
114
74
  if (target.className === '') return;
115
- var insideComponents = ['item', 'menubutton', 'filterinput', 'filtercontainer', 'label'].includes(target.className);
75
+ const insideComponents = ['item', 'menubutton', 'filterinput', 'filtercontainer', 'label'].includes(target.className);
116
76
  setInsideComponent(insideComponents);
117
77
  };
118
- var getSelectEvent = function getSelectEvent(selectedEvent) {
119
- return {
120
- target: {
121
- value: selectedEvent ? selectedEvent[idKey] : undefined,
122
- name: name
123
- }
124
- };
125
- };
126
- var onChange = function onChange(selectedChange) {
78
+ const getSelectEvent = selectedEvent => ({
79
+ target: {
80
+ value: selectedEvent ? selectedEvent[idKey] : undefined,
81
+ name
82
+ }
83
+ });
84
+ const onChange = selectedChange => {
127
85
  if (props.onChange) {
128
- var event = getSelectEvent(selectedChange);
86
+ const event = getSelectEvent(selectedChange);
129
87
  props.onChange(event);
130
88
  }
131
89
  };
132
- var onFilter = function onFilter(valueFilter) {
133
- var selectedFilter = null;
90
+ const onFilter = valueFilter => {
91
+ let selectedFilter = null;
134
92
  if (remoteSearch) {
135
93
  if (onSearch) onSearch(valueFilter);
136
94
  } else {
137
- var dataComboFilter = (0, _helper.getFilteredSimpleDataCombo)({
95
+ const dataComboFilter = (0, _helper.getFilteredSimpleDataCombo)({
138
96
  inputText: valueFilter,
139
- descriptionKey: descriptionKey,
97
+ descriptionKey,
140
98
  dataSource: dataSourceWithAllOptions
141
99
  });
142
100
  if (dataComboFilter && dataComboFilter.length > 0) {
@@ -153,41 +111,40 @@ var SimpleSelect = function SimpleSelect(props) {
153
111
  }
154
112
  }
155
113
  };
156
- var onSelect = function onSelect(selectedDropdown) {
114
+ const onSelect = selectedDropdown => {
157
115
  if (selectedDropdown === undefined) return;
158
116
  setOpened(false);
159
117
  setSelected(selectedDropdown);
160
118
  if (descriptionKeyIsString) setInputText(selectedDropdown[descriptionKey]);else setInputText(descriptionKey(selectedDropdown));
161
119
  onChange(selectedDropdown);
162
120
  };
163
- var onOpenClose = function onOpenClose() {
121
+ const onOpenClose = () => {
164
122
  setOpened(!opened);
165
123
  if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);
166
124
  };
167
- var onFocus = function onFocus() {
125
+ const onFocus = () => {
168
126
  setOpened(openDropdownOnFocus);
169
127
  if (selectWrapper) {
170
- var dropdownWidthFocus = selectWrapper.current ? selectWrapper.current.clientWidth : 0;
128
+ const dropdownWidthFocus = selectWrapper.current ? selectWrapper.current.clientWidth : 0;
171
129
  setDropdownWidth(dropdownWidthFocus);
172
130
  }
173
131
  };
174
- var onBlur = function onBlur() {
132
+ const onBlur = () => {
175
133
  if (props.onBlur) {
176
- var event = getSelectEvent(selected);
134
+ const event = getSelectEvent(selected);
177
135
  props.onBlur(event);
178
136
  if (selected) {
179
137
  if (descriptionKeyIsString && inputText !== selected[descriptionKey] || !descriptionKeyIsString && inputText !== descriptionKey(selected)) {
180
138
  clearSelected();
181
139
  }
182
140
  }
183
- setDataCombo(dataSourceWithAllOptions);
184
141
  }
185
142
  if (!insideComponent) {
186
143
  setOpened(false);
187
144
  setIsTyping(false);
188
145
  }
189
146
  };
190
- var onInputKeyDown = function onInputKeyDown(e) {
147
+ const onInputKeyDown = e => {
191
148
  if (e.keyCode) {
192
149
  if (e.keyCode === constants.keyCodes.ENTER && selected) {
193
150
  var _e$preventDefault;
@@ -195,9 +152,7 @@ var SimpleSelect = function SimpleSelect(props) {
195
152
  onSelect(selected);
196
153
  } else if ([constants.keyCodes.ARROW_UP, constants.keyCodes.ARROW_DOWN].includes(e.keyCode)) {
197
154
  if (!opened) setOpened(true);
198
- var index = dataCombo.length > 0 ? dataCombo.findIndex(function (d) {
199
- return selected && d[idKey] === selected[idKey];
200
- }) : 0;
155
+ let index = dataCombo.length > 0 ? dataCombo.findIndex(d => selected && d[idKey] === selected[idKey]) : 0;
201
156
  if (e.keyCode === constants.keyCodes.ARROW_DOWN) {
202
157
  index = dataCombo && index === dataCombo.length - 1 ? 0 : index + 1;
203
158
  } else {
@@ -208,40 +163,36 @@ var SimpleSelect = function SimpleSelect(props) {
208
163
  }
209
164
  if (!isTyping) setIsTyping(true);
210
165
  };
211
- var onClearClick = function onClearClick() {
166
+ const onClearClick = () => {
212
167
  setSelected(undefined);
213
168
  setInputText('');
214
169
  };
215
- var setOnDenied = function setOnDenied(onDeniedSelect) {
170
+ const setOnDenied = onDeniedSelect => {
216
171
  setOnDeniedSelect(onDeniedSelect);
217
172
  };
218
- var shouldDisable = function shouldDisable() {
219
- return disabled || onDenied && (onDenied.disabled || onDenied.hideContent);
220
- };
221
- var shouldBeReadOnly = function shouldBeReadOnly() {
222
- return readOnly || onDenied && onDenied.readOnly;
223
- };
224
- (0, _react.useEffect)(function () {
173
+ const shouldDisable = () => disabled || onDenied && (onDenied.disabled || onDenied.hideContent);
174
+ const shouldBeReadOnly = () => readOnly || onDenied && onDenied.readOnly;
175
+ (0, _react.useEffect)(() => {
225
176
  window.addEventListener('resize', onScreenResize);
226
177
  document.addEventListener('click', onClickOutside);
227
178
  document.addEventListener('mousemove', onMouseMove);
228
- return function () {
179
+ return () => {
229
180
  window.removeEventListener('resize', onScreenResize);
230
181
  document.removeEventListener('click', onClickOutside);
231
182
  document.removeEventListener('mousemove', onMouseMove);
232
183
  };
233
184
  }, []);
234
- (0, _react.useEffect)(function () {
185
+ (0, _react.useEffect)(() => {
235
186
  if (gridLayout) {
236
- var gridEl = document.querySelector("#".concat(componentId, ">.-withinput.grid-container"));
187
+ const gridEl = document.querySelector("#".concat(componentId, ">.-withinput.grid-container"));
237
188
  if (gridElement.current !== gridEl && gridEl) gridElement.current = gridEl;
238
189
  }
239
190
  }, [gridLayout]);
240
- (0, _react.useEffect)(function () {
191
+ (0, _react.useEffect)(() => {
241
192
  if (dataSourceWithAllOptions.length > 0) {
242
- var newCurrent = null;
193
+ let newCurrent = null;
243
194
  if (value || value === 0) {
244
- newCurrent = dataSourceWithAllOptions.find(function (i) {
195
+ newCurrent = dataSourceWithAllOptions.find(i => {
245
196
  var _i$idKey;
246
197
  return (value || value === 0) && ((_i$idKey = i[idKey]) === null || _i$idKey === void 0 ? void 0 : _i$idKey.toString().toLowerCase()) === (value === null || value === void 0 ? void 0 : value.toString().toLowerCase());
247
198
  });
@@ -252,77 +203,73 @@ var SimpleSelect = function SimpleSelect(props) {
252
203
  if (descriptionKeyIsString) setInputText(newCurrent ? newCurrent[descriptionKey] : '');else setInputText(newCurrent ? descriptionKey(newCurrent) : '');
253
204
  }
254
205
  }, [dataSourceWithAllOptions.length, value]);
255
- (0, _react.useEffect)(function () {
256
- if (!_lodash["default"].isEqual(dataCombo, dataSourceWithAllOptions)) {
257
- var dataComboFilteredSimple = undigitable || remoteSearch || !isTyping ? dataSourceWithAllOptions : (0, _helper.getFilteredSimpleDataCombo)({
258
- inputText: inputText,
206
+ (0, _react.useEffect)(() => {
207
+ if (!_lodash.default.isEqual(dataCombo, dataSourceWithAllOptions)) {
208
+ const dataComboFilteredSimple = undigitable || remoteSearch || !isTyping ? dataSourceWithAllOptions : (0, _helper.getFilteredSimpleDataCombo)({
209
+ inputText,
259
210
  dataSource: dataSourceWithAllOptions,
260
- descriptionKey: descriptionKey
211
+ descriptionKey
261
212
  });
262
213
  setDataCombo(dataComboFilteredSimple);
263
214
  if (dataSourceWithAllOptions.length > 0 && remoteSearch) {
264
- var data = dataSourceWithAllOptions[0];
215
+ const data = dataSourceWithAllOptions[0];
265
216
  setSelected(data);
266
217
  }
267
218
  }
268
219
  if (allOptions) {
269
- var _ref2;
270
- setDataCombo([(_ref2 = {}, _defineProperty(_ref2, idKey, allOptions.idValue), _defineProperty(_ref2, descriptionKeyIsString ? descriptionKey : descriptionKey(allOptions.label), allOptions.label), _ref2)].concat(_toConsumableArray(dataSource)));
220
+ setDataCombo([{
221
+ [idKey]: allOptions.idValue,
222
+ [descriptionKeyIsString ? descriptionKey : descriptionKey(allOptions.label)]: allOptions.label
223
+ }, ...dataSource]);
271
224
  }
272
225
  }, [JSON.stringify(dataSourceWithAllOptions)]);
273
- return /*#__PURE__*/_react["default"].createElement("span", {
226
+ return /*#__PURE__*/_react.default.createElement("span", {
274
227
  id: componentId,
275
228
  ref: componentRef,
276
229
  className: "select-component"
277
- }, /*#__PURE__*/_react["default"].createElement(_InputTextBase["default"], _extends({}, props, {
230
+ }, /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({}, props, {
278
231
  readOnly: undigitable || shouldBeReadOnly(),
279
232
  value: inputText,
280
233
  onFocus: onFocus,
281
234
  onBlur: onBlur,
282
- onChange: function onChange(e) {
235
+ onChange: e => {
283
236
  if (e) onFilter(e.target.value);
284
237
  },
285
238
  onKeyDown: onInputKeyDown,
286
239
  customClassForWrapper: "selectwrapper ".concat((undigitable || searchOnDropdown || shouldBeReadOnly()) && ' -undigitable'),
287
240
  customClassForInputContent: "multiselect",
288
- inputBaseRef: function inputBaseRef(r) {
241
+ inputBaseRef: r => {
289
242
  selectWrapper.current = r;
290
243
  },
291
- handlerSetOnDenied: function handlerSetOnDenied(inputOnDenied) {
292
- return setOnDenied(inputOnDenied);
293
- },
294
- rightElements: /*#__PURE__*/_react["default"].createElement(_ActionButtons["default"], _extends({}, props, {
244
+ handlerSetOnDenied: inputOnDenied => setOnDenied(inputOnDenied),
245
+ rightElements: /*#__PURE__*/_react.default.createElement(_ActionButtons.default, _extends({}, props, {
295
246
  disabled: shouldDisable() || shouldBeReadOnly(),
296
247
  dropDownOpened: opened,
297
- handleClear: function handleClear() {
248
+ handleClear: () => {
298
249
  if (shouldDisable()) return null;
299
250
  return onClearClick();
300
251
  },
301
- handleOpenClose: function handleOpenClose() {
252
+ handleOpenClose: () => {
302
253
  onOpenClose();
303
254
  }
304
255
  }))
305
- })), opened && /*#__PURE__*/_react["default"].createElement(_Dropdown["default"], _extends({}, props, {
256
+ })), opened && /*#__PURE__*/_react.default.createElement(_Dropdown.default, _extends({}, props, {
306
257
  selected: selected,
307
258
  inputValue: inputText,
308
259
  selectFieldRef: componentRef,
309
260
  dropdownRef: dropdownRef,
310
261
  searchOnDropdown: searchOnDropdown,
311
262
  gridWrapperStyle: gridLayout && gridElement.current ? window.getComputedStyle(gridElement.current) : undefined,
312
- handleOnSelect: function handleOnSelect(dataSelected) {
263
+ handleOnSelect: dataSelected => {
313
264
  if (dataSelected) onSelect(dataSelected);
314
265
  },
315
- handleOnFilter: function handleOnFilter(valueFilter) {
316
- return onFilter(valueFilter);
317
- },
266
+ handleOnFilter: valueFilter => onFilter(valueFilter),
318
267
  handleOnKeydown: onInputKeyDown,
319
- handleOnBlur: function handleOnBlur() {
320
- return onBlur;
321
- },
268
+ handleOnBlur: () => onBlur,
322
269
  handleOnFocus: onFocus,
323
270
  opened: opened,
324
271
  dataCombo: dataCombo,
325
272
  dropdownWidth: dropdownWidth || 0
326
273
  })));
327
274
  };
328
- var _default = exports["default"] = SimpleSelect;
275
+ var _default = exports.default = SimpleSelect;
@@ -3,13 +3,11 @@
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 = _interopRequireDefault(require("react"));
8
8
  var _InputTextBase = _interopRequireDefault(require("../base/InputTextBase"));
9
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
9
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
10
  // eslint-disable-next-line import/no-named-as-default
11
11
 
12
- var TextField = function TextField(props) {
13
- return /*#__PURE__*/_react["default"].createElement(_InputTextBase["default"], props);
14
- };
15
- var _default = exports["default"] = TextField;
12
+ const TextField = props => /*#__PURE__*/_react.default.createElement(_InputTextBase.default, props);
13
+ var _default = exports.default = TextField;
@@ -3,22 +3,23 @@
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 = _interopRequireDefault(require("react"));
8
8
  var _InputTextBase = _interopRequireDefault(require("../base/InputTextBase"));
9
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
9
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
10
  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); } // eslint-disable-next-line import/no-named-as-default
11
- var TextArea = function TextArea(props) {
12
- var rows = props.rows,
13
- cols = props.cols,
14
- customClass = props.customClass,
15
- _props$type = props.type,
16
- type = _props$type === void 0 ? 'textarea' : _props$type;
17
- return /*#__PURE__*/_react["default"].createElement(_InputTextBase["default"], _extends({}, props, {
11
+ const TextArea = props => {
12
+ const {
13
+ rows,
14
+ cols,
15
+ customClass,
16
+ type = 'textarea'
17
+ } = props;
18
+ return /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({}, props, {
18
19
  rows: rows,
19
20
  type: type,
20
21
  cols: cols,
21
22
  customClass: "textarea-container ".concat(customClass)
22
23
  }));
23
24
  };
24
- var _default = exports["default"] = TextArea;
25
+ var _default = exports.default = TextArea;
@@ -3,12 +3,12 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports["default"] = void 0;
7
- var ColorStyles = {
6
+ exports.default = void 0;
7
+ const ColorStyles = {
8
8
  PRIMARY: 'primary',
9
9
  SUCCESS: 'success',
10
10
  DANGER: 'danger',
11
11
  INFO: 'info',
12
12
  WARNING: 'warning'
13
13
  };
14
- var _default = exports["default"] = ColorStyles;
14
+ var _default = exports.default = ColorStyles;
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.keyCodes = exports.PARA_ENGANAR_O_ESLINT_JA_QUE_TENHO_SO_UMA_CONSTANTE = void 0;
7
- var keyCodes = exports.keyCodes = {
7
+ const keyCodes = exports.keyCodes = {
8
8
  TAB: 9,
9
9
  ENTER: 13,
10
10
  ARROW_UP: 38,
@@ -12,4 +12,4 @@ var keyCodes = exports.keyCodes = {
12
12
  BACKSPACE: 8,
13
13
  F: 70
14
14
  };
15
- var PARA_ENGANAR_O_ESLINT_JA_QUE_TENHO_SO_UMA_CONSTANTE = exports.PARA_ENGANAR_O_ESLINT_JA_QUE_TENHO_SO_UMA_CONSTANTE = 1;
15
+ const PARA_ENGANAR_O_ESLINT_JA_QUE_TENHO_SO_UMA_CONSTANTE = exports.PARA_ENGANAR_O_ESLINT_JA_QUE_TENHO_SO_UMA_CONSTANTE = 1;