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,111 +1,92 @@
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"] = exports.WithDropdownContext = void 0;
6
+ exports.default = exports.WithDropdownContext = void 0;
8
7
  var _react = _interopRequireWildcard(require("react"));
9
8
  var _Popup = _interopRequireDefault(require("./Popup"));
10
9
  require("../assets/styles/dropdown.scss");
11
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
12
- 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); }
13
- 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; }
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 (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 && {}.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; }
14
13
  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); }
15
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
16
- 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."); }
17
- 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); }
18
- 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; }
19
- 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; } }
20
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
21
- var WithDropdownContext = exports.WithDropdownContext = /*#__PURE__*/(0, _react.createContext)({});
22
- var getDisplayName = function getDisplayName(Component) {
23
- return Component.displayName || Component.name || 'Component';
24
- };
25
- var withDropdown = function withDropdown(WrappedComponent) {
26
- var EnhancedComponent = function EnhancedComponent(props) {
27
- var dropdownOpened = props.dropdownOpened,
28
- showDropdown = props.showDropdown,
29
- dropdown = props.dropdown,
30
- _props$closeDropdownO = props.closeDropdownOnClickOutside,
31
- closeDropdownOnClickOutside = _props$closeDropdownO === void 0 ? true : _props$closeDropdownO,
32
- customClassForDropdown = props.customClassForDropdown,
33
- children = props.children,
34
- _props$dropdownAlign = props.dropdownAlign,
35
- dropdownAlign = _props$dropdownAlign === void 0 ? 'left' : _props$dropdownAlign,
36
- isFloatMenu = props.isFloatMenu,
37
- isDropdownOpened = props.isDropdownOpened;
38
- var _useState = (0, _react.useState)(dropdownOpened),
39
- _useState2 = _slicedToArray(_useState, 2),
40
- opened = _useState2[0],
41
- setOpened = _useState2[1];
42
- var _useState3 = (0, _react.useState)(dropdownOpened),
43
- _useState4 = _slicedToArray(_useState3, 2),
44
- prevOpened = _useState4[0],
45
- setPrevOpened = _useState4[1];
46
- var popupRef = (0, _react.useRef)(null);
47
- var wrappedComponentRef = (0, _react.useRef)(null);
14
+ const WithDropdownContext = exports.WithDropdownContext = /*#__PURE__*/(0, _react.createContext)({});
15
+ const getDisplayName = Component => Component.displayName || Component.name || 'Component';
16
+ const withDropdown = WrappedComponent => {
17
+ const EnhancedComponent = props => {
18
+ const {
19
+ dropdownOpened,
20
+ showDropdown,
21
+ dropdown,
22
+ closeDropdownOnClickOutside = true,
23
+ customClassForDropdown,
24
+ children,
25
+ dropdownAlign = 'left',
26
+ isFloatMenu,
27
+ isDropdownOpened
28
+ } = props;
29
+ const [opened, setOpened] = (0, _react.useState)(dropdownOpened);
30
+ const [prevOpened, setPrevOpened] = (0, _react.useState)(dropdownOpened);
31
+ const popupRef = (0, _react.useRef)(null);
32
+ const wrappedComponentRef = (0, _react.useRef)(null);
48
33
  if (dropdownOpened !== prevOpened) {
49
34
  setOpened(dropdownOpened);
50
35
  setPrevOpened(dropdownOpened);
51
36
  }
52
- var onClickOutside = function onClickOutside(event) {
53
- var target = event.target;
37
+ const onClickOutside = event => {
38
+ const {
39
+ target
40
+ } = event;
54
41
  if (popupRef !== null && popupRef !== void 0 && popupRef.current && target !== (popupRef === null || popupRef === void 0 ? void 0 : popupRef.current) && !event.composedPath().includes(popupRef.current) && wrappedComponentRef.current !== target) {
55
42
  setOpened(false);
56
43
  }
57
44
  };
58
- var onDropdownClick = function onDropdownClick() {
59
- setOpened(function (prevState) {
60
- return !prevState;
61
- });
45
+ const onDropdownClick = () => {
46
+ setOpened(prevState => !prevState);
62
47
  };
63
- var getDropdown = function getDropdown(targetRef) {
48
+ const getDropdown = targetRef => {
64
49
  if (!targetRef || !opened) return null;
65
50
  wrappedComponentRef.current = targetRef;
66
- var targetDimensions = targetRef.getBoundingClientRect();
67
- return /*#__PURE__*/_react["default"].createElement(_Popup["default"], {
51
+ const targetDimensions = targetRef.getBoundingClientRect();
52
+ return /*#__PURE__*/_react.default.createElement(_Popup.default, {
68
53
  topPosition: targetDimensions.top + window.scrollY + targetDimensions.height,
69
54
  rightPosition: !isFloatMenu ? window.innerWidth - targetDimensions.x - targetDimensions.width - 4 : undefined,
70
55
  leftPosition: targetDimensions.left,
71
56
  align: dropdownAlign,
72
57
  customClassForDropdown: customClassForDropdown,
73
58
  isFloatMenu: isFloatMenu
74
- }, /*#__PURE__*/_react["default"].createElement("div", {
59
+ }, /*#__PURE__*/_react.default.createElement("div", {
75
60
  className: isFloatMenu ? 'items' : undefined,
76
- ref: function ref(r) {
61
+ ref: r => {
77
62
  popupRef.current = r;
78
63
  }
79
64
  }, children));
80
65
  };
81
- (0, _react.useEffect)(function () {
66
+ (0, _react.useEffect)(() => {
82
67
  if (dropdown && closeDropdownOnClickOutside) {
83
68
  document.addEventListener('click', onClickOutside);
84
69
  }
85
- return function () {
70
+ return () => {
86
71
  if (dropdown && closeDropdownOnClickOutside) {
87
72
  document.removeEventListener('click', onClickOutside);
88
73
  }
89
74
  };
90
75
  }, []);
91
- var contextValues = {
76
+ const contextValues = {
92
77
  handleDropdownClose: onDropdownClick
93
78
  };
94
- var newProps = {
95
- getDropdownPopup: function getDropdownPopup(targetRef) {
96
- return getDropdown(targetRef);
97
- },
98
- showDropdown: !showDropdown ? function () {
99
- return setOpened(!opened);
100
- } : showDropdown,
79
+ const newProps = {
80
+ getDropdownPopup: targetRef => getDropdown(targetRef),
81
+ showDropdown: !showDropdown ? () => setOpened(!opened) : showDropdown,
101
82
  isDropdownOpened: isDropdownOpened || opened
102
83
  };
103
- if (!dropdown) return /*#__PURE__*/_react["default"].createElement(WrappedComponent, props);
104
- return /*#__PURE__*/_react["default"].createElement(WithDropdownContext.Provider, {
84
+ if (!dropdown) return /*#__PURE__*/_react.default.createElement(WrappedComponent, props);
85
+ return /*#__PURE__*/_react.default.createElement(WithDropdownContext.Provider, {
105
86
  value: contextValues
106
- }, /*#__PURE__*/_react["default"].createElement(WrappedComponent, _extends({}, props, newProps)));
87
+ }, /*#__PURE__*/_react.default.createElement(WrappedComponent, _extends({}, props, newProps)));
107
88
  };
108
89
  EnhancedComponent.displayName = "withDropdown(".concat(getDisplayName(WrappedComponent), ")");
109
90
  return EnhancedComponent;
110
91
  };
111
- var _default = exports["default"] = withDropdown;
92
+ var _default = exports.default = withDropdown;
@@ -1,61 +1,56 @@
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 _gridlayout = _interopRequireDefault(require("../gridlayout"));
10
9
  var _permissionValidations = require("../permissionValidations");
11
10
  var _noPermission = _interopRequireDefault(require("../noPermission"));
12
11
  require("../assets/styles/fieldset.scss");
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 _getRequireWildcardCache(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 && 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; }
12
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
+ 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); }
14
+ 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; }
16
15
  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; }
17
16
  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; }
18
17
  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; }
19
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
20
- 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); }
21
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
22
- 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."); }
23
- 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); }
24
- 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; }
25
- 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; } }
26
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
27
- var Fieldset = function Fieldset(props) {
28
- var gridCols = props.gridCols,
29
- children = props.children,
30
- title = props.title,
31
- _props$titleAlign = props.titleAlign,
32
- titleAlign = _props$titleAlign === void 0 ? 'left' : _props$titleAlign,
33
- style = props.style,
34
- styleContent = props.styleContent,
35
- styleTitle = props.styleTitle,
36
- _props$template = props.template,
37
- template = _props$template === void 0 ? 'none' : _props$template,
38
- titleCustomClass = props.titleCustomClass,
39
- permissionAttr = props.permissionAttr;
40
- var hideContent = _permissionValidations.OPTIONS_ON_DENIED.hideContent,
41
- unvisible = _permissionValidations.OPTIONS_ON_DENIED.unvisible;
42
- var _useState = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)([hideContent, unvisible], permissionAttr)),
43
- _useState2 = _slicedToArray(_useState, 1),
44
- onDenied = _useState2[0];
45
- var getCssClass = function getCssClass(_ref) {
46
- var type = _ref.type,
47
- customClass = _ref.customClass,
48
- hasError = _ref.hasError;
49
- var cssClass = "fieldset-component ".concat(customClass);
18
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
19
+ 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); }
20
+ const Fieldset = props => {
21
+ const {
22
+ gridCols,
23
+ children,
24
+ title,
25
+ titleAlign = 'left',
26
+ style,
27
+ styleContent,
28
+ styleTitle,
29
+ template = 'none',
30
+ titleCustomClass,
31
+ permissionAttr
32
+ } = props;
33
+ const {
34
+ hideContent,
35
+ unvisible
36
+ } = _permissionValidations.OPTIONS_ON_DENIED;
37
+ const [onDenied] = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)([hideContent, unvisible], permissionAttr));
38
+ const getCssClass = _ref => {
39
+ let {
40
+ type,
41
+ customClass,
42
+ hasError
43
+ } = _ref;
44
+ let cssClass = "fieldset-component ".concat(customClass);
50
45
  if (type) cssClass = "".concat(cssClass, " -").concat(type);
51
46
  if (hasError) cssClass = "".concat(cssClass, " -witherror");
52
47
  return cssClass;
53
48
  };
