linear-react-components-ui 0.4.76-beta.0 → 0.4.76-beta.12

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 (69) hide show
  1. package/.vscode/settings.json +2 -1
  2. package/README.md +0 -33
  3. package/lib/assets/styles/dropdown.scss +2 -25
  4. package/lib/assets/styles/effects.scss +0 -12
  5. package/lib/assets/styles/floatMenu.scss +1 -0
  6. package/lib/assets/styles/panel.scss +1 -0
  7. package/lib/assets/styles/progress.scss +1 -8
  8. package/lib/assets/styles/select.scss +0 -1
  9. package/lib/assets/styles/table.scss +5 -13
  10. package/lib/assets/styles/tabs.scss +43 -77
  11. package/lib/assets/styles/treeview.scss +0 -32
  12. package/lib/avatar/avatar.spec.js +6 -17
  13. package/lib/avatar/index.js +1 -1
  14. package/lib/buttons/DefaultButton.js +1 -7
  15. package/lib/checkbox/index.js +6 -20
  16. package/lib/dialog/base/index.js +6 -15
  17. package/lib/dialog/form/index.js +3 -16
  18. package/lib/drawer/index.js +1 -4
  19. package/lib/form/Field.js +0 -2
  20. package/lib/form/FieldNumber.js +2 -10
  21. package/lib/form/helpers.js +1 -9
  22. package/lib/form/index.js +10 -76
  23. package/lib/form/withFieldHOC.js +0 -2
  24. package/lib/icons/helper.js +0 -16
  25. package/lib/inputs/base/InputTextBase.js +10 -1
  26. package/lib/inputs/base/helpers.js +13 -2
  27. package/lib/inputs/number/BaseNumber.js +1 -1
  28. package/lib/inputs/number/index.js +5 -7
  29. package/lib/inputs/select/Dropdown.js +4 -4
  30. package/lib/inputs/select/index.js +3 -26
  31. package/lib/inputs/select/multiple/index.js +7 -9
  32. package/lib/inputs/select/simple/index.js +18 -30
  33. package/lib/internals/withTooltip.js +81 -83
  34. package/lib/list/Item.js +3 -3
  35. package/lib/list/index.js +10 -20
  36. package/lib/list/list.spec.js +85 -129
  37. package/lib/menus/float/MenuItem.js +8 -25
  38. package/lib/menus/sidenav/index.js +3 -7
  39. package/lib/menus/sidenav/popup_menu_search/index.js +1 -1
  40. package/lib/progress/Bar.js +9 -40
  41. package/lib/progress/index.js +4 -12
  42. package/lib/spinner/index.js +1 -6
  43. package/lib/split/Split.js +11 -5
  44. package/lib/table/Row.js +1 -1
  45. package/lib/tabs/Menu.js +5 -18
  46. package/lib/tabs/MenuItems.js +7 -7
  47. package/lib/tabs/Panel.js +3 -1
  48. package/lib/tabs/index.js +17 -126
  49. package/lib/toolbar/index.js +4 -8
  50. package/lib/tooltip/index.js +0 -12
  51. package/lib/treeview/Node.js +18 -288
  52. package/lib/treeview/index.js +35 -448
  53. package/package.json +8 -9
  54. package/.tool-versions +0 -1
  55. package/lib/assets/styles/multiSelect.scss +0 -105
  56. package/lib/assets/styles/periodpicker.scss +0 -65
  57. package/lib/checkbox/Label.js +0 -37
  58. package/lib/form/FieldPeriod.js +0 -100
  59. package/lib/form/withFormSecurity.js +0 -106
  60. package/lib/inputs/multiSelect/ActionButtons.js +0 -68
  61. package/lib/inputs/multiSelect/Dropdown.js +0 -200
  62. package/lib/inputs/multiSelect/helper.js +0 -18
  63. package/lib/inputs/multiSelect/index.js +0 -343
  64. package/lib/inputs/period/Dialog.js +0 -38
  65. package/lib/inputs/period/Dropdown.js +0 -90
  66. package/lib/inputs/period/PeriodList.js +0 -79
  67. package/lib/inputs/period/helper.js +0 -118
  68. package/lib/inputs/period/index.js +0 -490
  69. package/lib/tabs/DropdownItems.js +0 -84
