linear-react-components-ui 1.0.2 → 1.0.3-beta.2

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 (268) hide show
  1. package/lib/@types/Align.d.ts +1 -1
  2. package/lib/@types/ButtonTypes.d.ts +1 -1
  3. package/lib/@types/ColorStyles.d.ts +1 -1
  4. package/lib/@types/DataCombo.d.ts +1 -1
  5. package/lib/@types/Icon.d.ts +1 -1
  6. package/lib/@types/LabelStyles.d.ts +1 -1
  7. package/lib/@types/Period.d.ts +1 -1
  8. package/lib/@types/PermissionAttr.d.ts +2 -2
  9. package/lib/@types/PointerEvents.d.ts +1 -1
  10. package/lib/@types/Position.d.ts +1 -1
  11. package/lib/@types/PositionAlert.d.ts +1 -1
  12. package/lib/@types/Size.d.ts +1 -1
  13. package/lib/@types/SizePixels.d.ts +1 -1
  14. package/lib/alerts/AlertContainer.js +21 -5
  15. package/lib/alerts/AlertProvider.js +45 -15
  16. package/lib/alerts/BaseAlert.js +20 -4
  17. package/lib/alerts/Message.js +32 -21
  18. package/lib/alerts/helpers.js +2 -0
  19. package/lib/alerts/index.d.ts +1 -4
  20. package/lib/alerts/index.js +4 -0
  21. package/lib/alerts/types.d.ts +4 -4
  22. package/lib/alerts/withAlert.js +12 -1
  23. package/lib/avatar/index.js +35 -20
  24. package/lib/badge/index.js +14 -9
  25. package/lib/buttons/ActivateButton.js +6 -0
  26. package/lib/buttons/AddButton.js +7 -0
  27. package/lib/buttons/Button.js +15 -2
  28. package/lib/buttons/ButtonGroups.js +4 -0
  29. package/lib/buttons/CancelButton.js +11 -1
  30. package/lib/buttons/DangerButton.js +11 -1
  31. package/lib/buttons/DefaultButton.js +81 -45
  32. package/lib/buttons/DestroyButton.js +12 -1
  33. package/lib/buttons/EditButton.js +6 -0
  34. package/lib/buttons/InactivateButton.js +6 -0
  35. package/lib/buttons/InfoButton.js +11 -1
  36. package/lib/buttons/PrimaryButton.js +11 -1
  37. package/lib/buttons/RestoreButton.js +6 -0
  38. package/lib/buttons/SaveButton.js +11 -1
  39. package/lib/buttons/SuccessButton.js +11 -1
  40. package/lib/buttons/WarningButton.js +11 -1
  41. package/lib/buttons/button_container/index.js +11 -5
  42. package/lib/buttons/index.d.ts +1 -4
  43. package/lib/buttons/index.js +18 -0
  44. package/lib/buttons/split_button/index.js +17 -11
  45. package/lib/calendar/DangerCalendar.js +11 -1
  46. package/lib/calendar/InfoCalendar.js +11 -1
  47. package/lib/calendar/PrimaryCalendar.js +11 -1
  48. package/lib/calendar/SuccessCalendar.js +11 -1
  49. package/lib/calendar/WarningCalendar.js +11 -1
  50. package/lib/calendar/base/Day.js +13 -2
  51. package/lib/calendar/base/Month.js +18 -1
  52. package/lib/calendar/base/Week.js +18 -2
  53. package/lib/calendar/base/helpers.js +24 -8
  54. package/lib/calendar/base/index.js +37 -13
  55. package/lib/calendar/index.d.ts +1 -4
  56. package/lib/calendar/index.js +8 -0
  57. package/lib/checkbox/Label.js +7 -1
  58. package/lib/checkbox/index.js +53 -28
  59. package/lib/checkbox/types.d.ts +2 -2
  60. package/lib/dialog/Alert.js +8 -0
  61. package/lib/dialog/Custom.js +17 -5
  62. package/lib/dialog/Error.js +8 -0
  63. package/lib/dialog/Information.js +8 -0
  64. package/lib/dialog/Question.js +15 -4
  65. package/lib/dialog/Warning.js +8 -0
  66. package/lib/dialog/base/Content.js +6 -1
  67. package/lib/dialog/base/Footer.js +4 -0
  68. package/lib/dialog/base/Header.js +13 -5
  69. package/lib/dialog/base/index.js +28 -7
  70. package/lib/dialog/base/style.js +2 -0
  71. package/lib/dialog/form/index.js +29 -9
  72. package/lib/dialog/index.d.ts +1 -4
  73. package/lib/dialog/index.js +9 -0
  74. package/lib/drawer/Content.js +13 -2
  75. package/lib/drawer/Drawer.js +58 -22
  76. package/lib/drawer/Header.js +27 -10
  77. package/lib/drawer/helpers.js +4 -0
  78. package/lib/drawer/index.js +8 -0
  79. package/lib/dropdown/Popup.js +32 -19
  80. package/lib/dropdown/helper.js +4 -0
  81. package/lib/dropdown/withDropdown.js +47 -18
  82. package/lib/fieldset/index.js +46 -21
  83. package/lib/form/Field.js +42 -16
  84. package/lib/form/FieldArray.js +32 -15
  85. package/lib/form/FieldNumber.js +20 -6
  86. package/lib/form/FieldPeriod.js +21 -9
  87. package/lib/form/helpers.js +30 -5
  88. package/lib/form/index.js +91 -36
  89. package/lib/form/types.d.ts +6 -6
  90. package/lib/form/withFieldHOC.js +34 -15
  91. package/lib/form/withFormSecurity.js +28 -5
  92. package/lib/gridlayout/GridCol.js +11 -5
  93. package/lib/gridlayout/GridRow.js +9 -3
  94. package/lib/gridlayout/index.d.ts +1 -4
  95. package/lib/gridlayout/index.js +4 -0
  96. package/lib/icons/index.js +26 -16
  97. package/lib/icons/types.d.ts +1 -1
  98. package/lib/index.d.ts +1 -1
  99. package/lib/index.js +10 -0
  100. package/lib/inputs/base/InputTextBase.js +73 -49
  101. package/lib/inputs/base/helpers.js +19 -6
  102. package/lib/inputs/color/index.js +38 -11
  103. package/lib/inputs/date/Dialog.js +7 -2
  104. package/lib/inputs/date/Dropdown.js +8 -1
  105. package/lib/inputs/date/helpers.js +11 -2
  106. package/lib/inputs/date/index.js +101 -48
  107. package/lib/inputs/file/DefaultFile.js +42 -13
  108. package/lib/inputs/file/DragDropFile.js +90 -37
  109. package/lib/inputs/file/File.js +25 -4
  110. package/lib/inputs/file/FileButtonSettings.js +11 -5
  111. package/lib/inputs/file/helpers.js +5 -0
  112. package/lib/inputs/file/index.d.ts +1 -4
  113. package/lib/inputs/file/index.js +6 -0
  114. package/lib/inputs/file/types.d.ts +1 -1
  115. package/lib/inputs/inputHOC.js +34 -10
  116. package/lib/inputs/mask/BaseMask.js +17 -1
  117. package/lib/inputs/mask/Cnpj.js +37 -12
  118. package/lib/inputs/mask/Cpf.js +33 -10
  119. package/lib/inputs/mask/Phone.js +6 -0
  120. package/lib/inputs/mask/ZipCode.js +6 -0
  121. package/lib/inputs/mask/helpers.js +20 -8
  122. package/lib/inputs/mask/imaskHOC.js +83 -52
  123. package/lib/inputs/mask/index.d.ts +1 -4
  124. package/lib/inputs/mask/index.js +7 -0
  125. package/lib/inputs/multiSelect/ActionButtons.js +13 -4
  126. package/lib/inputs/multiSelect/Dropdown.js +46 -23
  127. package/lib/inputs/multiSelect/helper.d.ts +1 -1
  128. package/lib/inputs/multiSelect/helper.js +5 -3
  129. package/lib/inputs/multiSelect/index.js +105 -41
  130. package/lib/inputs/multiSelect/types.d.ts +2 -2
  131. package/lib/inputs/number/BaseNumber.js +16 -3
  132. package/lib/inputs/number/Currency.js +7 -1
  133. package/lib/inputs/number/Decimal.js +5 -0
  134. package/lib/inputs/number/format_number.js +7 -0
  135. package/lib/inputs/number/index.js +13 -3
  136. package/lib/inputs/period/Dialog.js +7 -2
  137. package/lib/inputs/period/Dropdown.js +7 -0
  138. package/lib/inputs/period/PeriodList.js +7 -1
  139. package/lib/inputs/period/helper.js +12 -2
  140. package/lib/inputs/period/index.js +114 -43
  141. package/lib/inputs/period/types.d.ts +1 -1
  142. package/lib/inputs/search/index.js +63 -18
  143. package/lib/inputs/select/ActionButtons.js +12 -4
  144. package/lib/inputs/select/Dropdown.js +49 -29
  145. package/lib/inputs/select/helper.d.ts +1 -1
  146. package/lib/inputs/select/helper.js +27 -11
  147. package/lib/inputs/select/index.js +22 -7
  148. package/lib/inputs/select/multiple/Selecteds.js +8 -4
  149. package/lib/inputs/select/multiple/index.js +100 -39
  150. package/lib/inputs/select/simple/index.js +123 -59
  151. package/lib/inputs/select/types.d.ts +4 -4
  152. package/lib/inputs/text/index.js +5 -1
  153. package/lib/inputs/text/types.d.ts +1 -1
  154. package/lib/inputs/textarea/index.js +10 -4
  155. package/lib/inputs/types.d.ts +1 -1
  156. package/lib/internals/withTooltip.js +70 -25
  157. package/lib/labelMessages/index.js +45 -25
  158. package/lib/labels/DangerLabel.js +11 -1
  159. package/lib/labels/DefaultLabel.js +41 -19
  160. package/lib/labels/InfoLabel.js +11 -1
  161. package/lib/labels/PrimaryLabel.js +11 -1
  162. package/lib/labels/SuccessLabel.js +11 -1
  163. package/lib/labels/WarningLabel.js +11 -1
  164. package/lib/labels/index.d.ts +1 -4
  165. package/lib/labels/index.js +10 -0
  166. package/lib/labels/label_container/index.js +7 -3
  167. package/lib/list/Header.js +7 -3
  168. package/lib/list/Item.js +68 -33
  169. package/lib/list/Separator.js +4 -0
  170. package/lib/list/helpers.js +4 -0
  171. package/lib/list/index.js +60 -25
  172. package/lib/list/types.d.ts +1 -1
  173. package/lib/menus/float/MenuItem.js +26 -9
  174. package/lib/menus/float/SubMenuContainer.js +17 -5
  175. package/lib/menus/float/helpers.js +4 -0
  176. package/lib/menus/float/index.js +21 -8
  177. package/lib/menus/index.d.ts +1 -4
  178. package/lib/menus/index.js +3 -0
  179. package/lib/menus/sidenav/ExpandMenu.js +7 -2
  180. package/lib/menus/sidenav/MenuLink.js +12 -3
  181. package/lib/menus/sidenav/NavMenuGroup.js +12 -3
  182. package/lib/menus/sidenav/NavMenuItem.js +56 -27
  183. package/lib/menus/sidenav/NavSubMenuItem.js +27 -8
  184. package/lib/menus/sidenav/helpers.js +9 -0
  185. package/lib/menus/sidenav/index.js +75 -26
  186. package/lib/menus/sidenav/popup_menu_search/EmptyList.js +7 -2
  187. package/lib/menus/sidenav/popup_menu_search/index.js +45 -15
  188. package/lib/menus/sidenav/types.d.ts +1 -1
  189. package/lib/noPermission/index.js +6 -0
  190. package/lib/panel/Content.d.ts +1 -1
  191. package/lib/panel/Content.js +22 -7
  192. package/lib/panel/DangerPanel.d.ts +1 -1
  193. package/lib/panel/DangerPanel.js +7 -0
  194. package/lib/panel/Default.d.ts +1 -1
  195. package/lib/panel/Default.js +44 -20
  196. package/lib/panel/Header.d.ts +1 -1
  197. package/lib/panel/Header.js +27 -12
  198. package/lib/panel/InfoPanel.d.ts +1 -1
  199. package/lib/panel/InfoPanel.js +7 -0
  200. package/lib/panel/PrimaryPanel.d.ts +1 -1
  201. package/lib/panel/PrimaryPanel.js +7 -0
  202. package/lib/panel/SuccessPanel.d.ts +1 -1
  203. package/lib/panel/SuccessPanel.js +7 -0
  204. package/lib/panel/ToolBar.d.ts +1 -1
  205. package/lib/panel/ToolBar.js +5 -0
  206. package/lib/panel/WarningPanel.d.ts +1 -1
  207. package/lib/panel/WarningPanel.js +7 -0
  208. package/lib/panel/helpers.d.ts +1 -1
  209. package/lib/panel/helpers.js +10 -2
  210. package/lib/panel/index.d.ts +2 -5
  211. package/lib/panel/index.js +11 -0
  212. package/lib/panel/types.d.ts +1 -1
  213. package/lib/permissionValidations.js +15 -3
  214. package/lib/popover/PopoverText.js +4 -0
  215. package/lib/popover/PopoverTitle.js +4 -0
  216. package/lib/popover/index.js +23 -12
  217. package/lib/progress/Bar.js +33 -20
  218. package/lib/progress/index.js +14 -5
  219. package/lib/radio/index.js +46 -23
  220. package/lib/skeleton/SkeletonContainer.js +9 -3
  221. package/lib/skeleton/index.js +22 -10
  222. package/lib/spinner/SpinnerLoading.js +7 -3
  223. package/lib/spinner/index.js +40 -18
  224. package/lib/split/Split.js +83 -32
  225. package/lib/split/SplitSide.js +18 -6
  226. package/lib/split/helpers.d.ts +1 -1
  227. package/lib/split/helpers.js +4 -0
  228. package/lib/split/index.d.ts +1 -4
  229. package/lib/split/index.js +5 -0
  230. package/lib/table/Body.js +29 -15
  231. package/lib/table/Header.js +28 -5
  232. package/lib/table/HeaderColumn.js +21 -10
  233. package/lib/table/Row.js +28 -18
  234. package/lib/table/RowColumn.js +29 -12
  235. package/lib/table/helpers.js +7 -0
  236. package/lib/table/index.js +62 -32
  237. package/lib/table/types.d.ts +1 -1
  238. package/lib/tabs/DropdownItems.js +21 -12
  239. package/lib/tabs/Menu.js +15 -5
  240. package/lib/tabs/MenuItems.js +33 -23
  241. package/lib/tabs/Panel.js +39 -14
  242. package/lib/tabs/index.js +113 -46
  243. package/lib/tabs/tabHelpers.js +16 -3
  244. package/lib/toolbar/ButtonBar.js +29 -13
  245. package/lib/toolbar/LabelBar.js +28 -11
  246. package/lib/toolbar/Separator.js +4 -0
  247. package/lib/toolbar/ToolBarGroup.js +6 -2
  248. package/lib/toolbar/helpers.js +2 -0
  249. package/lib/toolbar/index.js +23 -7
  250. package/lib/tooltip/index.js +25 -10
  251. package/lib/tooltip/types.d.ts +1 -1
  252. package/lib/treetable/Body.js +27 -9
  253. package/lib/treetable/Header.js +11 -1
  254. package/lib/treetable/Row.js +113 -58
  255. package/lib/treetable/helpers.js +10 -0
  256. package/lib/treetable/index.js +11 -0
  257. package/lib/treeview/Header.js +6 -2
  258. package/lib/treeview/Node.js +111 -47
  259. package/lib/treeview/constants.js +4 -0
  260. package/lib/treeview/index.js +134 -54
  261. package/lib/treeview/types.d.ts +2 -2
  262. package/lib/treeview_old/Header.js +6 -1
  263. package/lib/treeview_old/Node.js +32 -5
  264. package/lib/treeview_old/index.js +9 -1
  265. package/lib/{types-90c43ae1.d.ts → types-3c6f1c20.d.ts} +1 -1
  266. package/lib/uitour/index.js +73 -33
  267. package/lib/uitour/types.d.ts +1 -1
  268. package/package.json +1 -1
