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.
- package/lib/@types/Align.d.ts +1 -1
- package/lib/@types/ButtonTypes.d.ts +1 -1
- package/lib/@types/ColorStyles.d.ts +1 -1
- package/lib/@types/DataCombo.d.ts +1 -1
- package/lib/@types/Icon.d.ts +1 -1
- package/lib/@types/LabelStyles.d.ts +1 -1
- package/lib/@types/Period.d.ts +1 -1
- package/lib/@types/PermissionAttr.d.ts +2 -2
- package/lib/@types/PointerEvents.d.ts +1 -1
- package/lib/@types/Position.d.ts +1 -1
- package/lib/@types/PositionAlert.d.ts +1 -1
- package/lib/@types/Size.d.ts +1 -1
- package/lib/@types/SizePixels.d.ts +1 -1
- package/lib/alerts/AlertContainer.js +21 -5
- package/lib/alerts/AlertProvider.js +45 -15
- package/lib/alerts/BaseAlert.js +20 -4
- package/lib/alerts/Message.js +32 -21
- package/lib/alerts/helpers.js +2 -0
- package/lib/alerts/index.d.ts +1 -4
- package/lib/alerts/index.js +4 -0
- package/lib/alerts/types.d.ts +4 -4
- package/lib/alerts/withAlert.js +12 -1
- package/lib/avatar/index.js +35 -20
- package/lib/badge/index.js +14 -9
- package/lib/buttons/ActivateButton.js +6 -0
- package/lib/buttons/AddButton.js +7 -0
- package/lib/buttons/Button.js +15 -2
- package/lib/buttons/ButtonGroups.js +4 -0
- package/lib/buttons/CancelButton.js +11 -1
- package/lib/buttons/DangerButton.js +11 -1
- package/lib/buttons/DefaultButton.js +81 -45
- package/lib/buttons/DestroyButton.js +12 -1
- package/lib/buttons/EditButton.js +6 -0
- package/lib/buttons/InactivateButton.js +6 -0
- package/lib/buttons/InfoButton.js +11 -1
- package/lib/buttons/PrimaryButton.js +11 -1
- package/lib/buttons/RestoreButton.js +6 -0
- package/lib/buttons/SaveButton.js +11 -1
- package/lib/buttons/SuccessButton.js +11 -1
- package/lib/buttons/WarningButton.js +11 -1
- package/lib/buttons/button_container/index.js +11 -5
- package/lib/buttons/index.d.ts +1 -4
- package/lib/buttons/index.js +18 -0
- package/lib/buttons/split_button/index.js +17 -11
- package/lib/calendar/DangerCalendar.js +11 -1
- package/lib/calendar/InfoCalendar.js +11 -1
- package/lib/calendar/PrimaryCalendar.js +11 -1
- package/lib/calendar/SuccessCalendar.js +11 -1
- package/lib/calendar/WarningCalendar.js +11 -1
- package/lib/calendar/base/Day.js +13 -2
- package/lib/calendar/base/Month.js +18 -1
- package/lib/calendar/base/Week.js +18 -2
- package/lib/calendar/base/helpers.js +24 -8
- package/lib/calendar/base/index.js +37 -13
- package/lib/calendar/index.d.ts +1 -4
- package/lib/calendar/index.js +8 -0
- package/lib/checkbox/Label.js +7 -1
- package/lib/checkbox/index.js +53 -28
- package/lib/checkbox/types.d.ts +2 -2
- package/lib/dialog/Alert.js +8 -0
- package/lib/dialog/Custom.js +17 -5
- package/lib/dialog/Error.js +8 -0
- package/lib/dialog/Information.js +8 -0
- package/lib/dialog/Question.js +15 -4
- package/lib/dialog/Warning.js +8 -0
- package/lib/dialog/base/Content.js +6 -1
- package/lib/dialog/base/Footer.js +4 -0
- package/lib/dialog/base/Header.js +13 -5
- package/lib/dialog/base/index.js +28 -7
- package/lib/dialog/base/style.js +2 -0
- package/lib/dialog/form/index.js +29 -9
- package/lib/dialog/index.d.ts +1 -4
- package/lib/dialog/index.js +9 -0
- package/lib/drawer/Content.js +13 -2
- package/lib/drawer/Drawer.js +58 -22
- package/lib/drawer/Header.js +27 -10
- package/lib/drawer/helpers.js +4 -0
- package/lib/drawer/index.js +8 -0
- package/lib/dropdown/Popup.js +32 -19
- package/lib/dropdown/helper.js +4 -0
- package/lib/dropdown/withDropdown.js +47 -18
- package/lib/fieldset/index.js +46 -21
- package/lib/form/Field.js +42 -16
- package/lib/form/FieldArray.js +32 -15
- package/lib/form/FieldNumber.js +20 -6
- package/lib/form/FieldPeriod.js +21 -9
- package/lib/form/helpers.js +30 -5
- package/lib/form/index.js +91 -36
- package/lib/form/types.d.ts +6 -6
- package/lib/form/withFieldHOC.js +34 -15
- package/lib/form/withFormSecurity.js +28 -5
- package/lib/gridlayout/GridCol.js +11 -5
- package/lib/gridlayout/GridRow.js +9 -3
- package/lib/gridlayout/index.d.ts +1 -4
- package/lib/gridlayout/index.js +4 -0
- package/lib/icons/index.js +26 -16
- package/lib/icons/types.d.ts +1 -1
- package/lib/index.d.ts +1 -1
- package/lib/index.js +10 -0
- package/lib/inputs/base/InputTextBase.js +73 -49
- package/lib/inputs/base/helpers.js +19 -6
- package/lib/inputs/color/index.js +38 -11
- package/lib/inputs/date/Dialog.js +7 -2
- package/lib/inputs/date/Dropdown.js +8 -1
- package/lib/inputs/date/helpers.js +11 -2
- package/lib/inputs/date/index.js +101 -48
- package/lib/inputs/file/DefaultFile.js +42 -13
- package/lib/inputs/file/DragDropFile.js +90 -37
- package/lib/inputs/file/File.js +25 -4
- package/lib/inputs/file/FileButtonSettings.js +11 -5
- package/lib/inputs/file/helpers.js +5 -0
- package/lib/inputs/file/index.d.ts +1 -4
- package/lib/inputs/file/index.js +6 -0
- package/lib/inputs/file/types.d.ts +1 -1
- package/lib/inputs/inputHOC.js +34 -10
- package/lib/inputs/mask/BaseMask.js +17 -1
- package/lib/inputs/mask/Cnpj.js +37 -12
- package/lib/inputs/mask/Cpf.js +33 -10
- package/lib/inputs/mask/Phone.js +6 -0
- package/lib/inputs/mask/ZipCode.js +6 -0
- package/lib/inputs/mask/helpers.js +20 -8
- package/lib/inputs/mask/imaskHOC.js +83 -52
- package/lib/inputs/mask/index.d.ts +1 -4
- package/lib/inputs/mask/index.js +7 -0
- package/lib/inputs/multiSelect/ActionButtons.js +13 -4
- package/lib/inputs/multiSelect/Dropdown.js +46 -23
- package/lib/inputs/multiSelect/helper.d.ts +1 -1
- package/lib/inputs/multiSelect/helper.js +5 -3
- package/lib/inputs/multiSelect/index.js +105 -41
- package/lib/inputs/multiSelect/types.d.ts +2 -2
- package/lib/inputs/number/BaseNumber.js +16 -3
- package/lib/inputs/number/Currency.js +7 -1
- package/lib/inputs/number/Decimal.js +5 -0
- package/lib/inputs/number/format_number.js +7 -0
- package/lib/inputs/number/index.js +13 -3
- package/lib/inputs/period/Dialog.js +7 -2
- package/lib/inputs/period/Dropdown.js +7 -0
- package/lib/inputs/period/PeriodList.js +7 -1
- package/lib/inputs/period/helper.js +12 -2
- package/lib/inputs/period/index.js +114 -43
- package/lib/inputs/period/types.d.ts +1 -1
- package/lib/inputs/search/index.js +63 -18
- package/lib/inputs/select/ActionButtons.js +12 -4
- package/lib/inputs/select/Dropdown.js +49 -29
- package/lib/inputs/select/helper.d.ts +1 -1
- package/lib/inputs/select/helper.js +27 -11
- package/lib/inputs/select/index.js +22 -7
- package/lib/inputs/select/multiple/Selecteds.js +8 -4
- package/lib/inputs/select/multiple/index.js +100 -39
- package/lib/inputs/select/simple/index.js +123 -59
- package/lib/inputs/select/types.d.ts +4 -4
- package/lib/inputs/text/index.js +5 -1
- package/lib/inputs/text/types.d.ts +1 -1
- package/lib/inputs/textarea/index.js +10 -4
- package/lib/inputs/types.d.ts +1 -1
- package/lib/internals/withTooltip.js +70 -25
- package/lib/labelMessages/index.js +45 -25
- package/lib/labels/DangerLabel.js +11 -1
- package/lib/labels/DefaultLabel.js +41 -19
- package/lib/labels/InfoLabel.js +11 -1
- package/lib/labels/PrimaryLabel.js +11 -1
- package/lib/labels/SuccessLabel.js +11 -1
- package/lib/labels/WarningLabel.js +11 -1
- package/lib/labels/index.d.ts +1 -4
- package/lib/labels/index.js +10 -0
- package/lib/labels/label_container/index.js +7 -3
- package/lib/list/Header.js +7 -3
- package/lib/list/Item.js +68 -33
- package/lib/list/Separator.js +4 -0
- package/lib/list/helpers.js +4 -0
- package/lib/list/index.js +60 -25
- package/lib/list/types.d.ts +1 -1
- package/lib/menus/float/MenuItem.js +26 -9
- package/lib/menus/float/SubMenuContainer.js +17 -5
- package/lib/menus/float/helpers.js +4 -0
- package/lib/menus/float/index.js +21 -8
- package/lib/menus/index.d.ts +1 -4
- package/lib/menus/index.js +3 -0
- package/lib/menus/sidenav/ExpandMenu.js +7 -2
- package/lib/menus/sidenav/MenuLink.js +12 -3
- package/lib/menus/sidenav/NavMenuGroup.js +12 -3
- package/lib/menus/sidenav/NavMenuItem.js +56 -27
- package/lib/menus/sidenav/NavSubMenuItem.js +27 -8
- package/lib/menus/sidenav/helpers.js +9 -0
- package/lib/menus/sidenav/index.js +75 -26
- package/lib/menus/sidenav/popup_menu_search/EmptyList.js +7 -2
- package/lib/menus/sidenav/popup_menu_search/index.js +45 -15
- package/lib/menus/sidenav/types.d.ts +1 -1
- package/lib/noPermission/index.js +6 -0
- package/lib/panel/Content.d.ts +1 -1
- package/lib/panel/Content.js +22 -7
- package/lib/panel/DangerPanel.d.ts +1 -1
- package/lib/panel/DangerPanel.js +7 -0
- package/lib/panel/Default.d.ts +1 -1
- package/lib/panel/Default.js +44 -20
- package/lib/panel/Header.d.ts +1 -1
- package/lib/panel/Header.js +27 -12
- package/lib/panel/InfoPanel.d.ts +1 -1
- package/lib/panel/InfoPanel.js +7 -0
- package/lib/panel/PrimaryPanel.d.ts +1 -1
- package/lib/panel/PrimaryPanel.js +7 -0
- package/lib/panel/SuccessPanel.d.ts +1 -1
- package/lib/panel/SuccessPanel.js +7 -0
- package/lib/panel/ToolBar.d.ts +1 -1
- package/lib/panel/ToolBar.js +5 -0
- package/lib/panel/WarningPanel.d.ts +1 -1
- package/lib/panel/WarningPanel.js +7 -0
- package/lib/panel/helpers.d.ts +1 -1
- package/lib/panel/helpers.js +10 -2
- package/lib/panel/index.d.ts +2 -5
- package/lib/panel/index.js +11 -0
- package/lib/panel/types.d.ts +1 -1
- package/lib/permissionValidations.js +15 -3
- package/lib/popover/PopoverText.js +4 -0
- package/lib/popover/PopoverTitle.js +4 -0
- package/lib/popover/index.js +23 -12
- package/lib/progress/Bar.js +33 -20
- package/lib/progress/index.js +14 -5
- package/lib/radio/index.js +46 -23
- package/lib/skeleton/SkeletonContainer.js +9 -3
- package/lib/skeleton/index.js +22 -10
- package/lib/spinner/SpinnerLoading.js +7 -3
- package/lib/spinner/index.js +40 -18
- package/lib/split/Split.js +83 -32
- package/lib/split/SplitSide.js +18 -6
- package/lib/split/helpers.d.ts +1 -1
- package/lib/split/helpers.js +4 -0
- package/lib/split/index.d.ts +1 -4
- package/lib/split/index.js +5 -0
- package/lib/table/Body.js +29 -15
- package/lib/table/Header.js +28 -5
- package/lib/table/HeaderColumn.js +21 -10
- package/lib/table/Row.js +28 -18
- package/lib/table/RowColumn.js +29 -12
- package/lib/table/helpers.js +7 -0
- package/lib/table/index.js +62 -32
- package/lib/table/types.d.ts +1 -1
- package/lib/tabs/DropdownItems.js +21 -12
- package/lib/tabs/Menu.js +15 -5
- package/lib/tabs/MenuItems.js +33 -23
- package/lib/tabs/Panel.js +39 -14
- package/lib/tabs/index.js +113 -46
- package/lib/tabs/tabHelpers.js +16 -3
- package/lib/toolbar/ButtonBar.js +29 -13
- package/lib/toolbar/LabelBar.js +28 -11
- package/lib/toolbar/Separator.js +4 -0
- package/lib/toolbar/ToolBarGroup.js +6 -2
- package/lib/toolbar/helpers.js +2 -0
- package/lib/toolbar/index.js +23 -7
- package/lib/tooltip/index.js +25 -10
- package/lib/tooltip/types.d.ts +1 -1
- package/lib/treetable/Body.js +27 -9
- package/lib/treetable/Header.js +11 -1
- package/lib/treetable/Row.js +113 -58
- package/lib/treetable/helpers.js +10 -0
- package/lib/treetable/index.js +11 -0
- package/lib/treeview/Header.js +6 -2
- package/lib/treeview/Node.js +111 -47
- package/lib/treeview/constants.js +4 -0
- package/lib/treeview/index.js +134 -54
- package/lib/treeview/types.d.ts +2 -2
- package/lib/treeview_old/Header.js +6 -1
- package/lib/treeview_old/Node.js +32 -5
- package/lib/treeview_old/index.js +9 -1
- package/lib/{types-90c43ae1.d.ts → types-3c6f1c20.d.ts} +1 -1
- package/lib/uitour/index.js +73 -33
- package/lib/uitour/types.d.ts +1 -1
- 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
|
-
|
|
21
|
-
function
|
|
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
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
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
|
-
|
|
33
|
-
|
|
34
|
-
|
|
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
|
-
|
|
13
|
-
|
|
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
|
-
|
|
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
|
-
|
|
16
|
-
|
|
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;
|
package/lib/inputs/date/index.js
CHANGED
|
@@ -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
|
-
|
|
27
|
-
function
|
|
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
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
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
|
-
|
|
54
|
-
|
|
55
|
-
|
|
78
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
79
|
+
valueState = _useState2[0],
|
|
80
|
+
setValueState = _useState2[1];
|
|
81
|
+
|
|
56
82
|
var _useState3 = (0, _react.useState)(value),
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
83
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
84
|
+
valueFromProps = _useState4[0],
|
|
85
|
+
setValueFromProps = _useState4[1];
|
|
86
|
+
|
|
60
87
|
var _useState5 = (0, _react.useState)(false),
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
88
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
89
|
+
showCalendar = _useState6[0],
|
|
90
|
+
setShowCalendar = _useState6[1];
|
|
91
|
+
|
|
64
92
|
var _useState7 = (0, _react.useState)(),
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
93
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
94
|
+
inputDimensions = _useState8[0],
|
|
95
|
+
setInputDimensions = _useState8[1];
|
|
96
|
+
|
|
68
97
|
var _useState9 = (0, _react.useState)({
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
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
|
-
|
|
82
|
-
|
|
83
|
-
|
|
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
|
-
|
|
24
|
-
function
|
|
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
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
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
|
-
|
|
43
|
-
|
|
44
|
-
|
|
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;
|