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 _moment = _interopRequireDefault(require("moment"));
10
9
  var _BaseMask = _interopRequireDefault(require("../mask/BaseMask"));
@@ -16,97 +15,67 @@ var _buttons = _interopRequireDefault(require("../../buttons"));
16
15
  var _icons = _interopRequireDefault(require("../../icons"));
17
16
  var _Dialog = _interopRequireDefault(require("./Dialog"));
18
17
  var _helpers = require("./helpers");
19
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
20
- 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); }
21
- 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; }
18
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
+ 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); }
20
+ 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; }
22
21
  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); }
23
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
24
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
25
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
26
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
27
- function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
28
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
29
- var CALENDAR_BUTTON_WIDTH = 24;
30
- var CALENDAR_MIN_WIDTH = 250;
31
- var DatePicker = function DatePicker(props) {
22
+ const CALENDAR_BUTTON_WIDTH = 24;
23
+ const CALENDAR_MIN_WIDTH = 250;
24
+ const DatePicker = props => {
32
25
  var _window;
33
- var _props$showButtonOpen = props.showButtonOpen,
34
- showButtonOpen = _props$showButtonOpen === void 0 ? true : _props$showButtonOpen,
35
- _props$openOnFocus = props.openOnFocus,
36
- openOnFocus = _props$openOnFocus === void 0 ? true : _props$openOnFocus,
37
- _props$shouldCloseOnS = props.shouldCloseOnSelect,
38
- shouldCloseOnSelect = _props$shouldCloseOnS === void 0 ? true : _props$shouldCloseOnS,
39
- _props$setFocusOnSele = props.setFocusOnSelect,
40
- setFocusOnSelect = _props$setFocusOnSele === void 0 ? true : _props$setFocusOnSele,
41
- _props$showCalendarIn = props.showCalendarInDialog,
42
- showCalendarInDialog = _props$showCalendarIn === void 0 ? false : _props$showCalendarIn,
43
- _props$required = props.required,
44
- required = _props$required === void 0 ? false : _props$required,
45
- _props$value = props.value,
46
- value = _props$value === void 0 ? '' : _props$value,
47
- _props$name = props.name,
48
- name = _props$name === void 0 ? '' : _props$name,
49
- _props$dialogSize = props.dialogSize,
50
- dialogSize = _props$dialogSize === void 0 ? {
26
+ const {
27
+ showButtonOpen = true,
28
+ openOnFocus = true,
29
+ shouldCloseOnSelect = true,
30
+ setFocusOnSelect = true,
31
+ showCalendarInDialog = false,
32
+ required = false,
33
+ value = '',
34
+ name = '',
35
+ dialogSize = {
51
36
  width: '350px',
52
37
  height: '350px'
53
- } : _props$dialogSize;
54
- var _useState = (0, _react.useState)(value ? (0, _helpers.getMomentValue)(value) : undefined),
55
- _useState2 = _slicedToArray(_useState, 2),
56
- valueState = _useState2[0],
57
- setValueState = _useState2[1];
58
- var _useState3 = (0, _react.useState)(value),
59
- _useState4 = _slicedToArray(_useState3, 2),
60
- valueFromProps = _useState4[0],
61
- setValueFromProps = _useState4[1];
62
- var _useState5 = (0, _react.useState)(false),
63
- _useState6 = _slicedToArray(_useState5, 2),
64
- showCalendar = _useState6[0],
65
- setShowCalendar = _useState6[1];
66
- var _useState7 = (0, _react.useState)(),
67
- _useState8 = _slicedToArray(_useState7, 2),
68
- inputDimensions = _useState8[0],
69
- setInputDimensions = _useState8[1];
70
- var _useState9 = (0, _react.useState)(),
71
- _useState10 = _slicedToArray(_useState9, 2),
72
- formatedLeftPosition = _useState10[0],
73
- setFormatedLeftPosition = _useState10[1];
74
- var _useState11 = (0, _react.useState)({
75
- disabled: false,
76
- readOnly: false,
77
- unvisible: false,
78
- hideContent: false
79
- }),
80
- _useState12 = _slicedToArray(_useState11, 2),
81
- onDenied = _useState12[0],
82
- setOnDenied = _useState12[1];
83
- var _inputRef = (0, _react.useRef)();
84
- var buttonOpenRef = (0, _react.useRef)();
85
- var dropdownContainer = (0, _react.useRef)();
86
- var _useState13 = (0, _react.useState)(false),
87
- _useState14 = _slicedToArray(_useState13, 2),
88
- insideDropdown = _useState14[0],
89
- setInsideDropdown = _useState14[1];
90
- var onScreenResize = function onScreenResize() {
38
+ }
39
+ } = props;
40
+ const [valueState, setValueState] = (0, _react.useState)(value ? (0, _helpers.getMomentValue)(value) : undefined);
41
+ const [valueFromProps, setValueFromProps] = (0, _react.useState)(value);
42
+ const [showCalendar, setShowCalendar] = (0, _react.useState)(false);
43
+ const [inputDimensions, setInputDimensions] = (0, _react.useState)();
44
+ const [formatedLeftPosition, setFormatedLeftPosition] = (0, _react.useState)();
45
+ const [onDenied, setOnDenied] = (0, _react.useState)({
46
+ disabled: false,
47
+ readOnly: false,
48
+ unvisible: false,
49
+ hideContent: false
50
+ });
51
+ const inputRef = (0, _react.useRef)();
52
+ const buttonOpenRef = (0, _react.useRef)();
53
+ const dropdownContainer = (0, _react.useRef)();
54
+ const [insideDropdown, setInsideDropdown] = (0, _react.useState)(false);
55
+ const onScreenResize = () => {
91
56
  var _inputRef$current;
92
- setInputDimensions(_inputRef === null || _inputRef === void 0 ? void 0 : (_inputRef$current = _inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.getBoundingClientRect());
57
+ setInputDimensions(inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.getBoundingClientRect());
93
58
  };
94
- var onClickOutside = function onClickOutside(event) {
59
+ const onClickOutside = event => {
95
60
  var _buttonOpenRef$curren;
96
- var target = event.target;
97
- if (!dropdownContainer || target === _inputRef.current || target === buttonOpenRef.current) return;
61
+ const {
62
+ target
63
+ } = event;
64
+ if (!dropdownContainer || target === inputRef.current || target === buttonOpenRef.current) return;
98
65
  if (target !== dropdownContainer.current && dropdownContainer && dropdownContainer.current && !dropdownContainer.current.contains(target) && buttonOpenRef && !(buttonOpenRef !== null && buttonOpenRef !== void 0 && (_buttonOpenRef$curren = buttonOpenRef.current) !== null && _buttonOpenRef$curren !== void 0 && _buttonOpenRef$curren.contains(target))) {
99
66
  setShowCalendar(false);
100
67
  }
101
68
  };
102
- var openCalendar = function openCalendar() {
69
+ const openCalendar = () => {
103
70
  setShowCalendar(true);
104
- if (_inputRef.current) {
105
- setInputDimensions(_inputRef.current.getBoundingClientRect());
71
+ if (inputRef.current) {
72
+ setInputDimensions(inputRef.current.getBoundingClientRect());
106
73
  }
107
74
  };
108
- var onMouseMove = function onMouseMove(event) {
109
- var target = event.target;
75
+ const onMouseMove = event => {
76
+ const {
77
+ target
78
+ } = event;
110
79
  setInsideDropdown(false);
111
80
  if (dropdownContainer !== undefined && dropdownContainer.current) {
112
81
  if (target === dropdownContainer.current || dropdownContainer.current.contains(target)) {
@@ -114,25 +83,25 @@ var DatePicker = function DatePicker(props) {
114
83
  }
115
84
  }
116
85
  };
117
- var onInputFocus = function onInputFocus(e) {
86
+ const onInputFocus = e => {
118
87
  if (props.onFocus) props.onFocus(e);
119
88
  if (openOnFocus) openCalendar();
120
89
  };
121
- var onInputBlur = function onInputBlur(e) {
90
+ const onInputBlur = e => {
122
91
  if (props.onBlur) props.onBlur(e);
123
92
  if (!insideDropdown) setShowCalendar(false);
124
93
  };
125
- var onInputKeyDown = function onInputKeyDown(event) {
94
+ const onInputKeyDown = event => {
126
95
  if (Number(event.code) === contants.keyCodes.TAB) {
127
96
  setInsideDropdown(false);
128
97
  setShowCalendar(false);
129
98
  }
130
99
  };
131
- var onInputChange = function onInputChange(event, valueInput) {
100
+ const onInputChange = (event, valueInput) => {
132
101
  if (props.onChange && event) {
133
- if ((0, _moment["default"])(valueInput, _helpers.PT_BR_FORMAT, true).isValid()) {
134
- var newValue = (0, _moment["default"])(valueInput, _helpers.PT_BR_FORMAT).format(_helpers.EN_US_FORMAT);
135
- var obj = {
102
+ if ((0, _moment.default)(valueInput, _helpers.PT_BR_FORMAT, true).isValid()) {
103
+ const newValue = (0, _moment.default)(valueInput, _helpers.PT_BR_FORMAT).format(_helpers.EN_US_FORMAT);
104
+ const obj = {
136
105
  target: {
137
106
  value: newValue,
138
107
  name: event.target.name
@@ -140,95 +109,91 @@ var DatePicker = function DatePicker(props) {
140
109
  };
141
110
  props.onChange(obj, valueInput);
142
111
  } else if (event.target.value === '') {
143
- var _obj = {
112
+ const obj = {
144
113
  target: {
145
114
  value: '',
146
115
  name: event.target.name
147
116
  }
148
117
  };
149
- props.onChange(_obj, valueInput);
118
+ props.onChange(obj, valueInput);
150
119
  setShowCalendar(false);
151
120
  setValueState(undefined);
152
121
  }
153
122
  }
154
123
  };
155
- var setValue = function setValue(valueParam, e) {
124
+ const setValue = (valueParam, e) => {
156
125
  var _inputRef$current2;
157
- if (showCalendar && setFocusOnSelect) (_inputRef$current2 = _inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.focus();
126
+ if (showCalendar && setFocusOnSelect) (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.focus();
158
127
  if (props.onComplete) props.onComplete(e, valueParam);
159
128
  if (props.onChange) onInputChange({
160
129
  target: {
161
130
  value: valueParam,
162
- name: name
131
+ name
163
132
  }
164
133
  }, valueParam);
165
134
  if (shouldCloseOnSelect) setShowCalendar(false);
166
- setValueState((0, _moment["default"])(valueParam, _helpers.PT_BR_FORMAT));
135
+ setValueState((0, _moment.default)(valueParam, _helpers.PT_BR_FORMAT));
167
136
  };
168
- var shouldDisable = function shouldDisable() {
169
- return props.disabled || onDenied && (onDenied.disabled || onDenied.hideContent);
170
- };
171
- var getButtonOpen = function getButtonOpen() {
137
+ const shouldDisable = () => props.disabled || onDenied && (onDenied.disabled || onDenied.hideContent);
138
+ const getButtonOpen = () => {
172
139
  if (!showButtonOpen) return undefined;
173
- return /*#__PURE__*/_react["default"].createElement(_buttons["default"], {
140
+ return /*#__PURE__*/_react.default.createElement(_buttons.default, {
174
141
  key: "button-",
175
142
  boxShadow: false,
176
- icon: /*#__PURE__*/_react["default"].createElement(_icons["default"], {
143
+ icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
177
144
  name: "calendar",
178
145
  size: 16
179
146
  }),
180
- onClick: function onClick() {
147
+ onClick: () => {
181
148
  openCalendar();
182
149
  },
183
150
  customClass: "calendar-button",
184
151
  tabIndex: -1,
185
- targetRef: function targetRef(ref) {
152
+ targetRef: ref => {
186
153
  buttonOpenRef.current = ref;
187
154
  },
188
155
  disabled: shouldDisable()
189
156
  });
190
157
  };
191
- var getCalendar = function getCalendar(valueCalendar, calendarColorStyle) {
192
- return /*#__PURE__*/_react["default"].createElement(_calendar["default"], {
193
- currentDate: valueCalendar !== undefined ? valueCalendar : (0, _moment["default"])(),
194
- onDateChange: function onDateChange(date) {
195
- setValue(date.format(_helpers.PT_BR_FORMAT), undefined);
196
- },
197
- colorStyle: calendarColorStyle
198
- });
199
- };
200
- var getWrapperComponent = function getWrapperComponent() {
158
+ const getCalendar = (valueCalendar, calendarColorStyle) => /*#__PURE__*/_react.default.createElement(_calendar.default, {
159
+ currentDate: valueCalendar !== undefined ? valueCalendar : (0, _moment.default)(),
160
+ onDateChange: date => {
161
+ setValue(date.format(_helpers.PT_BR_FORMAT), undefined);
162
+ },
163
+ colorStyle: calendarColorStyle
164
+ });
165
+ const getWrapperComponent = () => {
201
166
  if (onDenied && onDenied.readOnly) return null;
202
167
  if (showCalendarInDialog) {
203
- return /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
168
+ return /*#__PURE__*/_react.default.createElement(_Dialog.default, {
204
169
  dialogSize: dialogSize,
205
170
  handlerClose: setShowCalendar
206
171
  }, getCalendar(valueState, props === null || props === void 0 ? void 0 : props.calendarColorStyle));
207
172
  }
208
- return /*#__PURE__*/_react["default"].createElement(_Dropdown["default"], {
173
+ return /*#__PURE__*/_react.default.createElement(_Dropdown.default, {
209
174
  topPosition: inputDimensions ? inputDimensions.top + inputDimensions.height + 5 : '',
210
175
  leftPosition: inputDimensions ? formatedLeftPosition : '',
211
176
  minWidth: CALENDAR_MIN_WIDTH,
212
177
  width: inputDimensions ? inputDimensions.width + (showButtonOpen ? CALENDAR_BUTTON_WIDTH : 0) : '',
213
- dropdownRef: function dropdownRef(el) {
178
+ dropdownRef: el => {
214
179
  dropdownContainer.current = el;
215
180
  }
216
181
  }, getCalendar(valueState, props === null || props === void 0 ? void 0 : props.calendarColorStyle));
217
182
  };
218
- (0, _react.useEffect)(function () {
219
- var screenWidth = window.innerWidth;
183
+ (0, _react.useEffect)(() => {
184
+ const screenWidth = window.innerWidth;
220
185
  if (inputDimensions && screenWidth < inputDimensions.left + CALENDAR_MIN_WIDTH) {
221
186
  setFormatedLeftPosition(inputDimensions.left - (CALENDAR_MIN_WIDTH - inputDimensions.width - CALENDAR_BUTTON_WIDTH));
222
187
  } else {
223
188
  setFormatedLeftPosition(inputDimensions === null || inputDimensions === void 0 ? void 0 : inputDimensions.left);
224
189
  }
225
190
  }, [(_window = window) === null || _window === void 0 ? void 0 : _window.innerWidth, inputDimensions]);
226
- (0, _react.useEffect)(function () {
191
+ (0, _react.useEffect)(() => {
227
192
  window.addEventListener('resize', onScreenResize);
228
193
  document.addEventListener('click', onClickOutside);
229
194
  document.addEventListener('mousemove', onMouseMove);
230
- if (_inputRef.current) onScreenResize();
231
- return function () {
195
+ if (inputRef.current) onScreenResize();
196
+ return () => {
232
197
  window.removeEventListener('resize', onScreenResize);
233
198
  document.removeEventListener('click', onClickOutside);
234
199
  document.removeEventListener('mousemove', onMouseMove);
@@ -236,10 +201,10 @@ var DatePicker = function DatePicker(props) {
236
201
 
237
202
  // TODO: Procurar solução melhor.
238
203
  // setTimeout(() => { this.onScreenResize(); }, 300);
239
- }, [_inputRef.current]);
240
- (0, _react.useEffect)(function () {
241
- if (value && (0, _moment["default"])(value, _helpers.EN_US_FORMAT).format() !== 'Invalid date' && (0, _moment["default"])(valueFromProps, _helpers.EN_US_FORMAT).format() !== (0, _moment["default"])(value, _helpers.EN_US_FORMAT).format()) {
242
- setValueState((0, _moment["default"])(value, _helpers.EN_US_FORMAT));
204
+ }, [inputRef.current]);
205
+ (0, _react.useEffect)(() => {
206
+ if (value && (0, _moment.default)(value, _helpers.EN_US_FORMAT).format() !== 'Invalid date' && (0, _moment.default)(valueFromProps, _helpers.EN_US_FORMAT).format() !== (0, _moment.default)(value, _helpers.EN_US_FORMAT).format()) {
207
+ setValueState((0, _moment.default)(value, _helpers.EN_US_FORMAT));
243
208
  setValueFromProps(value);
244
209
  } else if (!value && value !== valueFromProps) {
245
210
  setValueState(undefined);
@@ -247,33 +212,31 @@ var DatePicker = function DatePicker(props) {
247
212
  }
248
213
  }, [value]);
249
214
  if (onDenied && onDenied.unvisible) return null;
250
- return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_BaseMask["default"], _extends({}, props, {
215
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_BaseMask.default, _extends({}, props, {
251
216
  value: !valueState ? ' ' : valueState.format(_helpers.PT_BR_FORMAT),
252
217
  isDateField: true,
253
218
  mask: "00/00/0000",
254
- onComplete: function onComplete(e, date) {
219
+ onComplete: (e, date) => {
255
220
  if (date) {
256
221
  setValue(date, e);
257
222
  }
258
223
  },
259
- onBlur: function onBlur(e) {
224
+ onBlur: e => {
260
225
  onInputBlur(e);
261
226
  },
262
- onFocus: function onFocus(e) {
227
+ onFocus: e => {
263
228
  onInputFocus(e);
264
229
  },
265
230
  onKeyDown: onInputKeyDown,
266
- onChange: function onChange(e, date) {
231
+ onChange: (e, date) => {
267
232
  if (date) onInputChange(e, date);
268
233
  },
269
- inputRef: function inputRef(el) {
270
- _inputRef.current = el;
234
+ inputRef: el => {
235
+ inputRef.current = el;
271
236
  },
272
237
  rightElements: getButtonOpen(),
273
238
  required: required,
274
- handlerSetOnDenied: function handlerSetOnDenied() {
275
- return setOnDenied(onDenied);
276
- }
239
+ handlerSetOnDenied: () => setOnDenied(onDenied)
277
240
  })), showCalendar && getWrapperComponent());
278
241
  };
279
- var _default = exports["default"] = DatePicker;
242
+ var _default = exports.default = DatePicker;
@@ -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 _lodash = _interopRequireDefault(require("lodash"));
10
9
  var _InputTextBase = _interopRequireDefault(require("../base/InputTextBase"));
@@ -14,80 +13,59 @@ var _buttons = _interopRequireDefault(require("../../buttons"));
14
13
  var _icons = _interopRequireDefault(require("../../icons"));
15
14
  var _popover = _interopRequireWildcard(require("../../popover"));
16
15
  var helperBase = _interopRequireWildcard(require("../base/helpers"));
17
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
18
- 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); }
19
- 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; }
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 (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 && {}.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; }
20
19
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
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 DefaultFile = function DefaultFile(props) {
28
- var _props$id = props.id,
29
- id = _props$id === void 0 ? 'file' : _props$id,
30
- _props$accept = props.accept,
31
- accept = _props$accept === void 0 ? 'image/*' : _props$accept,
32
- _onBtnClickInsert = props.onBtnClickInsert,
33
- onBtnClickRemove = props.onBtnClickRemove,
34
- inputRef = props.inputRef,
35
- defaultFiles = props.defaultFiles,
36
- _props$hint = props.hint,
37
- hint = _props$hint === void 0 ? [] : _props$hint,
38
- _props$errorMessages = props.errorMessages,
39
- errorMessages = _props$errorMessages === void 0 ? [] : _props$errorMessages,
40
- onChange = props.onChange;
41
- var getFilesList = function getFilesList(files) {
42
- return !(files !== null && files !== void 0 && files.length) ? [] : _lodash["default"].map(files, function (file) {
43
- return file;
44
- });
45
- };
46
- var _useState = (0, _react.useState)(defaultFiles),
47
- _useState2 = _slicedToArray(_useState, 2),
48
- fileList = _useState2[0],
49
- setFileList = _useState2[1];
50
- var ifExistFiles = fileList instanceof Array && fileList.length > 0;
51
- var popUpDescription = function popUpDescription() {
52
- return /*#__PURE__*/_react["default"].createElement("div", {
53
- className: "size-position-icon ".concat(!ifExistFiles ? '-disabled-popover' : '')
54
- }, /*#__PURE__*/_react["default"].createElement(_popover["default"], {
55
- iconSize: 16
56
- }, /*#__PURE__*/_react["default"].createElement(_popover.PopoverText, null, /*#__PURE__*/_react["default"].createElement("strong", null, "Arquivos"), /*#__PURE__*/_react["default"].createElement("br", null), ifExistFiles && fileList.map(function (file) {
57
- return /*#__PURE__*/_react["default"].createElement("div", {
58
- className: "list-simple-file",
59
- key: "".concat(file.name).concat(file.size)
60
- }, /*#__PURE__*/_react["default"].createElement("div", {
61
- className: "file-name"
62
- }, /*#__PURE__*/_react["default"].createElement("span", null, file.name)));
63
- }))));
64
- };
65
- var buttonRemoveFile = function buttonRemoveFile() {
66
- return /*#__PURE__*/_react["default"].createElement(_buttons["default"], {
67
- disabled: !ifExistFiles,
68
- className: "-pointerEventsRemove",
69
- transparent: true,
70
- boxShadow: false,
71
- onClick: function onClick() {
72
- onBtnClickRemove();
73
- setFileList([]);
74
- },
75
- icon: /*#__PURE__*/_react["default"].createElement(_icons["default"], {
76
- customClass: "colorIconUpload",
77
- name: "close"
78
- })
79
- });
80
- };
81
- var handleChange = function handleChange(e) {
20
+ const DefaultFile = props => {
21
+ const {
22
+ id = 'file',
23
+ accept = 'image/*',
24
+ onBtnClickInsert,
25
+ onBtnClickRemove,
26
+ inputRef,
27
+ defaultFiles,
28
+ hint = [],
29
+ errorMessages = [],
30
+ onChange
31
+ } = props;
32
+ const getFilesList = files => !(files !== null && files !== void 0 && files.length) ? [] : _lodash.default.map(files, file => file);
33
+ const [fileList, setFileList] = (0, _react.useState)(defaultFiles);
34
+ const ifExistFiles = fileList instanceof Array && fileList.length > 0;
35
+ const popUpDescription = () => /*#__PURE__*/_react.default.createElement("div", {
36
+ className: "size-position-icon ".concat(!ifExistFiles ? '-disabled-popover' : '')
37
+ }, /*#__PURE__*/_react.default.createElement(_popover.default, {
38
+ iconSize: 16
39
+ }, /*#__PURE__*/_react.default.createElement(_popover.PopoverText, null, /*#__PURE__*/_react.default.createElement("strong", null, "Arquivos"), /*#__PURE__*/_react.default.createElement("br", null), ifExistFiles && fileList.map(file => /*#__PURE__*/_react.default.createElement("div", {
40
+ className: "list-simple-file",
41
+ key: "".concat(file.name).concat(file.size)
42
+ }, /*#__PURE__*/_react.default.createElement("div", {
43
+ className: "file-name"
44
+ }, /*#__PURE__*/_react.default.createElement("span", null, file.name)))))));
45
+ const buttonRemoveFile = () => /*#__PURE__*/_react.default.createElement(_buttons.default, {
46
+ disabled: !ifExistFiles,
47
+ className: "-pointerEventsRemove",
48
+ transparent: true,
49
+ boxShadow: false,
50
+ onClick: () => {
51
+ onBtnClickRemove();
52
+ setFileList([]);
53
+ },
54
+ icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
55
+ customClass: "colorIconUpload",
56
+ name: "close"
57
+ })
58
+ });
59
+ const handleChange = e => {
82
60
  var _e$preventDefault;
83
61
  (_e$preventDefault = e.preventDefault) === null || _e$preventDefault === void 0 ? void 0 : _e$preventDefault.call(e);
84
- var files = getFilesList(e.target.files);
62
+ const files = getFilesList(e.target.files);
85
63
  setFileList(files);
86
64
  onChange === null || onChange === void 0 ? void 0 : onChange(files, e);
87
65
  };
88
- return /*#__PURE__*/_react["default"].createElement("div", {
66
+ return /*#__PURE__*/_react.default.createElement("div", {
89
67
  className: "input-simple-file-container"
90
- }, /*#__PURE__*/_react["default"].createElement(_InputTextBase["default"], _extends({}, props, {
68
+ }, /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({}, props, {
91
69
  hint: hint,
92
70
  readOnlyClass: "-disabledVisualApply",
93
71
  customClassForInputContent: "-absolute -pointEventDisabled -disabledVisualApply",
@@ -96,12 +74,10 @@ var DefaultFile = function DefaultFile(props) {
96
74
  accept: accept,
97
75
  inputRef: inputRef,
98
76
  onChange: handleChange,
99
- rightElements: /*#__PURE__*/_react["default"].createElement(_FileButtonSettings["default"], {
77
+ rightElements: /*#__PURE__*/_react.default.createElement(_FileButtonSettings.default, {
100
78
  id: id,
101
- onBtnClickInsert: function onBtnClickInsert() {
102
- return _onBtnClickInsert();
103
- }
79
+ onBtnClickInsert: () => onBtnClickInsert()
104
80
  })
105
81
  }), popUpDescription(), buttonRemoveFile()), errorMessages && helperBase.getErrorMessages(errorMessages));
106
82
  };
107
- var _default = exports["default"] = DefaultFile;
83
+ var _default = exports.default = DefaultFile;