@@ -1,44 +1,66 @@
1
1
  "use strict";
2
2
 
3
3
  function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports.default = void 0;
9
+
8
10
  var _react = _interopRequireWildcard(require("react"));
11
+
9
12
  var _lodash = _interopRequireDefault(require("lodash"));
13
+
10
14
  var _text = _interopRequireDefault(require("../text"));
15
+
11
16
  var _buttons = _interopRequireDefault(require("../../buttons"));
17
+
12
18
  require("../../assets/styles/colorpicker.scss");
19
+
13
20
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
21
+
14
22
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
23
+
15
24
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
25
+
16
26
  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); }
27
+
17
28
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
29
+
18
30
  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."); }
31
+
19
32
  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); }
20
- 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; }
21
- function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
33
+
34
+ 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; }
35
+
36
+ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
37
+
22
38
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
39
+
23
40
  var ColorPicker = function ColorPicker(props) {
24
41
  var _props$asTextField = props.asTextField,
25
- asTextField = _props$asTextField === void 0 ? true : _props$asTextField,
26
- _props$value = props.value,
27
- value = _props$value === void 0 ? '#aaaaaa' : _props$value,
28
- onChange = props.onChange,
29
- onButtonClick = props.onButtonClick,
30
- name = props.name;
42
+ asTextField = _props$asTextField === void 0 ? true : _props$asTextField,
43
+ _props$value = props.value,
44
+ value = _props$value === void 0 ? '#aaaaaa' : _props$value,
45
+ onChange = props.onChange,
46
+ onButtonClick = props.onButtonClick,
47
+ name = props.name;
48
+
31
49
  var _useState = (0, _react.useState)(value),
32
- _useState2 = _slicedToArray(_useState, 2),
33
- color = _useState2[0],
34
- setColor = _useState2[1];
50
+ _useState2 = _slicedToArray(_useState, 2),
51
+ color = _useState2[0],
52
+ setColor = _useState2[1];
53
+
35
54
  var inputRef = (0, _react.useRef)(null);
55
+
36
56
  var debouncedOnChange = _lodash.default.debounce(function (func, e) {
37
57
  func(e);
38
58
  }, 300);
59
+
39
60
  var onInputChange = function onInputChange(e) {
40
61
  var target = e.target;
41
62
  setColor(target.value);
63
+
42
64
  if (onChange) {
43
65
  // Nota: A aplicação desta regra é limitada a projetos usando React 16 ou
44
66
  // inferior porque o pool de eventos foi removido no React 17. CORRIGIR
@@ -46,17 +68,21 @@ var ColorPicker = function ColorPicker(props) {
46
68
  debouncedOnChange(onChange, e);
47
69
  }
48
70
  };
71
+
49
72
  var onInputChangeDefault = function onInputChangeDefault(e) {
50
73
  var target = e.target;
51
74
  setColor(target.value);
75
+
52
76
  if (onChange) {
53
77
  e.persist();
54
78
  debouncedOnChange(onChange, e);
55
79
  }
56
80
  };
81
+
57
82
  var onPaletteButtonClick = function onPaletteButtonClick() {
58
83
  if (inputRef.current) inputRef.current.click();
59
84
  };
85
+
60
86
  (0, _react.useEffect)(function () {
61
87
  setColor(value);
62
88
  }, [value]);
@@ -102,5 +128,6 @@ var ColorPicker = function ColorPicker(props) {
102
128
  onInput: onInputChangeDefault
103
129
  });
104
130
  };