@@ -1,18 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
-
8
- var getFilteredDataCombo = function getFilteredDataCombo(_ref) {
9
- var dataSource = _ref.dataSource,
10
- descriptionKey = _ref.descriptionKey,
11
- inputText = _ref.inputText;
12
- return dataSource.filter(function (item) {
13
- return item[descriptionKey].toLowerCase().indexOf(inputText.toLowerCase()) > -1;
14
- });
15
- };
16
-
17
- var _default = getFilteredDataCombo;
18
- exports["default"] = _default;
@@ -1,343 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = void 0;
9
-
10
- var _react = _interopRequireWildcard(require("react"));
11
-
12
- var _lodash = _interopRequireDefault(require("lodash"));
13
-
14
- var _propTypes = _interopRequireDefault(require("prop-types"));
15
-
16
- var _uuid = _interopRequireDefault(require("uuid"));
17
-
18
- var _Dropdown = _interopRequireDefault(require("./Dropdown"));
19
-
20
- var _InputTextBase = _interopRequireDefault(require("../base/InputTextBase"));
21
-
22
- var _helper = _interopRequireDefault(require("./helper"));
23
-
24
- var _ActionButtons = _interopRequireDefault(require("./ActionButtons"));
25
-
26
- require("../../assets/styles/multiSelect.scss");
27
-
28
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
29
-
30
- 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); }
31
-
32
- 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; }
33
-
34
- function _extends() { _extends = Object.assign || 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); }
35
-
36
- function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
37
-
38
- function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
39
-
40
- function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
41
-
42
- function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
43
-
44
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
45
-
46
- 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."); }
47
-
48
- 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); }
49
-
50
- 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; }
51
-
52
- function _iterableToArrayLimit(arr, i) { var _i = arr && (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; }
53
-
54
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
55
-
56
- var MultiSelect = function MultiSelect(props) {
57
- var componentId = "multiSelect-component".concat(_uuid["default"].v1());
58
-
59
- var _useState = (0, _react.useState)(props.dataSource),
60
- _useState2 = _slicedToArray(_useState, 2),
61
- dataCombo = _useState2[0],
62
- setDataCombo = _useState2[1];
63
-
64
- var _useState3 = (0, _react.useState)([]),
65
- _useState4 = _slicedToArray(_useState3, 2),
66
- selecteds = _useState4[0],
67
- setSelecteds = _useState4[1];
68
-
69
- var _useState5 = (0, _react.useState)(''),
70
- _useState6 = _slicedToArray(_useState5, 2),
71
- inputValue = _useState6[0],
72
- setInputValue = _useState6[1];
73
-
74
- var _useState7 = (0, _react.useState)('Nenhum selecionado'),
75
- _useState8 = _slicedToArray(_useState7, 2),
76
- label = _useState8[0],
77
- setLabel = _useState8[1];
78
-
79
- var _useState9 = (0, _react.useState)(0),
80
- _useState10 = _slicedToArray(_useState9, 2),
81
- dropdownWidth = _useState10[0],
82
- setDropdownWidth = _useState10[1];
83
-
84
- var _useState11 = (0, _react.useState)(false),
85
- _useState12 = _slicedToArray(_useState11, 2),
86
- isAllChecked = _useState12[0],
87
- setIsAllChecked = _useState12[1];
88
-
89
- var _useState13 = (0, _react.useState)(false),
90
- _useState14 = _slicedToArray(_useState13, 2),
91
- opened = _useState14[0],
92
- setOpened = _useState14[1];
93
-
94
- var _useState15 = (0, _react.useState)(false),
95
- _useState16 = _slicedToArray(_useState15, 2),
96
- onDenied = _useState16[0],
97
- setOnDenied = _useState16[1];
98
-
99
- var _useState17 = (0, _react.useState)(false),
100
- _useState18 = _slicedToArray(_useState17, 2),
101
- insideComponent = _useState18[0],
102
- setInsideComponent = _useState18[1];
103
-
104
- var gridEl = (0, _react.useRef)(null);
105
- var componentRef = (0, _react.useRef)(null);
106
- var selectWrapper = (0, _react.useRef)(null);
107
-
108
- var handleOnSelect = function handleOnSelect(itemSelected) {
109
- if (itemSelected === null) return;
110
- var onSelect = props.onSelect,
111
- idKey = props.idKey;
112
- var newSelecteds = selecteds;
113
- var hasSelected = newSelecteds.find(function (selected) {
114
- return selected[idKey] === itemSelected[idKey];
115
- });
116
-
117
- if (hasSelected) {
118
- newSelecteds = newSelecteds.filter(function (item) {
119
- return item[idKey] !== itemSelected[idKey];
120
- });
121
- } else {
122
- newSelecteds = [].concat(_toConsumableArray(newSelecteds), [itemSelected]);
123
- }
124
-
125
- if (onSelect) onSelect(newSelecteds.map(function (i) {
126
- return i[idKey];
127
- }));
128
- setSelecteds(newSelecteds);
129
- };
130
-
131
- var _onFocus = function onFocus() {
132
- var newDropdownWidth = dropdownWidth;
133
- newDropdownWidth = selectWrapper.current ? selectWrapper.current.clientWidth : dropdownWidth;
134
- setOpened(true);
135
- setDropdownWidth(newDropdownWidth);
136
- };
137
-
138
- var onMouseMove = function onMouseMove(event) {
139
- var target = event.target;
140
- if (target.className === '') return;
141
- var newInsideComponent = ['item', 'menubutton', 'filterinput', 'filtercontainer', 'label'].includes(target.className);
142
- setInsideComponent(newInsideComponent);
143
- };
144
-
145
- var onBlurComponent = function onBlurComponent(e) {
146
- var dataSource = props.dataSource,
147
- onBlur = props.onBlur;
148
- if (onBlur) onBlur(e);
149
-
150
- if (!insideComponent) {
151
- setOpened(false);
152
- setInputValue('');
153
- setDataCombo(dataSource);
154
- }
155
- };
156
-
157
- var handleOnFilter = function handleOnFilter(value) {
158
- var dataSource = props.dataSource,
159
- descriptionKey = props.descriptionKey;
160
- var newDataCombo = dataSource;
161
-
162
- if (value !== '') {
163
- newDataCombo = (0, _helper["default"])({
164
- dataSource: dataSource,
165
- descriptionKey: descriptionKey,
166
- inputText: value
167
- });
168
- }
169
-
170
- setDataCombo(newDataCombo);
171
- setInputValue(value);
172
- };
173
-
174
- var onOpenClose = function onOpenClose() {
175
- setOpened(!opened);
176
- setDropdownWidth(selectWrapper.current.clientWidth);
177
- };
178
-
179
- var onCheckAll = function onCheckAll() {
180
- var fromFilter = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
181
- var dataSource = props.dataSource,
182
- onSelect = props.onSelect,
183
- idKey = props.idKey;
184
- var currentData = fromFilter ? dataCombo : dataSource;
185
- if (onSelect) onSelect(currentData.map(function (i) {
186
- return i[idKey];
187
- }));
188
- setSelecteds(currentData);
189
- };
190
-
191
- var onUncheckAll = function onUncheckAll() {
192
- var onSelect = props.onSelect;
193
- if (onSelect) onSelect([]);
194
- setSelecteds([]);
195
- };
196
-
197
- var onScreenResize = function onScreenResize() {
198
- setDropdownWidth(selectWrapper.current.clientWidth);
199
- };
200
-
201
- var onClickOutSide = function onClickOutSide(event) {
202
- var target = event.target;
203
-
204
- if (target !== componentRef.current && !componentRef.current.contains(target)) {
205
- setOpened(false);
206
- setDataCombo(props.dataSource);
207
- setInputValue('');
208
- }
209
- };
210
-
211
- var setOnDeniedValue = function setOnDeniedValue(onDeniedValue) {
212
- setOnDenied(onDeniedValue);
213
- };
214
-
215
- var shouldDisabled = function shouldDisabled() {
216
- var disabled = props.disabled;
217
- return disabled || onDenied && (onDenied.disabled || onDenied.hideContent);
218
- };
219
-
220
- var getLabel = function getLabel() {
221
- var dataSource = props.dataSource,
222
- descriptionKey = props.descriptionKey;
223
-
224
- var checkIsAll = _lodash["default"].isEqual(selecteds, dataSource);
225
-
226
- var newLabel = label;
227
-
228
- if (checkIsAll) {
229
- newLabel = 'Todos';
230
- } else if (selecteds.length > 1) {
231
- newLabel = 'Múltiplos';
232
- } else if (selecteds.length === 1) {
233
- newLabel = selecteds[0][descriptionKey];
234
- } else {
235
- newLabel = 'Nenhum selecionado';
236
- }
237
-
238
- setLabel(newLabel);
239
- };
240
-
241
- (0, _react.useEffect)(function () {
242
- if (props.gridLayout) {
243
- var currentGridEl = document.querySelector("#".concat(componentId, ">.-withinput.grid-container"));
244
- if (gridEl !== currentGridEl) gridEl.current = currentGridEl;
245
- }
246
-
247
- window.addEventListener('resize', onScreenResize);
248
- document.addEventListener('click', onClickOutSide);
249
- document.addEventListener('mousemove', onMouseMove);
250
- return function () {
251
- window.removeEventListener('resize', onScreenResize);
252
- document.removeEventListener('click', onClickOutSide);
253
- document.removeEventListener('mousemove', onMouseMove);
254
- };
255
- }, []);
256
- (0, _react.useEffect)(function () {
257
- var dataSource = props.dataSource,
258
- value = props.value,
259
- idKey = props.idKey;
260
-
261
- if (value !== null && dataSource.length > 0) {
262
- var newSelecteds = dataSource.filter(function (item) {
263
- return value.includes(item[idKey]);
264
- });
265
- setSelecteds(newSelecteds);
266
- } else if (dataSource !== dataCombo) {
267
- var newDataCombo = (0, _helper["default"])(_extends({}, props, {
268
- inputText: inputValue
269
- }));
270
- setDataCombo(newDataCombo);
271
- }
272
- }, [props]);
273
- (0, _react.useEffect)(function () {
274
- var checkAll = _lodash["default"].isEqual(dataCombo, selecteds);
275
-
276
- setIsAllChecked(checkAll);
277
- getLabel();
278
- }, [selecteds, dataCombo]);
279
- return /*#__PURE__*/_react["default"].createElement("span", {
280
- id: componentId,
281
- ref: componentRef,
282
- className: "multiSelect-component"
283
- }, /*#__PURE__*/_react["default"].createElement(_InputTextBase["default"], _extends({}, props, {
284
- value: label,
285
- onFocus: function onFocus() {
286
- _onFocus();
287
- },
288
- onBlur: function onBlur(e) {
289
- onBlurComponent(e);
290
- },
291
- customClassForWrapper: "selectwrapper -undigitable",
292
- customClassForInputContent: "multiselect",
293
- inputBaseRef: function inputBaseRef(r) {
294
- selectWrapper.current = r;
295
- },
296
- handlerSetOnDenied: setOnDeniedValue,
297
- rightElements: /*#__PURE__*/_react["default"].createElement(_ActionButtons["default"], {
298
- disabled: shouldDisabled(),
299
- dropdownOpened: opened,
300
- handleOpenClose: function handleOpenClose() {
301
- onOpenClose();
302
- },
303
- handleCheckAll: onCheckAll,
304
- handleUncheckAll: onUncheckAll
305
- })
306
- })), opened && /*#__PURE__*/_react["default"].createElement(_Dropdown["default"], _extends({}, props, {
307
- opened: opened,
308
- dataCombo: dataCombo,
309
- selecteds: selecteds,
310
- inputValue: inputValue,
311
- isAllChecked: isAllChecked,
312
- onCheckAll: onCheckAll,
313
- onUncheckAll: onUncheckAll,
314
- dropdownWidth: dropdownWidth,
315
- selectFieldRef: componentRef,
316
- onSelect: handleOnSelect,
317
- onFilter: handleOnFilter,
318
- onFocus: _onFocus,
319
- onBlur: onBlurComponent,
320
- gridWrapperStyle: props.gridLayout ? window.getComputedStyle(gridEl) : undefined
321
- })));
322
- };
323
-
324
- MultiSelect.propTypes = {
325
- dataSource: _propTypes["default"].arrayOf(_propTypes["default"].object),
326
- idKey: _propTypes["default"].string.isRequired,
327
- descriptionKey: _propTypes["default"].string.isRequired,
328
- value: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].number), _propTypes["default"].arrayOf(_propTypes["default"].string)]),
329
- gridLayout: _propTypes["default"].string,
330
- onSelect: _propTypes["default"].func,
331
- onBlur: _propTypes["default"].func,
332
- disabled: _propTypes["default"].bool
333
- };
334
- MultiSelect.defaultProps = {
335
- dataSource: [],
336
- value: null,
337
- gridLayout: undefined,
338
- onSelect: undefined,
339
- onBlur: undefined,
340
- disabled: false
341
- };
342
- var _default = MultiSelect;
343
- exports["default"] = _default;
@@ -1,38 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
- var _base = _interopRequireDefault(require("../../dialog/base"));
13
-
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
15
-
16
- var Dialog = function Dialog(_ref) {
17
- var _handlerClose = _ref.handlerClose,
18
- children = _ref.children,
19
- dialogSize = _ref.dialogSize;
20
- return /*#__PURE__*/_react["default"].createElement(_base["default"], {
21
- width: dialogSize.width,
22
- height: dialogSize.height,
23
- handlerClose: function handlerClose() {
24
- _handlerClose();
25
- },
26
- closeOnOutsideClick: true,
27
- closeOnEsc: true,
28
- wrapperClassName: ""
29
- }, children);
30
- };
31
-
32
- var _default = Dialog;
33
- exports["default"] = _default;
34
- Dialog.propTypes = {
35
- children: _propTypes["default"].instanceOf(Object).isRequired,
36
- handlerClose: _propTypes["default"].func.isRequired,
37
- dialogSize: _propTypes["default"].object.isRequired
38
- };
@@ -1,90 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = void 0;
9
-
10
- var _react = require("react");
11
-
12
- var _reactDom = _interopRequireDefault(require("react-dom"));
13
-
14
- var _propTypes = _interopRequireDefault(require("prop-types"));
15
-
16
- var _helper = _interopRequireDefault(require("./helper"));
17
-
18
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
19
-
20
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
21
-
22
- function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
23
-
24
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
25
-
26
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
27
-
28
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
29
-
30
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
31
-
32
- function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
33
-
34
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
35
-
36
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
37
-
38
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
39
-
40
- var body = document.getElementsByTagName('body')[0];
41
-
42
- var Dropdown = /*#__PURE__*/function (_Component) {
43
- _inherits(Dropdown, _Component);
44
-
45
- var _super = _createSuper(Dropdown);
46
-
47
- function Dropdown(props) {
48
- var _this;
49
-
50
- _classCallCheck(this, Dropdown);
51
-
52
- _this = _super.call(this, props);
53
- _this.el = document.createElement('div');
54
- _this.el.className = 'datepicker-component';
55
- _this.el.style = (0, _helper["default"])(props);
56
- return _this;
57
- }
58
-
59
- _createClass(Dropdown, [{
60
- key: "componentDidMount",
61
- value: function componentDidMount() {
62
- body.appendChild(this.el);
63
- this.props.dropdownRef(this.el);
64
- }
65
- }, {
66
- key: "componentDidUpdate",
67
- value: function componentDidUpdate() {
68
- this.el.style = (0, _helper["default"])(this.props);
69
- }
70
- }, {
71
- key: "componentWillUnmount",
72
- value: function componentWillUnmount() {
73
- body.removeChild(this.el);
74
- }
75
- }, {
76
- key: "render",
77
- value: function render() {
78
- return /*#__PURE__*/_reactDom["default"].createPortal(this.props.children, this.el);
79
- }
80
- }]);
81
-
82
- return Dropdown;
83
- }(_react.Component);
84
-
85
- Dropdown.propTypes = {
86
- children: _propTypes["default"].element.isRequired,
87
- dropdownRef: _propTypes["default"].func.isRequired
88
- };
89
- var _default = Dropdown;
90
- exports["default"] = _default;
@@ -1,79 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
- var _helper = require("./helper");
13
-
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
15
-
16
- /* eslint-disable jsx-a11y/aria-role */
17
-
18
- /* eslint-disable jsx-a11y/no-static-element-interactions */
19
-
20
- /* eslint-disable jsx-a11y/click-events-have-key-events */
21
- var periodOptions = [{
22
- id: 'today',
23
- label: 'Hoje'
24
- }, {
25
- id: 'week',
26
- label: 'Semana Atual'
27
- }, {
28
- id: 'lastweek',
29
- label: 'Última Semana'
30
- }, {
31
- id: 'last15',
32
- label: 'Últimos 15 dias'
33
- }, {
34
- id: 'month',
35
- label: 'Mês atual'
36
- }, {
37
- id: 'lastmonth',
38
- label: 'Último Mês'
39
- }, {
40
- id: 'custom',
41
- label: 'Customizar'
42
- }];
43
-
44
- var PeriodList = function PeriodList(_ref) {
45
- var selected = _ref.selected,
46
- handleOnSelect = _ref.handleOnSelect;
47
- return /*#__PURE__*/_react["default"].createElement("div", {
48
- className: "dropdown-period"
49
- }, periodOptions.map(function (item) {
50
- var itemSelected = selected === item.id;
51
- return /*#__PURE__*/_react["default"].createElement("div", {
52
- role: "item-".concat(item.id),
53
- key: "item-".concat(item.id),
54
- className: (0, _helper.getDropdownItemCssClass)(itemSelected),
55
- onClick: function onClick() {
56
- var calcDates = new _helper.CalcDatesByPeriod();
57
- var dates = item.id !== 'custom' ? calcDates[item.id]() : null;
58
- handleOnSelect(item.id, dates);
59
- }
60
- }, /*#__PURE__*/_react["default"].createElement("span", {
61
- role: "button",
62
- className: "menubutton",
63
- tabIndex: "-1",
64
- onKeyPress: function onKeyPress() {}
65
- }, /*#__PURE__*/_react["default"].createElement("span", {
66
- className: "label"
67
- }, item.label)));
68
- }));
69
- };
70
-
71
- var _default = PeriodList;
72
- exports["default"] = _default;
73
- PeriodList.propTypes = {
74
- handleOnSelect: _propTypes["default"].func.isRequired,
75
- selected: _propTypes["default"].string
76
- };
77
- PeriodList.defaultProps = {
78
- selected: undefined
79
- };
@@ -1,118 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.isDateValid = exports.CalcDatesByPeriod = exports.getDropdownItemCssClass = exports["default"] = void 0;
7
-
8
- var _moment = _interopRequireDefault(require("moment"));
9
-
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
-
12
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
13
-
14
- var getCalendarDropdownStyle = function getCalendarDropdownStyle(_ref) {
15
- var topPosition = _ref.topPosition,
16
- leftPosition = _ref.leftPosition,
17
- width = _ref.width;
18
- return "top: ".concat(topPosition, "px;\n left: ").concat(leftPosition, "px;\n width:").concat(width, "px");
19
- };
20
-
21
- var _default = getCalendarDropdownStyle;
22
- exports["default"] = _default;
23
-
24
- var getDropdownItemCssClass = function getDropdownItemCssClass(selected, disabled, striped) {
25
- var className = 'item';
26
- className += selected && !disabled ? ' -selected ' : '';
27
- className += disabled ? ' -disabled' : '';
28
- className += !selected && !disabled && striped ? ' -striped ' : '';
29
- return className;
30
- };
31
-
32
- exports.getDropdownItemCssClass = getDropdownItemCssClass;
33
-
34
- var CalcDatesByPeriod = function CalcDatesByPeriod() {
35
- var _this = this;
36
-
37
- _classCallCheck(this, CalcDatesByPeriod);
38
-
39
- Object.defineProperty(this, "currentDate", {
40
- configurable: true,
41
- enumerable: true,
42
- writable: true,
43
- value: (0, _moment["default"])()
44
- });
45
- Object.defineProperty(this, "today", {
46
- configurable: true,
47
- enumerable: true,
48
- writable: true,
49
- value: function value() {
50
- return [_this.currentDate, _this.currentDate];
51
- }
52
- });
53
- Object.defineProperty(this, "week", {
54
- configurable: true,
55
- enumerable: true,
56
- writable: true,
57
- value: function value() {
58
- var weekStart = _this.currentDate.clone().startOf('week');
59
-
60
- var weekEnd = _this.currentDate.clone().endOf('week');
61
-
62
- return [weekStart, weekEnd];
63
- }
64
- });
65
- Object.defineProperty(this, "lastweek", {
66
- configurable: true,
67
- enumerable: true,
68
- writable: true,
69
- value: function value() {
70
- var lastWeek = _this.currentDate.subtract(1, 'weeks');
71
-
72
- var weekStart = lastWeek.clone().startOf('week');
73
- var weekEnd = lastWeek.clone().endOf('week');
74
- return [weekStart, weekEnd];
75
- }
76
- });
77
- Object.defineProperty(this, "last15", {
78
- configurable: true,
79
- enumerable: true,
80
- writable: true,
81
- value: function value() {
82
- var last15Day = (0, _moment["default"])(_this.currentDate);
83
- return [last15Day.subtract(15, 'days'), _this.currentDate];
84
- }
85
- });
86
- Object.defineProperty(this, "month", {
87
- configurable: true,
88
- enumerable: true,
89
- writable: true,
90
- value: function value() {
91
- var monthStart = _this.currentDate.clone().startOf('month');
92
-
93
- var monthEnd = _this.currentDate.clone().endOf('month');
94
-
95
- return [monthStart, monthEnd];
96
- }
97
- });
98
- Object.defineProperty(this, "lastmonth", {
99
- configurable: true,
100
- enumerable: true,
101
- writable: true,
102
- value: function value() {
103
- var lastMonth = _this.currentDate.subtract(1, 'months');
104
-
105
- var monthStart = lastMonth.clone().startOf('month');
106
- var monthEnd = lastMonth.clone().endOf('month');
107
- return [monthStart, monthEnd];
108
- }
109
- });
110
- };
111
-
112
- exports.CalcDatesByPeriod = CalcDatesByPeriod;
113
-
114
- var isDateValid = function isDateValid(date) {
115
- return date && (0, _moment["default"])(date).isValid();
116
- };
117
-
118
- exports.isDateValid = isDateValid;