54
- var getContentStyle = function getContentStyle(_ref2) {
55
- var _ref2$colsCount = _ref2.colsCount,
56
- colsCount = _ref2$colsCount === void 0 ? 2 : _ref2$colsCount,
57
- _ref2$rowsCount = _ref2.rowsCount,
58
- rowsCount = _ref2$rowsCount === void 0 ? 2 : _ref2$rowsCount;
49
+ const getContentStyle = _ref2 => {
50
+ let {
51
+ colsCount = 2,
52
+ rowsCount = 2
53
+ } = _ref2;
59
54
  if (template === 'rows') {
60
55
  return {
61
56
  gridTemplateRows: "repeat(".concat(rowsCount, ", 1fr)")
@@ -67,22 +62,20 @@ var Fieldset = function Fieldset(props) {
67
62
  }
68
63
  return {};
69
64
  };
70
- var renderContent = function renderContent() {
71
- return /*#__PURE__*/_react["default"].createElement("fieldset", {
72
- style: style,
73
- className: getCssClass(_objectSpread({}, props))
74
- }, onDenied.hideContent ? /*#__PURE__*/_react["default"].createElement(_noPermission["default"], null) : /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, title && /*#__PURE__*/_react["default"].createElement("legend", {
75
- style: styleTitle,
76
- align: titleAlign,
77
- className: "legend ".concat(titleCustomClass)
78
- }, title), /*#__PURE__*/_react["default"].createElement("div", {
79
- className: "contentfieldset -template".concat(template, " "),
80
- style: Object.assign(getContentStyle(props), styleContent)
81
- }, children)));
82
- };
65
+ const renderContent = () => /*#__PURE__*/_react.default.createElement("fieldset", {
66
+ style: style,
67
+ className: getCssClass(_objectSpread({}, props))
68
+ }, onDenied.hideContent ? /*#__PURE__*/_react.default.createElement(_noPermission.default, null) : /*#__PURE__*/_react.default.createElement(_react.Fragment, null, title && /*#__PURE__*/_react.default.createElement("legend", {
69
+ style: styleTitle,
70
+ align: titleAlign,
71
+ className: "legend ".concat(titleCustomClass)
72
+ }, title), /*#__PURE__*/_react.default.createElement("div", {
73
+ className: "contentfieldset -template".concat(template, " "),
74
+ style: Object.assign(getContentStyle(props), styleContent)
75
+ }, children)));
83
76
  if (onDenied.unvisible) return null;
84
- return gridCols ? /*#__PURE__*/_react["default"].createElement(_gridlayout["default"], {
77
+ return gridCols ? /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
85
78
  cols: gridCols
86
79
  }, renderContent()) : renderContent();
87
80
  };
88
- var _default = exports["default"] = Fieldset;
81
+ var _default = exports.default = Fieldset;
package/lib/form/Field.js CHANGED
@@ -1,131 +1,125 @@
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 _withFieldHOC = _interopRequireDefault(require("./withFieldHOC"));
11
10
  var _helpers = require("./helpers");
12
- var _excluded = ["handlerFieldChange", "handlerFieldValidade", "onChange", "onBlur", "name", "validators", "data", "fieldErrors", "handlerStoreValidators", "handlerRemoveValidators", "component", "externalFieldErrors", "originalData"];
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 _getRequireWildcardCache(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 && 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; }
11
+ const _excluded = ["handlerFieldChange", "handlerFieldValidade", "onChange", "onBlur", "name", "validators", "data", "fieldErrors", "handlerStoreValidators", "handlerRemoveValidators", "component", "externalFieldErrors", "originalData"];
12
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
+ 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); }
14
+ 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; }
16
15
  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); }