131
+
105
132
  var _default = ColorPicker;
106
133
  exports.default = _default;
@@ -4,13 +4,17 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
+
7
8
  var _react = _interopRequireDefault(require("react"));
9
+
8
10
  var _base = _interopRequireDefault(require("../../dialog/base"));
11
+
9
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
+
10
14
  var Dialog = function Dialog(_ref) {
11
15
  var _handlerClose = _ref.handlerClose,
12
- children = _ref.children,
13
- dialogSize = _ref.dialogSize;
16
+ children = _ref.children,
17
+ dialogSize = _ref.dialogSize;
14
18
  return /*#__PURE__*/_react.default.createElement(_base.default, {
15
19
  width: dialogSize.width,
16
20
  height: dialogSize.height,
@@ -22,5 +26,6 @@ var Dialog = function Dialog(_ref) {
22
26
  wrapperClassName: ""
23
27
  }, children);
24
28
  };
29
+
25
30
  var _default = Dialog;
26
31
  exports.default = _default;
@@ -4,14 +4,20 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
+
7
8
  var _react = require("react");
9
+
8
10
  var _reactDom = _interopRequireDefault(require("react-dom"));
11
+
9
12
  var _helpers = require("./helpers");
13
+
10
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
+
11
16
  var body = document.getElementsByTagName('body')[0];
17
+
12
18
  var Dropdown = function Dropdown(props) {
13
19
  var dropdownRef = props.dropdownRef,
14
- children = props.children;
20
+ children = props.children;
15
21
  var elementRef = (0, _react.useRef)(document.createElement('div'));
16
22
  (0, _react.useEffect)(function () {
17
23
  elementRef.current.className = 'datepicker-component';
@@ -27,5 +33,6 @@ var Dropdown = function Dropdown(props) {
27
33
  }, [props]);
28
34
  return /*#__PURE__*/_reactDom.default.createPortal(children, elementRef.current);
29
35
  };
36
+
30
37
  var _default = Dropdown;
31
38
  exports.default = _default;
@@ -4,24 +4,33 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.getMomentValue = exports.getCalendarDropdownStyle = exports.PT_BR_FORMAT = exports.EN_US_FORMAT = void 0;
7
+
7
8
  var _moment = _interopRequireDefault(require("moment"));
9
+
8
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
+
9
12
  var PT_BR_FORMAT = 'DD/MM/YYYY';
10
13
  exports.PT_BR_FORMAT = PT_BR_FORMAT;
11
14
  var EN_US_FORMAT = 'YYYY-MM-DD';
12
15
  exports.EN_US_FORMAT = EN_US_FORMAT;
16
+
13
17
  var getCalendarDropdownStyle = function getCalendarDropdownStyle(_ref) {
14
18
  var topPosition = _ref.topPosition,
15
- leftPosition = _ref.leftPosition,
16
- width = _ref.width;
19
+ leftPosition = _ref.leftPosition,
20
+ width = _ref.width;
17
21
  return "top: ".concat(topPosition, "px;\n left: ").concat(leftPosition, "px;\n width:").concat(width, "px");
18
22
  };
23
+
19
24
  exports.getCalendarDropdownStyle = getCalendarDropdownStyle;
25
+
20
26
  var getMomentValue = function getMomentValue(value) {
21
27
  var newValue = value;
28
+
22
29
  if ((0, _moment.default)(newValue, PT_BR_FORMAT).isValid()) {
23
30
  newValue = (0, _moment.default)(newValue, PT_BR_FORMAT).format(EN_US_FORMAT);
24
31
  }
32
+
25
33
  return typeof newValue === 'string' ? (0, _moment.default)(newValue, EN_US_FORMAT) : newValue;
26
34
  };
35
+
27
36
  exports.getMomentValue = getMomentValue;
@@ -1,127 +1,172 @@
1
1
  "use strict";
2
2
 
3
3
  function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports.default = void 0;
9
+
8
10
  var _react = _interopRequireWildcard(require("react"));
11
+
9
12
  var _moment = _interopRequireDefault(require("moment"));
13
+
10
14
  var _BaseMask = _interopRequireDefault(require("../mask/BaseMask"));
15
+
11
16
  var _Dropdown = _interopRequireDefault(require("./Dropdown"));
17
+
12
18
  var _calendar = _interopRequireDefault(require("../../calendar"));
19
+
13
20
  require("../../assets/styles/datepicker.scss");
21
+
14
22
  var contants = _interopRequireWildcard(require("../../internals/constants"));
23
+
15
24
  var _buttons = _interopRequireDefault(require("../../buttons"));
25
+
16
26
  var _icons = _interopRequireDefault(require("../../icons"));
27
+
17
28
  var _Dialog = _interopRequireDefault(require("./Dialog"));
29
+
18
30
  var _helpers = require("./helpers");
31
+
19
32
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
33
+
20
34
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
35
+
21
36
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
37
+
22
38
  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); }
