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.
- package/babel.config.json +2 -2
- package/lib/alerts/AlertContainer.js +46 -54
- package/lib/alerts/AlertProvider.js +36 -53
- package/lib/alerts/BaseAlert.js +14 -20
- package/lib/alerts/Message.js +37 -46
- package/lib/alerts/helpers.js +3 -3
- package/lib/alerts/index.js +5 -5
- package/lib/alerts/withAlert.js +11 -11
- package/lib/assets/styles/checkbox.scss +0 -8
- package/lib/avatar/index.js +42 -41
- package/lib/badge/index.js +15 -16
- package/lib/buttons/ActivateButton.js +6 -8
- package/lib/buttons/AddButton.js +9 -11
- package/lib/buttons/Button.js +11 -11
- package/lib/buttons/ButtonGroups.js +8 -6
- package/lib/buttons/CancelButton.js +9 -7
- package/lib/buttons/DangerButton.js +9 -7
- package/lib/buttons/DefaultButton.js +66 -85
- package/lib/buttons/DestroyButton.js +10 -8
- package/lib/buttons/EditButton.js +6 -8
- package/lib/buttons/InactivateButton.js +6 -8
- package/lib/buttons/InfoButton.js +9 -7
- package/lib/buttons/PrimaryButton.js +9 -7
- package/lib/buttons/RestoreButton.js +6 -8
- package/lib/buttons/SaveButton.js +9 -7
- package/lib/buttons/SuccessButton.js +9 -7
- package/lib/buttons/WarningButton.js +9 -7
- package/lib/buttons/button_container/index.js +16 -19
- package/lib/buttons/index.js +31 -31
- package/lib/buttons/split_button/index.js +24 -26
- package/lib/calendar/DangerCalendar.js +9 -7
- package/lib/calendar/InfoCalendar.js +9 -7
- package/lib/calendar/PrimaryCalendar.js +9 -7
- package/lib/calendar/SuccessCalendar.js +9 -7
- package/lib/calendar/WarningCalendar.js +9 -7
- package/lib/calendar/base/Day.js +16 -14
- package/lib/calendar/base/Month.js +15 -19
- package/lib/calendar/base/Week.js +15 -19
- package/lib/calendar/base/helpers.js +17 -15
- package/lib/calendar/base/index.js +38 -51
- package/lib/calendar/index.js +13 -13
- package/lib/checkbox/Label.js +10 -8
- package/lib/checkbox/index.d.ts +1 -1
- package/lib/checkbox/index.js +75 -97
- package/lib/checkbox/types.d.ts +0 -1
- package/lib/dialog/Alert.js +7 -7
- package/lib/dialog/Custom.js +20 -23
- package/lib/dialog/Error.js +7 -7
- package/lib/dialog/Information.js +7 -7
- package/lib/dialog/Question.js +16 -16
- package/lib/dialog/Warning.js +7 -7
- package/lib/dialog/base/Content.js +9 -7
- package/lib/dialog/base/Footer.js +6 -8
- package/lib/dialog/base/Header.js +32 -34
- package/lib/dialog/base/index.js +64 -72
- package/lib/dialog/base/style.js +8 -10
- package/lib/dialog/form/index.js +35 -38
- package/lib/dialog/index.js +15 -15
- package/lib/drawer/Content.js +14 -12
- package/lib/drawer/Drawer.js +68 -82
- package/lib/drawer/Header.js +45 -48
- package/lib/drawer/helpers.js +4 -4
- package/lib/drawer/index.js +7 -7
- package/lib/dropdown/Popup.js +37 -40
- package/lib/dropdown/helper.js +6 -6
- package/lib/dropdown/withDropdown.js +44 -63
- package/lib/fieldset/index.js +49 -56
- package/lib/form/Field.js +73 -79
- package/lib/form/FieldArray.js +76 -85
- package/lib/form/FieldNumber.js +34 -42
- package/lib/form/FieldPeriod.js +54 -59
- package/lib/form/helpers.js +29 -28
- package/lib/form/index.js +121 -151
- package/lib/form/withFieldHOC.js +36 -42
- package/lib/form/withFormSecurity.js +27 -35
- package/lib/gridlayout/GridCol.js +16 -15
- package/lib/gridlayout/GridRow.js +11 -12
- package/lib/gridlayout/index.js +5 -5
- package/lib/hint/index.js +25 -29
- package/lib/icons/helper.js +2 -2
- package/lib/icons/index.js +37 -48
- package/lib/index.js +19 -19
- package/lib/inputs/base/InputTextBase.js +99 -109
- package/lib/inputs/base/helpers.js +29 -23
- package/lib/inputs/color/index.js +34 -44
- package/lib/inputs/date/Dialog.js +10 -8
- package/lib/inputs/date/Dropdown.js +14 -12
- package/lib/inputs/date/helpers.js +18 -14
- package/lib/inputs/date/index.js +96 -133
- package/lib/inputs/file/DefaultFile.js +50 -74
- package/lib/inputs/file/DragDropFile.js +119 -172
- package/lib/inputs/file/File.js +22 -28
- package/lib/inputs/file/FileButtonSettings.js +14 -16
- package/lib/inputs/file/helpers.js +6 -7
- package/lib/inputs/file/index.js +7 -7
- package/lib/inputs/inputHOC.js +23 -35
- package/lib/inputs/mask/BaseMask.js +33 -27
- package/lib/inputs/mask/Cnpj.js +19 -31
- package/lib/inputs/mask/Cpf.js +20 -35
- package/lib/inputs/mask/Phone.js +8 -6
- package/lib/inputs/mask/ZipCode.js +6 -8
- package/lib/inputs/mask/helpers.js +21 -26
- package/lib/inputs/mask/imaskHOC.js +102 -122
- package/lib/inputs/mask/index.js +11 -11
- package/lib/inputs/multiSelect/ActionButtons.js +18 -18
- package/lib/inputs/multiSelect/Dropdown.js +63 -75
- package/lib/inputs/multiSelect/helper.js +9 -7
- package/lib/inputs/multiSelect/index.js +85 -136
- package/lib/inputs/number/BaseNumber.js +23 -21
- package/lib/inputs/number/Currency.js +9 -8
- package/lib/inputs/number/Decimal.js +4 -6
- package/lib/inputs/number/format_number.js +9 -6
- package/lib/inputs/number/index.js +13 -13
- package/lib/inputs/period/Dialog.js +10 -8
- package/lib/inputs/period/Dropdown.js +12 -12
- package/lib/inputs/period/PeriodList.js +19 -17
- package/lib/inputs/period/helper.js +38 -37
- package/lib/inputs/period/index.js +147 -196
- package/lib/inputs/search/index.js +45 -67
- package/lib/inputs/select/ActionButtons.js +18 -18
- package/lib/inputs/select/Dropdown.js +51 -65
- package/lib/inputs/select/helper.js +55 -44
- package/lib/inputs/select/index.js +13 -11
- package/lib/inputs/select/multiple/Selecteds.js +20 -22
- package/lib/inputs/select/multiple/index.js +90 -143
- package/lib/inputs/select/simple/index.js +103 -156
- package/lib/inputs/text/index.js +4 -6
- package/lib/inputs/textarea/index.js +11 -10
- package/lib/internals/colorStyles.js +3 -3
- package/lib/internals/constants.js +2 -2
- package/lib/internals/withTooltip.js +54 -68
- package/lib/labelMessages/index.js +28 -47
- package/lib/labels/DangerLabel.js +9 -7
- package/lib/labels/DefaultLabel.js +29 -42
- package/lib/labels/InfoLabel.js +9 -7
- package/lib/labels/PrimaryLabel.js +9 -7
- package/lib/labels/SuccessLabel.js +9 -7
- package/lib/labels/WarningLabel.js +9 -7
- package/lib/labels/index.js +15 -15
- package/lib/labels/label_container/index.js +11 -10
- package/lib/list/Header.js +12 -10
- package/lib/list/Item.js +58 -72
- package/lib/list/Separator.js +6 -8
- package/lib/list/helpers.js +3 -3
- package/lib/list/index.js +81 -107
- package/lib/menus/float/MenuItem.js +27 -27
- package/lib/menus/float/SubMenuContainer.js +39 -44
- package/lib/menus/float/helpers.js +4 -4
- package/lib/menus/float/index.js +25 -25
- package/lib/menus/index.js +3 -3
- package/lib/menus/sidenav/ExpandMenu.js +12 -10
- package/lib/menus/sidenav/MenuLink.js +12 -10
- package/lib/menus/sidenav/NavMenuGroup.js +15 -13
- package/lib/menus/sidenav/NavMenuItem.js +56 -69
- package/lib/menus/sidenav/NavSubMenuItem.js +24 -28
- package/lib/menus/sidenav/helpers.js +7 -7
- package/lib/menus/sidenav/index.js +92 -119
- package/lib/menus/sidenav/popup_menu_search/EmptyList.js +12 -11
- package/lib/menus/sidenav/popup_menu_search/index.js +64 -84
- package/lib/noPermission/index.js +15 -17
- package/lib/panel/Content.js +46 -58
- package/lib/panel/DangerPanel.js +6 -8
- package/lib/panel/Default.js +45 -59
- package/lib/panel/Header.js +37 -34
- package/lib/panel/InfoPanel.js +6 -8
- package/lib/panel/PrimaryPanel.js +6 -8
- package/lib/panel/SuccessPanel.js +6 -8
- package/lib/panel/ToolBar.js +8 -6
- package/lib/panel/WarningPanel.js +6 -8
- package/lib/panel/helpers.js +13 -11
- package/lib/panel/index.js +17 -17
- package/lib/permissionValidations.js +26 -28
- package/lib/popover/PopoverText.js +8 -6
- package/lib/popover/PopoverTitle.js +8 -6
- package/lib/popover/index.js +21 -24
- package/lib/progress/Bar.js +34 -39
- package/lib/progress/index.js +19 -20
- package/lib/radio/index.js +37 -57
- package/lib/shortcuts/index.js +13 -11
- package/lib/skeleton/SkeletonContainer.js +12 -12
- package/lib/skeleton/index.js +27 -33
- package/lib/spinner/SpinnerLoading.js +46 -46
- package/lib/spinner/index.js +27 -40
- package/lib/split/Split.js +97 -113
- package/lib/split/SplitSide.js +22 -20
- package/lib/split/helpers.js +4 -4
- package/lib/split/index.js +5 -5
- package/lib/table/Body.js +47 -49
- package/lib/table/Header.js +39 -41
- package/lib/table/HeaderColumn.js +22 -22
- package/lib/table/Row.js +48 -50
- package/lib/table/RowColumn.js +37 -35
- package/lib/table/helpers.js +9 -12
- package/lib/table/index.js +89 -108
- package/lib/tabs/DropdownTabs.js +39 -43
- package/lib/tabs/Menu.js +20 -19
- package/lib/tabs/MenuTabs.js +48 -55
- package/lib/tabs/Panel.js +54 -73
- package/lib/tabs/context.js +62 -93
- package/lib/tabs/index.js +30 -35
- package/lib/tabs/tabHelpers.js +24 -21
- package/lib/toolbar/ButtonBar.js +49 -52
- package/lib/toolbar/LabelBar.js +38 -41
- package/lib/toolbar/Separator.js +6 -8
- package/lib/toolbar/ToolBarGroup.js +9 -8
- package/lib/toolbar/helpers.js +3 -3
- package/lib/toolbar/index.js +25 -26
- package/lib/tooltip/index.js +29 -33
- package/lib/treetable/Body.js +22 -33
- package/lib/treetable/Header.js +13 -15
- package/lib/treetable/Row.d.ts +1 -1
- package/lib/treetable/Row.js +107 -158
- package/lib/treetable/helpers.d.ts +1 -1
- package/lib/treetable/helpers.js +18 -24
- package/lib/treetable/index.d.ts +2 -2
- package/lib/treetable/index.js +11 -12
- package/lib/treeview/Header.js +11 -9
- package/lib/treeview/Node.js +109 -148
- package/lib/treeview/constants.js +2 -2
- package/lib/treeview/index.js +156 -221
- package/lib/uitour/helpers.js +3 -3
- package/lib/uitour/index.js +67 -106
- package/package.json +5 -14
- /package/lib/{types.d-BfM3lUbt.d.ts → types.d-DvJcBS8L.d.ts} +0 -0
package/lib/inputs/date/index.js
CHANGED
|
@@ -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
|
|
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 : {
|
|
20
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function
|
|
21
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" !=
|
|
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
|
-
|
|
24
|
-
|
|
25
|
-
|
|
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
|
-
|
|
34
|
-
showButtonOpen =
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
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
|
-
}
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
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(
|
|
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
|
-
|
|
59
|
+
const onClickOutside = event => {
|
|
95
60
|
var _buttonOpenRef$curren;
|
|
96
|
-
|
|
97
|
-
|
|
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
|
-
|
|
69
|
+
const openCalendar = () => {
|
|
103
70
|
setShowCalendar(true);
|
|
104
|
-
if (
|
|
105
|
-
setInputDimensions(
|
|
71
|
+
if (inputRef.current) {
|
|
72
|
+
setInputDimensions(inputRef.current.getBoundingClientRect());
|
|
106
73
|
}
|
|
107
74
|
};
|
|
108
|
-
|
|
109
|
-
|
|
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
|
-
|
|
86
|
+
const onInputFocus = e => {
|
|
118
87
|
if (props.onFocus) props.onFocus(e);
|
|
119
88
|
if (openOnFocus) openCalendar();
|
|
120
89
|
};
|
|
121
|
-
|
|
90
|
+
const onInputBlur = e => {
|
|
122
91
|
if (props.onBlur) props.onBlur(e);
|
|
123
92
|
if (!insideDropdown) setShowCalendar(false);
|
|
124
93
|
};
|
|
125
|
-
|
|
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
|
-
|
|
100
|
+
const onInputChange = (event, valueInput) => {
|
|
132
101
|
if (props.onChange && event) {
|
|
133
|
-
if ((0, _moment
|
|
134
|
-
|
|
135
|
-
|
|
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
|
-
|
|
112
|
+
const obj = {
|
|
144
113
|
target: {
|
|
145
114
|
value: '',
|
|
146
115
|
name: event.target.name
|
|
147
116
|
}
|
|
148
117
|
};
|
|
149
|
-
props.onChange(
|
|
118
|
+
props.onChange(obj, valueInput);
|
|
150
119
|
setShowCalendar(false);
|
|
151
120
|
setValueState(undefined);
|
|
152
121
|
}
|
|
153
122
|
}
|
|
154
123
|
};
|
|
155
|
-
|
|
124
|
+
const setValue = (valueParam, e) => {
|
|
156
125
|
var _inputRef$current2;
|
|
157
|
-
if (showCalendar && setFocusOnSelect) (_inputRef$current2 =
|
|
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
|
|
131
|
+
name
|
|
163
132
|
}
|
|
164
133
|
}, valueParam);
|
|
165
134
|
if (shouldCloseOnSelect) setShowCalendar(false);
|
|
166
|
-
setValueState((0, _moment
|
|
135
|
+
setValueState((0, _moment.default)(valueParam, _helpers.PT_BR_FORMAT));
|
|
167
136
|
};
|
|
168
|
-
|
|
169
|
-
|
|
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
|
|
140
|
+
return /*#__PURE__*/_react.default.createElement(_buttons.default, {
|
|
174
141
|
key: "button-",
|
|
175
142
|
boxShadow: false,
|
|
176
|
-
icon: /*#__PURE__*/_react
|
|
143
|
+
icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
|
|
177
144
|
name: "calendar",
|
|
178
145
|
size: 16
|
|
179
146
|
}),
|
|
180
|
-
onClick:
|
|
147
|
+
onClick: () => {
|
|
181
148
|
openCalendar();
|
|
182
149
|
},
|
|
183
150
|
customClass: "calendar-button",
|
|
184
151
|
tabIndex: -1,
|
|
185
|
-
targetRef:
|
|
152
|
+
targetRef: ref => {
|
|
186
153
|
buttonOpenRef.current = ref;
|
|
187
154
|
},
|
|
188
155
|
disabled: shouldDisable()
|
|
189
156
|
});
|
|
190
157
|
};
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
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
|
|
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
|
|
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:
|
|
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)(
|
|
219
|
-
|
|
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)(
|
|
191
|
+
(0, _react.useEffect)(() => {
|
|
227
192
|
window.addEventListener('resize', onScreenResize);
|
|
228
193
|
document.addEventListener('click', onClickOutside);
|
|
229
194
|
document.addEventListener('mousemove', onMouseMove);
|
|
230
|
-
if (
|
|
231
|
-
return
|
|
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
|
-
}, [
|
|
240
|
-
(0, _react.useEffect)(
|
|
241
|
-
if (value && (0, _moment
|
|
242
|
-
setValueState((0, _moment
|
|
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
|
|
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:
|
|
219
|
+
onComplete: (e, date) => {
|
|
255
220
|
if (date) {
|
|
256
221
|
setValue(date, e);
|
|
257
222
|
}
|
|
258
223
|
},
|
|
259
|
-
onBlur:
|
|
224
|
+
onBlur: e => {
|
|
260
225
|
onInputBlur(e);
|
|
261
226
|
},
|
|
262
|
-
onFocus:
|
|
227
|
+
onFocus: e => {
|
|
263
228
|
onInputFocus(e);
|
|
264
229
|
},
|
|
265
230
|
onKeyDown: onInputKeyDown,
|
|
266
|
-
onChange:
|
|
231
|
+
onChange: (e, date) => {
|
|
267
232
|
if (date) onInputChange(e, date);
|
|
268
233
|
},
|
|
269
|
-
inputRef:
|
|
270
|
-
|
|
234
|
+
inputRef: el => {
|
|
235
|
+
inputRef.current = el;
|
|
271
236
|
},
|
|
272
237
|
rightElements: getButtonOpen(),
|
|
273
238
|
required: required,
|
|
274
|
-
handlerSetOnDenied:
|
|
275
|
-
return setOnDenied(onDenied);
|
|
276
|
-
}
|
|
239
|
+
handlerSetOnDenied: () => setOnDenied(onDenied)
|
|
277
240
|
})), showCalendar && getWrapperComponent());
|
|
278
241
|
};
|
|
279
|
-
var _default = exports
|
|
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
|
|
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 : {
|
|
18
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function
|
|
19
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" !=
|
|
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
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
};
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
},
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
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
|
-
|
|
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
|
|
66
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
89
67
|
className: "input-simple-file-container"
|
|
90
|
-
}, /*#__PURE__*/_react
|
|
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
|
|
77
|
+
rightElements: /*#__PURE__*/_react.default.createElement(_FileButtonSettings.default, {
|
|
100
78
|
id: id,
|
|
101
|
-
onBtnClickInsert:
|
|
102
|
-
return _onBtnClickInsert();
|
|
103
|
-
}
|
|
79
|
+
onBtnClickInsert: () => onBtnClickInsert()
|
|
104
80
|
})
|
|
105
81
|
}), popUpDescription(), buttonRemoveFile()), errorMessages && helperBase.getErrorMessages(errorMessages));
|
|
106
82
|
};
|
|
107
|
-
var _default = exports
|
|
83
|
+
var _default = exports.default = DefaultFile;
|