linear-react-components-ui 1.1.0-beta.5 → 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 (221) 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/avatar/index.js +42 -41
  10. package/lib/badge/index.js +15 -16
  11. package/lib/buttons/ActivateButton.js +6 -8
  12. package/lib/buttons/AddButton.js +9 -11
  13. package/lib/buttons/Button.js +11 -11
  14. package/lib/buttons/ButtonGroups.js +8 -6
  15. package/lib/buttons/CancelButton.js +9 -7
  16. package/lib/buttons/DangerButton.js +9 -7
  17. package/lib/buttons/DefaultButton.js +66 -85
  18. package/lib/buttons/DestroyButton.js +10 -8
  19. package/lib/buttons/EditButton.js +6 -8
  20. package/lib/buttons/InactivateButton.js +6 -8
  21. package/lib/buttons/InfoButton.js +9 -7
  22. package/lib/buttons/PrimaryButton.js +9 -7
  23. package/lib/buttons/RestoreButton.js +6 -8
  24. package/lib/buttons/SaveButton.js +9 -7
  25. package/lib/buttons/SuccessButton.js +9 -7
  26. package/lib/buttons/WarningButton.js +9 -7
  27. package/lib/buttons/button_container/index.js +16 -19
  28. package/lib/buttons/index.js +31 -31
  29. package/lib/buttons/split_button/index.js +24 -26
  30. package/lib/calendar/DangerCalendar.js +9 -7
  31. package/lib/calendar/InfoCalendar.js +9 -7
  32. package/lib/calendar/PrimaryCalendar.js +9 -7
  33. package/lib/calendar/SuccessCalendar.js +9 -7
  34. package/lib/calendar/WarningCalendar.js +9 -7
  35. package/lib/calendar/base/Day.js +16 -14
  36. package/lib/calendar/base/Month.js +15 -19
  37. package/lib/calendar/base/Week.js +15 -19
  38. package/lib/calendar/base/helpers.js +17 -15
  39. package/lib/calendar/base/index.js +38 -51
  40. package/lib/calendar/index.js +13 -13
  41. package/lib/checkbox/Label.js +10 -8
  42. package/lib/checkbox/index.js +73 -93
  43. package/lib/dialog/Alert.js +7 -7
  44. package/lib/dialog/Custom.js +20 -23
  45. package/lib/dialog/Error.js +7 -7
  46. package/lib/dialog/Information.js +7 -7
  47. package/lib/dialog/Question.js +16 -16
  48. package/lib/dialog/Warning.js +7 -7
  49. package/lib/dialog/base/Content.js +9 -7
  50. package/lib/dialog/base/Footer.js +6 -8
  51. package/lib/dialog/base/Header.js +32 -34
  52. package/lib/dialog/base/index.js +64 -72
  53. package/lib/dialog/base/style.js +8 -10
  54. package/lib/dialog/form/index.js +35 -38
  55. package/lib/dialog/index.js +15 -15
  56. package/lib/drawer/Content.js +14 -12
  57. package/lib/drawer/Drawer.js +68 -82
  58. package/lib/drawer/Header.js +45 -48
  59. package/lib/drawer/helpers.js +4 -4
  60. package/lib/drawer/index.js +7 -7
  61. package/lib/dropdown/Popup.js +37 -40
  62. package/lib/dropdown/helper.js +6 -6
  63. package/lib/dropdown/withDropdown.js +44 -63
  64. package/lib/fieldset/index.js +49 -56
  65. package/lib/form/Field.js +73 -79
  66. package/lib/form/FieldArray.js +76 -85
  67. package/lib/form/FieldNumber.js +34 -42
  68. package/lib/form/FieldPeriod.js +54 -59
  69. package/lib/form/helpers.js +29 -28
  70. package/lib/form/index.js +121 -151
  71. package/lib/form/withFieldHOC.js +36 -42
  72. package/lib/form/withFormSecurity.js +27 -35
  73. package/lib/gridlayout/GridCol.js +16 -15
  74. package/lib/gridlayout/GridRow.js +11 -12
  75. package/lib/gridlayout/index.js +5 -5
  76. package/lib/hint/index.js +25 -29
  77. package/lib/icons/helper.js +2 -2
  78. package/lib/icons/index.js +37 -48
  79. package/lib/index.js +19 -19
  80. package/lib/inputs/base/InputTextBase.js +99 -109
  81. package/lib/inputs/base/helpers.js +29 -23
  82. package/lib/inputs/color/index.js +34 -44
  83. package/lib/inputs/date/Dialog.js +10 -8
  84. package/lib/inputs/date/Dropdown.js +14 -12
  85. package/lib/inputs/date/helpers.js +18 -14
  86. package/lib/inputs/date/index.js +96 -133
  87. package/lib/inputs/file/DefaultFile.js +50 -74
  88. package/lib/inputs/file/DragDropFile.js +119 -172
  89. package/lib/inputs/file/File.js +22 -28
  90. package/lib/inputs/file/FileButtonSettings.js +14 -16
  91. package/lib/inputs/file/helpers.js +6 -7
  92. package/lib/inputs/file/index.js +7 -7
  93. package/lib/inputs/inputHOC.js +23 -35
  94. package/lib/inputs/mask/BaseMask.js +33 -27
  95. package/lib/inputs/mask/Cnpj.js +19 -31
  96. package/lib/inputs/mask/Cpf.js +20 -35
  97. package/lib/inputs/mask/Phone.js +8 -6
  98. package/lib/inputs/mask/ZipCode.js +6 -8
  99. package/lib/inputs/mask/helpers.js +21 -26
  100. package/lib/inputs/mask/imaskHOC.js +102 -122
  101. package/lib/inputs/mask/index.js +11 -11
  102. package/lib/inputs/multiSelect/ActionButtons.js +18 -18
  103. package/lib/inputs/multiSelect/Dropdown.js +63 -75
  104. package/lib/inputs/multiSelect/helper.js +9 -7
  105. package/lib/inputs/multiSelect/index.js +85 -136
  106. package/lib/inputs/number/BaseNumber.js +23 -21
  107. package/lib/inputs/number/Currency.js +9 -8
  108. package/lib/inputs/number/Decimal.js +4 -6
  109. package/lib/inputs/number/format_number.js +9 -6
  110. package/lib/inputs/number/index.js +13 -13
  111. package/lib/inputs/period/Dialog.js +10 -8
  112. package/lib/inputs/period/Dropdown.js +12 -12
  113. package/lib/inputs/period/PeriodList.js +19 -17
  114. package/lib/inputs/period/helper.js +38 -37
  115. package/lib/inputs/period/index.js +147 -196
  116. package/lib/inputs/search/index.js +45 -67
  117. package/lib/inputs/select/ActionButtons.js +18 -18
  118. package/lib/inputs/select/Dropdown.js +51 -65
  119. package/lib/inputs/select/helper.js +55 -44
  120. package/lib/inputs/select/index.js +13 -11
  121. package/lib/inputs/select/multiple/Selecteds.js +20 -22
  122. package/lib/inputs/select/multiple/index.js +90 -143
  123. package/lib/inputs/select/simple/index.js +103 -155
  124. package/lib/inputs/text/index.js +4 -6
  125. package/lib/inputs/textarea/index.js +11 -10
  126. package/lib/internals/colorStyles.js +3 -3
  127. package/lib/internals/constants.js +2 -2
  128. package/lib/internals/withTooltip.js +54 -68
  129. package/lib/labelMessages/index.js +28 -47
  130. package/lib/labels/DangerLabel.js +9 -7
  131. package/lib/labels/DefaultLabel.js +29 -42
  132. package/lib/labels/InfoLabel.js +9 -7
  133. package/lib/labels/PrimaryLabel.js +9 -7
  134. package/lib/labels/SuccessLabel.js +9 -7
  135. package/lib/labels/WarningLabel.js +9 -7
  136. package/lib/labels/index.js +15 -15
  137. package/lib/labels/label_container/index.js +11 -10
  138. package/lib/list/Header.js +12 -10
  139. package/lib/list/Item.js +58 -72
  140. package/lib/list/Separator.js +6 -8
  141. package/lib/list/helpers.js +3 -3
  142. package/lib/list/index.js +81 -107
  143. package/lib/menus/float/MenuItem.js +27 -27
  144. package/lib/menus/float/SubMenuContainer.js +39 -44
  145. package/lib/menus/float/helpers.js +4 -4
  146. package/lib/menus/float/index.js +25 -25
  147. package/lib/menus/index.js +3 -3
  148. package/lib/menus/sidenav/ExpandMenu.js +12 -10
  149. package/lib/menus/sidenav/MenuLink.js +12 -10
  150. package/lib/menus/sidenav/NavMenuGroup.js +15 -13
  151. package/lib/menus/sidenav/NavMenuItem.js +56 -69
  152. package/lib/menus/sidenav/NavSubMenuItem.js +24 -28
  153. package/lib/menus/sidenav/helpers.js +7 -7
  154. package/lib/menus/sidenav/index.js +92 -119
  155. package/lib/menus/sidenav/popup_menu_search/EmptyList.js +12 -11
  156. package/lib/menus/sidenav/popup_menu_search/index.js +64 -84
  157. package/lib/noPermission/index.js +15 -17
  158. package/lib/panel/Content.js +46 -58
  159. package/lib/panel/DangerPanel.js +6 -8
  160. package/lib/panel/Default.js +45 -59
  161. package/lib/panel/Header.js +37 -34
  162. package/lib/panel/InfoPanel.js +6 -8
  163. package/lib/panel/PrimaryPanel.js +6 -8
  164. package/lib/panel/SuccessPanel.js +6 -8
  165. package/lib/panel/ToolBar.js +8 -6
  166. package/lib/panel/WarningPanel.js +6 -8
  167. package/lib/panel/helpers.js +13 -11
  168. package/lib/panel/index.js +17 -17
  169. package/lib/permissionValidations.js +26 -28
  170. package/lib/popover/PopoverText.js +8 -6
  171. package/lib/popover/PopoverTitle.js +8 -6
  172. package/lib/popover/index.js +21 -24
  173. package/lib/progress/Bar.js +34 -39
  174. package/lib/progress/index.js +19 -20
  175. package/lib/radio/index.js +37 -57
  176. package/lib/shortcuts/index.js +13 -11
  177. package/lib/skeleton/SkeletonContainer.js +12 -12
  178. package/lib/skeleton/index.js +27 -33
  179. package/lib/spinner/SpinnerLoading.js +46 -46
  180. package/lib/spinner/index.js +27 -40
  181. package/lib/split/Split.js +97 -113
  182. package/lib/split/SplitSide.js +22 -20
  183. package/lib/split/helpers.js +4 -4
  184. package/lib/split/index.js +5 -5
  185. package/lib/table/Body.js +47 -49
  186. package/lib/table/Header.js +39 -41
  187. package/lib/table/HeaderColumn.js +22 -22
  188. package/lib/table/Row.js +48 -50
  189. package/lib/table/RowColumn.js +37 -35
  190. package/lib/table/helpers.js +9 -12
  191. package/lib/table/index.js +89 -108
  192. package/lib/tabs/DropdownTabs.js +39 -43
  193. package/lib/tabs/Menu.js +20 -19
  194. package/lib/tabs/MenuTabs.js +48 -56
  195. package/lib/tabs/Panel.js +54 -73
  196. package/lib/tabs/context.js +62 -93
  197. package/lib/tabs/index.js +30 -35
  198. package/lib/tabs/tabHelpers.js +24 -21
  199. package/lib/toolbar/ButtonBar.js +49 -52
  200. package/lib/toolbar/LabelBar.js +38 -41
  201. package/lib/toolbar/Separator.js +6 -8
  202. package/lib/toolbar/ToolBarGroup.js +9 -8
  203. package/lib/toolbar/helpers.js +3 -3
  204. package/lib/toolbar/index.js +25 -26
  205. package/lib/tooltip/index.js +29 -33
  206. package/lib/treetable/Body.js +22 -33
  207. package/lib/treetable/Header.js +13 -15
  208. package/lib/treetable/Row.d.ts +1 -1
  209. package/lib/treetable/Row.js +107 -158
  210. package/lib/treetable/helpers.d.ts +1 -1
  211. package/lib/treetable/helpers.js +18 -24
  212. package/lib/treetable/index.d.ts +2 -2
  213. package/lib/treetable/index.js +11 -12
  214. package/lib/treeview/Header.js +11 -9
  215. package/lib/treeview/Node.js +109 -148
  216. package/lib/treeview/constants.js +2 -2
  217. package/lib/treeview/index.js +156 -221
  218. package/lib/uitour/helpers.js +3 -3
  219. package/lib/uitour/index.js +67 -106
  220. package/package.json +5 -14
  221. /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,27 +111,27 @@ 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)) {
@@ -186,7 +144,7 @@ var SimpleSelect = function SimpleSelect(props) {
186
144
  setIsTyping(false);
187
145
  }
188
146
  };