39
+
23
40
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
41
+
24
42
  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."); }
43
+
25
44
  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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
45
+
46
+ 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; }
47
+
48
+ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
49
+
28
50
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
51
+
29
52
  var CALENDAR_BUTTON_WIDTH = 24;
53
+
30
54
  var DatePicker = function DatePicker(props) {
31
55
  var _props$showButtonOpen = props.showButtonOpen,
32
- showButtonOpen = _props$showButtonOpen === void 0 ? true : _props$showButtonOpen,
33
- _props$openOnFocus = props.openOnFocus,
34
- openOnFocus = _props$openOnFocus === void 0 ? true : _props$openOnFocus,
35
- _props$shouldCloseOnS = props.shouldCloseOnSelect,
36
- shouldCloseOnSelect = _props$shouldCloseOnS === void 0 ? true : _props$shouldCloseOnS,
37
- _props$setFocusOnSele = props.setFocusOnSelect,
38
- setFocusOnSelect = _props$setFocusOnSele === void 0 ? true : _props$setFocusOnSele,
39
- _props$showCalendarIn = props.showCalendarInDialog,
40
- showCalendarInDialog = _props$showCalendarIn === void 0 ? false : _props$showCalendarIn,
41
- _props$required = props.required,
42
- required = _props$required === void 0 ? false : _props$required,
43
- _props$value = props.value,
44
- value = _props$value === void 0 ? '' : _props$value,
45
- _props$name = props.name,
46
- name = _props$name === void 0 ? '' : _props$name,
47
- _props$dialogSize = props.dialogSize,
48
- dialogSize = _props$dialogSize === void 0 ? {
49
- width: '350px',
50
- height: '350px'
51
- } : _props$dialogSize;
56
+ showButtonOpen = _props$showButtonOpen === void 0 ? true : _props$showButtonOpen,
57
+ _props$openOnFocus = props.openOnFocus,
58
+ openOnFocus = _props$openOnFocus === void 0 ? true : _props$openOnFocus,
59
+ _props$shouldCloseOnS = props.shouldCloseOnSelect,
60
+ shouldCloseOnSelect = _props$shouldCloseOnS === void 0 ? true : _props$shouldCloseOnS,
61
+ _props$setFocusOnSele = props.setFocusOnSelect,
62
+ setFocusOnSelect = _props$setFocusOnSele === void 0 ? true : _props$setFocusOnSele,
63
+ _props$showCalendarIn = props.showCalendarInDialog,
64
+ showCalendarInDialog = _props$showCalendarIn === void 0 ? false : _props$showCalendarIn,
65
+ _props$required = props.required,
66
+ required = _props$required === void 0 ? false : _props$required,
67
+ _props$value = props.value,
68
+ value = _props$value === void 0 ? '' : _props$value,
69
+ _props$name = props.name,
70
+ name = _props$name === void 0 ? '' : _props$name,
71
+ _props$dialogSize = props.dialogSize,
72
+ dialogSize = _props$dialogSize === void 0 ? {
73
+ width: '350px',
74
+ height: '350px'
75
+ } : _props$dialogSize;
76
+
52
77
  var _useState = (0, _react.useState)(value ? (0, _helpers.getMomentValue)(value) : undefined),
53
- _useState2 = _slicedToArray(_useState, 2),
54
- valueState = _useState2[0],
55
- setValueState = _useState2[1];
78
+ _useState2 = _slicedToArray(_useState, 2),
79
+ valueState = _useState2[0],
80
+ setValueState = _useState2[1];
81
+
56
82
  var _useState3 = (0, _react.useState)(value),
57
- _useState4 = _slicedToArray(_useState3, 2),
58
- valueFromProps = _useState4[0],
59
- setValueFromProps = _useState4[1];
83
+ _useState4 = _slicedToArray(_useState3, 2),
84
+ valueFromProps = _useState4[0],
85
+ setValueFromProps = _useState4[1];
86
+
60
87
  var _useState5 = (0, _react.useState)(false),
61
- _useState6 = _slicedToArray(_useState5, 2),
62
- showCalendar = _useState6[0],
63
- setShowCalendar = _useState6[1];
88
+ _useState6 = _slicedToArray(_useState5, 2),
89
+ showCalendar = _useState6[0],
90
+ setShowCalendar = _useState6[1];
91
+
64
92
  var _useState7 = (0, _react.useState)(),
65
- _useState8 = _slicedToArray(_useState7, 2),
66
- inputDimensions = _useState8[0],
67
- setInputDimensions = _useState8[1];
93
+ _useState8 = _slicedToArray(_useState7, 2),
94
+ inputDimensions = _useState8[0],
95
+ setInputDimensions = _useState8[1];
96
+
68
97
  var _useState9 = (0, _react.useState)({
69
- disabled: false,
70
- readOnly: false,
71
- unvisible: false,
72
- hideContent: false
73
- }),
74
- _useState10 = _slicedToArray(_useState9, 2),
75
- onDenied = _useState10[0],
76
- setOnDenied = _useState10[1];
98
+ disabled: false,
99
+ readOnly: false,
100
+ unvisible: false,
101
+ hideContent: false
102
+ }),
103
+ _useState10 = _slicedToArray(_useState9, 2),
104
+ onDenied = _useState10[0],
105
+ setOnDenied = _useState10[1];
106
+
77
107
  var _inputRef = (0, _react.useRef)();