17
16
  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; }
18
17
  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; }
19
18
  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; }
20
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(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
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
23
- 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."); }
24
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
25
- 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; }
26
- 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; } }
27
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
19
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
20
+ 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); }
28
21
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
29
22
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
30
- var getEvents = function getEvents(_ref) {
31
- var _ref$validators = _ref.validators,
32
- validators = _ref$validators === void 0 ? [] : _ref$validators,
33
- name = _ref.name,
34
- _onBlur = _ref.onBlur,
35
- handlerFieldValidade = _ref.handlerFieldValidade,
36
- validatorFromComponent = _ref.validatorFromComponent,
37
- handlerFieldChange = _ref.handlerFieldChange,
38
- _onChange = _ref.onChange,
39
- handleShowValidateMessages = _ref.handleShowValidateMessages;
40
- if (!(validators || validatorFromComponent || _onBlur || _onChange)) return {};
41
- var validatorsArray = (0, _helpers.getValidatorsArray)(validators, validatorFromComponent);
23
+ const getEvents = _ref => {
24
+ let {
25
+ validators = [],
26
+ name,
27
+ onBlur,
28
+ handlerFieldValidade,
29
+ validatorFromComponent,
30
+ handlerFieldChange,
31
+ onChange,
32
+ handleShowValidateMessages
33
+ } = _ref;
34
+ if (!(validators || validatorFromComponent || onBlur || onChange)) return {};
35
+ const validatorsArray = (0, _helpers.getValidatorsArray)(validators, validatorFromComponent);
42
36
  return {
43
- onBlur: function onBlur(e) {
37
+ onBlur: e => {
44
38
  if (validatorsArray && e.target && handlerFieldValidade) {
45
39
  handlerFieldValidade(name, e.target.value, validatorsArray);
46
40
  handleShowValidateMessages(true);
47
41
  }
48
- if (_onBlur) _onBlur(e);
42
+ if (onBlur) onBlur(e);
49
43
  },
50
- onChange: function onChange(e) {
44
+ onChange: e => {
51
45
  if (validatorsArray && e.target && handlerFieldValidade) {
52
46
  handlerFieldValidade(name, e.target.value, validatorsArray);
53
47
  handleShowValidateMessages(true);
54
48
  }
55
49
  if (handlerFieldChange) handlerFieldChange(e);
56
- if (_onChange) _onChange(e);
50
+ if (onChange) onChange(e);
57
51
  }
58
52
  };
59
53
  };
60
- var getCustomProps = function getCustomProps(props, handlerSetComponentValidator) {
61
- var value = props.value,
62
- data = props.data,
63
- name = props.name,
64
- fieldId = props.fieldId,
65
- componentType = props.componentType,
66
- component = props.component;
54
+ const getCustomProps = (props, handlerSetComponentValidator) => {
55
+ const {
56
+ value,
57
+ data,
58
+ name,
59
+ fieldId,
60
+ componentType,
61
+ component
62
+ } = props;
67
63
  if (componentType && componentType.toLowerCase() === 'radio') {
68
64
  return {
69
- checked: _lodash["default"].get(data, name) === value,
65
+ checked: _lodash.default.get(data, name) === value,
70
66
  id: fieldId
71
67
  };
72
68
  } else if (componentType && componentType.toLowerCase() === 'checkbox') {
73
69
  return {
74
- checked: _lodash["default"].get(data, name),
70
+ checked: _lodash.default.get(data, name),
75
71
  id: fieldId
76
72
  };
77
73
  } else if (component.displayName === 'CpfField' || component.displayName === 'CnpjField') {
78
74
  return {
79
- value: _lodash["default"].get(data, name),
80
- handlerSetComponentValidator: handlerSetComponentValidator
75
+ value: _lodash.default.get(data, name),
76
+ handlerSetComponentValidator
81
77
  };
82
78
  }
83
79
  return {
84
- value: _lodash["default"].get(data, name)
80
+ value: _lodash.default.get(data, name)
85
81
  };
86
82
  };
87
- var Field = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
88
- var handlerFieldChange = props.handlerFieldChange,
89
- handlerFieldValidade = props.handlerFieldValidade,
90
- onChange = props.onChange,
91
- onBlur = props.onBlur,
92
- name = props.name,
93
- validators = props.validators,
94
- data = props.data,
95
- fieldErrors = props.fieldErrors,
96
- handlerStoreValidators = props.handlerStoreValidators,
97
- handlerRemoveValidators = props.handlerRemoveValidators,
98
- Component = props.component,
99
- externalFieldErrors = props.externalFieldErrors,
100
- originalData = props.originalData,
83
+ const Field = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
84
+ const {
85
+ handlerFieldChange,
86
+ handlerFieldValidade,
87
+ onChange,
88
+ onBlur,
89
+ name,
90
+ validators,
91
+ data,
92
+ fieldErrors,
93
+ handlerStoreValidators,
94
+ handlerRemoveValidators,
95
+ component: Component,
96
+ externalFieldErrors,
97
+ originalData
98
+ } = props,
101
99
  rest = _objectWithoutProperties(props, _excluded);
102
- var _useState = (0, _react.useState)(false),
103
- _useState2 = _slicedToArray(_useState, 2),
104
- showValidateMessages = _useState2[0],
105
- setShowValidateMessages = _useState2[1];
106
- var _useContext = (0, _react.useContext)(_helpers.withFieldContext),
107
- handlerSetValidatorFromComponent = _useContext.handlerSetValidatorFromComponent,
108
- validatorFromComponent = _useContext.validatorFromComponent;
109
- var currentValue = _lodash["default"].get(data, name);
110
- var originalValue = _lodash["default"].get(originalData, name);
111
- (0, _react.useEffect)(function () {
100
+ const [showValidateMessages, setShowValidateMessages] = (0, _react.useState)(false);
101
+ const {
102
+ handlerSetValidatorFromComponent,
103
+ validatorFromComponent
104
+ } = (0, _react.useContext)(_helpers.withFieldContext);
105
+ const currentValue = _lodash.default.get(data, name);
106
+ const originalValue = _lodash.default.get(originalData, name);
107
+ (0, _react.useEffect)(() => {
112
108
  if (currentValue && currentValue !== originalValue && (!!currentValue || currentValue === 0 || Array.isArray(currentValue) && currentValue.length > 0)) {
113
109
  setShowValidateMessages(true);
114
- } else if (_lodash["default"].isEmpty(data) || _lodash["default"].every(data, _lodash["default"].isEmpty) || currentValue === originalValue) {
110
+ } else if (_lodash.default.isEmpty(data) || _lodash.default.every(data, _lodash.default.isEmpty) || currentValue === originalValue) {
115
111
  setShowValidateMessages(false);
116
112
  }
117
113
  }, [currentValue, originalValue]);
118
- return /*#__PURE__*/_react["default"].createElement(Component, _extends({}, rest, getEvents({
119
- name: name,
120
- validators: validators,
121
- onBlur: onBlur,
122
- validatorFromComponent: validatorFromComponent,
123
- handlerFieldValidade: handlerFieldValidade,
124
- handlerFieldChange: handlerFieldChange,
125
- onChange: onChange,
126
- handleShowValidateMessages: function handleShowValidateMessages(value) {
127
- return setShowValidateMessages(value);
128
- }
114
+ return /*#__PURE__*/_react.default.createElement(Component, _extends({}, rest, getEvents({
115
+ name,
116
+ validators,
117
+ onBlur,
118
+ validatorFromComponent,
119
+ handlerFieldValidade,
120
+ handlerFieldChange,
121
+ onChange,
122
+ handleShowValidateMessages: value => setShowValidateMessages(value)
129
123
  }), getCustomProps(props, handlerSetValidatorFromComponent), {
130
124
  ref: ref,
131
125
  name: name,
@@ -135,4 +129,4 @@ var Field = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
135
129
  }));
136
130
  });
137
131
  Field.displayName = 'Field';
138
- var _default = exports["default"] = (0, _withFieldHOC["default"])(Field);
132
+ var _default = exports.default = (0, _withFieldHOC.default)(Field);