189
- var onInputKeyDown = function onInputKeyDown(e) {
147
+ const onInputKeyDown = e => {
190
148
  if (e.keyCode) {
191
149
  if (e.keyCode === constants.keyCodes.ENTER && selected) {
192
150
  var _e$preventDefault;
@@ -194,9 +152,7 @@ var SimpleSelect = function SimpleSelect(props) {
194
152
  onSelect(selected);
195
153
  } else if ([constants.keyCodes.ARROW_UP, constants.keyCodes.ARROW_DOWN].includes(e.keyCode)) {
196
154
  if (!opened) setOpened(true);
197
- var index = dataCombo.length > 0 ? dataCombo.findIndex(function (d) {
198
- return selected && d[idKey] === selected[idKey];
199
- }) : 0;
155
+ let index = dataCombo.length > 0 ? dataCombo.findIndex(d => selected && d[idKey] === selected[idKey]) : 0;
200
156
  if (e.keyCode === constants.keyCodes.ARROW_DOWN) {
201
157
  index = dataCombo && index === dataCombo.length - 1 ? 0 : index + 1;
202
158
  } else {
@@ -207,40 +163,36 @@ var SimpleSelect = function SimpleSelect(props) {
207
163
  }
208
164
  if (!isTyping) setIsTyping(true);
209
165
  };
210
- var onClearClick = function onClearClick() {
166
+ const onClearClick = () => {
211
167
  setSelected(undefined);
212
168
  setInputText('');
213
169
  };
214
- var setOnDenied = function setOnDenied(onDeniedSelect) {
170
+ const setOnDenied = onDeniedSelect => {
215
171
  setOnDeniedSelect(onDeniedSelect);
216
172
  };
217
- var shouldDisable = function shouldDisable() {
218
- return disabled || onDenied && (onDenied.disabled || onDenied.hideContent);
219
- };
220
- var shouldBeReadOnly = function shouldBeReadOnly() {
221
- return readOnly || onDenied && onDenied.readOnly;
222
- };
223
- (0, _react.useEffect)(function () {
173
+ const shouldDisable = () => disabled || onDenied && (onDenied.disabled || onDenied.hideContent);
174
+ const shouldBeReadOnly = () => readOnly || onDenied && onDenied.readOnly;
175
+ (0, _react.useEffect)(() => {
224
176
  window.addEventListener('resize', onScreenResize);
225
177
  document.addEventListener('click', onClickOutside);
226
178
  document.addEventListener('mousemove', onMouseMove);
227
- return function () {
179
+ return () => {
228
180
  window.removeEventListener('resize', onScreenResize);
229
181
  document.removeEventListener('click', onClickOutside);
230
182
  document.removeEventListener('mousemove', onMouseMove);
231
183
  };
232
184
  }, []);
233
- (0, _react.useEffect)(function () {
185
+ (0, _react.useEffect)(() => {
234
186
  if (gridLayout) {
235
- var gridEl = document.querySelector("#".concat(componentId, ">.-withinput.grid-container"));
187
+ const gridEl = document.querySelector("#".concat(componentId, ">.-withinput.grid-container"));
236
188
  if (gridElement.current !== gridEl && gridEl) gridElement.current = gridEl;
237
189
  }
238
190
  }, [gridLayout]);
239
- (0, _react.useEffect)(function () {
191
+ (0, _react.useEffect)(() => {
240
192
  if (dataSourceWithAllOptions.length > 0) {
241
- var newCurrent = null;
193
+ let newCurrent = null;
242
194
  if (value || value === 0) {
243
- newCurrent = dataSourceWithAllOptions.find(function (i) {
195
+ newCurrent = dataSourceWithAllOptions.find(i => {
244
196
  var _i$idKey;
245
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());
246
198
  });
@@ -251,77 +203,73 @@ var SimpleSelect = function SimpleSelect(props) {
251
203
  if (descriptionKeyIsString) setInputText(newCurrent ? newCurrent[descriptionKey] : '');else setInputText(newCurrent ? descriptionKey(newCurrent) : '');
252
204
  }
253
205
  }, [dataSourceWithAllOptions.length, value]);
254
- (0, _react.useEffect)(function () {
255
- if (!_lodash["default"].isEqual(dataCombo, dataSourceWithAllOptions)) {
256
- var dataComboFilteredSimple = undigitable || remoteSearch || !isTyping ? dataSourceWithAllOptions : (0, _helper.getFilteredSimpleDataCombo)({
257
- 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,
258
210
  dataSource: dataSourceWithAllOptions,
259
- descriptionKey: descriptionKey
211
+ descriptionKey
260
212
  });
261
213
  setDataCombo(dataComboFilteredSimple);
262
214
  if (dataSourceWithAllOptions.length > 0 && remoteSearch) {
263
- var data = dataSourceWithAllOptions[0];
215
+ const data = dataSourceWithAllOptions[0];
264
216
  setSelected(data);
265
217
  }
266
218
  }
267
219
  if (allOptions) {
268
- var _ref2;
269
- 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]);
270
224
  }
271
225
  }, [JSON.stringify(dataSourceWithAllOptions)]);
272
- return /*#__PURE__*/_react["default"].createElement("span", {
226
+ return /*#__PURE__*/_react.default.createElement("span", {
273
227
  id: componentId,
274
228
  ref: componentRef,
275
229
  className: "select-component"
276
- }, /*#__PURE__*/_react["default"].createElement(_InputTextBase["default"], _extends({}, props, {
230
+ }, /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({}, props, {
277
231
  readOnly: undigitable || shouldBeReadOnly(),
278
232
  value: inputText,
279
233
  onFocus: onFocus,
280
234
  onBlur: onBlur,
281
- onChange: function onChange(e) {
235
+ onChange: e => {
282
236
  if (e) onFilter(e.target.value);
283
237
  },
284
238
  onKeyDown: onInputKeyDown,
285
239
  customClassForWrapper: "selectwrapper ".concat((undigitable || searchOnDropdown || shouldBeReadOnly()) && ' -undigitable'),
286
240
  customClassForInputContent: "multiselect",
287
- inputBaseRef: function inputBaseRef(r) {
241
+ inputBaseRef: r => {
288
242
  selectWrapper.current = r;
289
243
  },
290
- handlerSetOnDenied: function handlerSetOnDenied(inputOnDenied) {
291
- return setOnDenied(inputOnDenied);
292
- },
293
- rightElements: /*#__PURE__*/_react["default"].createElement(_ActionButtons["default"], _extends({}, props, {
244
+ handlerSetOnDenied: inputOnDenied => setOnDenied(inputOnDenied),
245
+ rightElements: /*#__PURE__*/_react.default.createElement(_ActionButtons.default, _extends({}, props, {
294
246
  disabled: shouldDisable() || shouldBeReadOnly(),
295
247
  dropDownOpened: opened,
296
- handleClear: function handleClear() {
248
+ handleClear: () => {
297
249
  if (shouldDisable()) return null;
298
250
  return onClearClick();
299
251
  },
300
- handleOpenClose: function handleOpenClose() {
252
+ handleOpenClose: () => {
301
253
  onOpenClose();
302
254
  }
303
255
  }))
304
- })), opened && /*#__PURE__*/_react["default"].createElement(_Dropdown["default"], _extends({}, props, {
256
+ })), opened && /*#__PURE__*/_react.default.createElement(_Dropdown.default, _extends({}, props, {
305
257
  selected: selected,
306
258
  inputValue: inputText,
307
259
  selectFieldRef: componentRef,
308
260
  dropdownRef: dropdownRef,
309
261
  searchOnDropdown: searchOnDropdown,
310
262
  gridWrapperStyle: gridLayout && gridElement.current ? window.getComputedStyle(gridElement.current) : undefined,
311
- handleOnSelect: function handleOnSelect(dataSelected) {
263
+ handleOnSelect: dataSelected => {
312
264
  if (dataSelected) onSelect(dataSelected);
313
265
  },
314
- handleOnFilter: function handleOnFilter(valueFilter) {
315
- return onFilter(valueFilter);
316
- },
266
+ handleOnFilter: valueFilter => onFilter(valueFilter),
317
267
  handleOnKeydown: onInputKeyDown,
318
- handleOnBlur: function handleOnBlur() {
319
- return onBlur;
320
- },
268
+ handleOnBlur: () => onBlur,
321
269
  handleOnFocus: onFocus,
322
270
  opened: opened,
323
271
  dataCombo: dataCombo,
324
272
  dropdownWidth: dropdownWidth || 0
325
273
  })));
326
274
  };
327
- 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;