108
+
78
109
  var buttonOpenRef = (0, _react.useRef)();
79
110
  var dropdownContainer = (0, _react.useRef)();
111
+
80
112
  var _useState11 = (0, _react.useState)(false),
81
- _useState12 = _slicedToArray(_useState11, 2),
82
- insideDropdown = _useState12[0],
83
- setInsideDropdown = _useState12[1];
113
+ _useState12 = _slicedToArray(_useState11, 2),
114
+ insideDropdown = _useState12[0],
115
+ setInsideDropdown = _useState12[1];
116
+
84
117
  var onScreenResize = function onScreenResize() {
85
118
  var _inputRef$current;
119
+
86
120
  setInputDimensions(_inputRef === null || _inputRef === void 0 ? void 0 : (_inputRef$current = _inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.getBoundingClientRect());
87
121
  };
122
+
88
123
  var onClickOutside = function onClickOutside(event) {
89
124
  var _buttonOpenRef$curren;
125
+
90
126
  var target = event.target;
91
127
  if (!dropdownContainer || target === _inputRef.current || target === buttonOpenRef.current) return;
128
+
92
129
  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))) {
93
130
  setShowCalendar(false);
94
131
  }
95
132
  };
133
+
96
134
  var openCalendar = function openCalendar() {
97
135
  setShowCalendar(true);
136
+
98
137
  if (_inputRef.current) {
99
138
  setInputDimensions(_inputRef.current.getBoundingClientRect());
100
139
  }
101
140
  };
