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