141
+
102
142
  var onMouseMove = function onMouseMove(event) {
103
143
  var target = event.target;
104
144
  setInsideDropdown(false);
145
+
105
146
  if (dropdownContainer !== undefined && dropdownContainer.current) {
106
147
  if (target === dropdownContainer.current || dropdownContainer.current.contains(target)) {
107
148
  setInsideDropdown(true);
108
149
  }
109
150
  }
110
151
  };
152
+
111
153
  var onInputFocus = function onInputFocus(e) {
112
154
  if (props.onFocus) props.onFocus(e);
113
155
  if (openOnFocus) openCalendar();
114
156
  };
157
+
115
158
  var onInputBlur = function onInputBlur(e) {
116
159
  if (props.onBlur) props.onBlur(e);
117
160
  if (!insideDropdown) setShowCalendar(false);
118
161
  };
162
+
119
163
  var onInputKeyDown = function onInputKeyDown(event) {
120
164
  if (Number(event.code) === contants.keyCodes.TAB) {
121
165
  setInsideDropdown(false);
122
166
  setShowCalendar(false);
123
167
  }
124
168
  };
169
+
125
170
  var onInputChange = function onInputChange(event, valueInput) {
126
171
  if (props.onChange && event) {
127
172
  if ((0, _moment.default)(valueInput, _helpers.PT_BR_FORMAT, true).isValid()) {
@@ -146,8 +191,10 @@ var DatePicker = function DatePicker(props) {
146
191
  }
147
192
  }
148
193
  };
194
+
149
195
  var setValue = function setValue(valueParam, e) {
150
196
  var _inputRef$current2;
197
+
151
198
  if (showCalendar && setFocusOnSelect) (_inputRef$current2 = _inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.focus();
152
199
  if (props.onComplete) props.onComplete(e, valueParam);
153
200
  if (props.onChange) onInputChange({
@@ -159,9 +206,11 @@ var DatePicker = function DatePicker(props) {
159
206
  if (shouldCloseOnSelect) setShowCalendar(false);
160
207
  setValueState((0, _moment.default)(valueParam, _helpers.PT_BR_FORMAT));
161
208
  };
209
+
162
210
  var shouldDisable = function shouldDisable() {
163
211
  return props.disabled || onDenied && (onDenied.disabled || onDenied.hideContent);
164
212
  };
213
+
165
214
  var getButtonOpen = function getButtonOpen() {
166
215
  if (!showButtonOpen) return undefined;
167
216
  return /*#__PURE__*/_react.default.createElement(_buttons.default, {
@@ -182,6 +231,7 @@ var DatePicker = function DatePicker(props) {
182
231
  disabled: shouldDisable()
183
232
  });
184
233
  };
234
+
185
235
  var getCalendar = function getCalendar(valueCalendar, calendarColorStyle) {
186
236
  return /*#__PURE__*/_react.default.createElement(_calendar.default, {
187
237
  currentDate: valueCalendar !== undefined ? valueCalendar : (0, _moment.default)(),
@@ -191,8 +241,10 @@ var DatePicker = function DatePicker(props) {
191
241
  colorStyle: calendarColorStyle
192
242
  });
193
243
  };
244
+
194
245
  var getWrapperComponent = function getWrapperComponent() {
195
246
  if (onDenied && onDenied.readOnly) return null;
247
+
196
248
  if (showCalendarInDialog) {
197
249
  return /*#__PURE__*/_react.default.createElement(_Dialog.default, {
198
250
  dialogSize: dialogSize,
@@ -201,6 +253,7 @@ var DatePicker = function DatePicker(props) {
201
253
  }
202
254
  }, getCalendar(valueState, props === null || props === void 0 ? void 0 : props.calendarColorStyle));
203
255
  }
256
+
204
257
  return /*#__PURE__*/_react.default.createElement(_Dropdown.default, {
205
258
  topPosition: inputDimensions ? inputDimensions.top + inputDimensions.height + 5 : '',
206
259
  leftPosition: inputDimensions ? inputDimensions.left : '',
@@ -210,6 +263,7 @@ var DatePicker = function DatePicker(props) {
210
263
  }
211
264
  }, getCalendar(valueState, props === null || props === void 0 ? void 0 : props.calendarColorStyle));
212
265
  };
266
+
213
267
  if (onDenied && onDenied.unvisible) return null;
214
268
  (0, _react.useEffect)(function () {
215
269
  window.addEventListener('resize', onScreenResize);
@@ -220,9 +274,7 @@ var DatePicker = function DatePicker(props) {
220
274
  window.removeEventListener('resize', onScreenResize);
221
275
  document.removeEventListener('click', onClickOutside);
222
276
  document.removeEventListener('mousemove', onMouseMove);
223
- };
224
-
225
- // TODO: Procurar solução melhor.
277
+ }; // TODO: Procurar solução melhor.
226
278
  // setTimeout(() => { this.onScreenResize(); }, 300);
227
279
  }, [_inputRef.current]);
228
280
  (0, _react.useEffect)(function () {
@@ -263,5 +315,6 @@ var DatePicker = function DatePicker(props) {
263
315
  }
264
316
  })), showCalendar && getWrapperComponent());
265
317
  };
318
+
266
319
  var _default = DatePicker;
267
320
  exports.default = _default;
@@ -1,48 +1,72 @@
1
1
  "use strict";
2
2
 
3
3
  function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports.default = void 0;
9
+
8
10
  var _react = _interopRequireWildcard(require("react"));
11
+
9
12
  var _lodash = _interopRequireDefault(require("lodash"));
13
+
10
14
  var _InputTextBase = _interopRequireDefault(require("../base/InputTextBase"));
15
+
11
16
  var _FileButtonSettings = _interopRequireDefault(require("./FileButtonSettings"));
17
+
12
18
  require("../../assets/styles/file.scss");
19
+
13
20
  var _buttons = _interopRequireDefault(require("../../buttons"));
21
+
14
22
  var _icons = _interopRequireDefault(require("../../icons"));
23
+
15
24
  var _popover = _interopRequireWildcard(require("../../popover"));
25
+
16
26
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
27
+
17
28
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
29
+
18
30
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
31
+
19
32
  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); }
33
+
20
34
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
35
+
21
36
  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."); }
37
+
22
38
  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); }
23
- 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; }
24
- function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
39
+
40
+ 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; }
41
+
42
+ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
43
+
25
44
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
45
+
26
46
  var DefaultFile = function DefaultFile(props) {
27
47
  var _props$id = props.id,
28
- id = _props$id === void 0 ? 'file' : _props$id,
29
- _props$accept = props.accept,
30
- accept = _props$accept === void 0 ? 'image/*' : _props$accept,
31
- _onBtnClickInsert = props.onBtnClickInsert,
32
- onBtnClickRemove = props.onBtnClickRemove,
33
- inputRef = props.inputRef,
34
- defaultFiles = props.defaultFiles,
35
- onChange = props.onChange;
48
+ id = _props$id === void 0 ? 'file' : _props$id,
49
+ _props$accept = props.accept,
50
+ accept = _props$accept === void 0 ? 'image/*' : _props$accept,
51
+ _onBtnClickInsert = props.onBtnClickInsert,
52
+ onBtnClickRemove = props.onBtnClickRemove,
53
+ inputRef = props.inputRef,
54
+ defaultFiles = props.defaultFiles,
55
+ onChange = props.onChange;
56
+
36
57
  var getFilesList = function getFilesList(files) {
37
58
  return !(files !== null && files !== void 0 && files.length) ? [] : _lodash.default.map(files, function (file) {
38
59
  return file;
39
60
  });
40
61
  };
62
+
41
63
  var _useState = (0, _react.useState)(defaultFiles),
42
- _useState2 = _slicedToArray(_useState, 2),
43
- fileList = _useState2[0],
44
- setFileList = _useState2[1];
64
+ _useState2 = _slicedToArray(_useState, 2),
65
+ fileList = _useState2[0],
66
+ setFileList = _useState2[1];
67
+
45
68
  var ifExistFiles = fileList instanceof Array && fileList.length > 0;
69
+
46
70
  var popUpDescription = function popUpDescription() {
47
71
  return /*#__PURE__*/_react.default.createElement("div", {
48
72
  className: "size-position-icon ".concat(!ifExistFiles ? '-disabled-popover' : '')
@@ -57,6 +81,7 @@ var DefaultFile = function DefaultFile(props) {
57
81
  }, /*#__PURE__*/_react.default.createElement("span", null, file.name)));
58
82
  }))));
59
83
  };
84
+
60
85
  var buttonRemoveFile = function buttonRemoveFile() {
61
86
  return /*#__PURE__*/_react.default.createElement(_buttons.default, {
62
87
  disabled: !ifExistFiles,
@@ -73,13 +98,16 @@ var DefaultFile = function DefaultFile(props) {
73
98
  })
74
99
  });
75
100
  };
101
+
76
102
  var handleChange = function handleChange(e) {
77
103
  var _e$preventDefault;
104
+
78
105
  (_e$preventDefault = e.preventDefault) === null || _e$preventDefault === void 0 ? void 0 : _e$preventDefault.call(e);
79
106
  var files = getFilesList(e.target.files);
80
107
  setFileList(files);
81
108
  onChange === null || onChange === void 0 ? void 0 : onChange(e);
82
109
  };
110
+
83
111
  return /*#__PURE__*/_react.default.createElement("div", {
84
112
  className: "input-simple-file-container"
85
113
  }, /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({}, props, {
@@ -98,5 +126,6 @@ var DefaultFile = function DefaultFile(props) {
98
126
  })
99
127
  }), popUpDescription(), buttonRemoveFile()));
100
128
  };
129
+
101
130
  var _default = DefaultFile;
102
131
  exports.default = _default;