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
|
@@ -3,61 +3,63 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports
|
|
6
|
+
exports.default = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _BaseMask = _interopRequireDefault(require("../mask/BaseMask"));
|
|
9
9
|
var _format_number = require("./format_number");
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
11
|
-
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); }
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
11
|
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); }
|
|
13
12
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
14
13
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
15
14
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
16
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" ==
|
|
17
|
-
function _toPrimitive(t, r) { if ("object" !=
|
|
18
|
-
|
|
15
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
16
|
+
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
17
|
+
const returnEventFormattedValue = (props, event) => {
|
|
19
18
|
if (props.returnFormattedValueOnBlur || props.returnFormattedValueOnKeyDown) {
|
|
20
19
|
// Retornando um objeto com a mesma estrutura do Proxy original
|
|
21
20
|
// para recuperacao do valor formatado no padrão americano.
|
|
22
21
|
// O retorno poderá ser modificado conforme necessidade, desde que seja
|
|
23
22
|
// mantido o path até a propriedade value e name.
|
|
24
|
-
|
|
25
|
-
value
|
|
26
|
-
name
|
|
23
|
+
const {
|
|
24
|
+
value,
|
|
25
|
+
name
|
|
26
|
+
} = event.target;
|
|
27
27
|
return _objectSpread(_objectSpread({}, event), {}, {
|
|
28
28
|
target: {
|
|
29
29
|
value: (0, _format_number.numberToEnUS)(value),
|
|
30
|
-
name
|
|
30
|
+
name
|
|
31
31
|
}
|
|
32
32
|
});
|
|
33
33
|
}
|
|
34
34
|
return event;
|
|
35
35
|
};
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
36
|
+
const getEventProps = props => {
|
|
37
|
+
const {
|
|
38
|
+
returnFormattedValueOnBlur,
|
|
39
|
+
returnFormattedValueOnKeyDown
|
|
40
|
+
} = props;
|
|
39
41
|
if (props.isNumeric) return {};
|
|
40
42
|
return {
|
|
41
|
-
onBlur:
|
|
43
|
+
onBlur: e => {
|
|
42
44
|
if (props.onBlur) {
|
|
43
|
-
|
|
45
|
+
const formattedEvent = returnFormattedValueOnBlur ? returnEventFormattedValue(props, e) : e;
|
|
44
46
|
props.onBlur(formattedEvent);
|
|
45
47
|
}
|
|
46
48
|
},
|
|
47
|
-
onKeyDown:
|
|
49
|
+
onKeyDown: e => {
|
|
48
50
|
if (props.onKeyDown) {
|
|
49
|
-
|
|
51
|
+
const formattedEvent = returnFormattedValueOnKeyDown ? returnEventFormattedValue(props, e) : e;
|
|
50
52
|
props.onKeyDown(formattedEvent);
|
|
51
53
|
}
|
|
52
54
|
}
|
|
53
55
|
};
|
|
54
56
|
};
|
|
55
|
-
|
|
56
|
-
|
|
57
|
+
const BaseNumber = props => {
|
|
58
|
+
const eventProps = _objectSpread(_objectSpread({}, props), {}, {
|
|
57
59
|
returnFormattedValueOnBlur: true,
|
|
58
60
|
returnFormattedValueOnKeyDown: true
|
|
59
61
|
});
|
|
60
|
-
return /*#__PURE__*/_react
|
|
62
|
+
return /*#__PURE__*/_react.default.createElement(_BaseMask.default, _extends({
|
|
61
63
|
value: (0, _format_number.numberToPtBR)(props.value),
|
|
62
64
|
thousandsSeparator: ".",
|
|
63
65
|
radix: ",",
|
|
@@ -65,4 +67,4 @@ var BaseNumber = function BaseNumber(props) {
|
|
|
65
67
|
isNumeric: true
|
|
66
68
|
}, props, getEventProps(eventProps)));
|
|
67
69
|
};
|
|
68
|
-
var _default = exports
|
|
70
|
+
var _default = exports.default = BaseNumber;
|
|
@@ -3,19 +3,20 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports
|
|
6
|
+
exports.default = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _BaseNumber = _interopRequireDefault(require("./BaseNumber"));
|
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
10
|
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); }
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
currencySymbol =
|
|
14
|
-
|
|
11
|
+
const CurrencyField = props => {
|
|
12
|
+
const {
|
|
13
|
+
currencySymbol = 'R$'
|
|
14
|
+
} = props;
|
|
15
|
+
const leftElements = props.displayCurrencySymbol ? /*#__PURE__*/_react.default.createElement("span", {
|
|
15
16
|
className: "currency-symbol"
|
|
16
17
|
}, currencySymbol) : [];
|
|
17
|
-
return /*#__PURE__*/_react
|
|
18
|
+
return /*#__PURE__*/_react.default.createElement(_BaseNumber.default, _extends({}, props, {
|
|
18
19
|
leftElements: leftElements
|
|
19
20
|
}));
|
|
20
21
|
};
|
|
21
|
-
var _default = exports
|
|
22
|
+
var _default = exports.default = CurrencyField;
|
|
@@ -3,11 +3,9 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports
|
|
6
|
+
exports.default = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _BaseNumber = _interopRequireDefault(require("./BaseNumber"));
|
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
};
|
|
13
|
-
var _default = exports["default"] = DecimalField;
|
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
+
const DecimalField = props => /*#__PURE__*/_react.default.createElement(_BaseNumber.default, props);
|
|
11
|
+
var _default = exports.default = DecimalField;
|
|
@@ -4,21 +4,24 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.numberToPtBR = exports.numberToEnUS = exports.formatOnlyNumbers = void 0;
|
|
7
|
-
|
|
7
|
+
const numberToPtBR = value => {
|
|
8
8
|
if (value !== undefined && typeof value === 'number') {
|
|
9
9
|
return value.toLocaleString('pt-BR');
|
|
10
10
|
}
|
|
11
11
|
return value;
|
|
12
12
|
};
|
|
13
|
-
|
|
14
|
-
|
|
13
|
+
exports.numberToPtBR = numberToPtBR;
|
|
14
|
+
const numberToEnUS = value => {
|
|
15
|
+
let formattedNumber;
|
|
15
16
|
if (value) {
|
|
16
17
|
formattedNumber = value.replaceAll('.', '').replaceAll(',', '.');
|
|
17
18
|
return Number(formattedNumber);
|
|
18
19
|
}
|
|
19
20
|
return value;
|
|
20
21
|
};
|
|
21
|
-
|
|
22
|
-
|
|
22
|
+
exports.numberToEnUS = numberToEnUS;
|
|
23
|
+
const formatOnlyNumbers = value => {
|
|
24
|
+
const teste = value.replace(/[._\-/()\s+]/g, '');
|
|
23
25
|
return teste;
|
|
24
|
-
};
|
|
26
|
+
};
|
|
27
|
+
exports.formatOnlyNumbers = formatOnlyNumbers;
|
|
@@ -5,31 +5,31 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
Object.defineProperty(exports, "CurrencyField", {
|
|
7
7
|
enumerable: true,
|
|
8
|
-
get: function
|
|
9
|
-
return _Currency
|
|
8
|
+
get: function () {
|
|
9
|
+
return _Currency.default;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
12
|
Object.defineProperty(exports, "DecimalField", {
|
|
13
13
|
enumerable: true,
|
|
14
|
-
get: function
|
|
15
|
-
return _Decimal
|
|
14
|
+
get: function () {
|
|
15
|
+
return _Decimal.default;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
|
-
exports
|
|
18
|
+
exports.default = void 0;
|
|
19
19
|
var _react = _interopRequireDefault(require("react"));
|
|
20
20
|
var _BaseMask = _interopRequireDefault(require("../mask/BaseMask"));
|
|
21
21
|
var _Currency = _interopRequireDefault(require("./Currency"));
|
|
22
22
|
var _Decimal = _interopRequireDefault(require("./Decimal"));
|
|
23
23
|
require("../../assets/styles/numbers.scss");
|
|
24
24
|
var _format_number = require("./format_number");
|
|
25
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
25
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
26
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
|
-
|
|
28
|
-
|
|
29
|
-
textAlign =
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
return /*#__PURE__*/_react
|
|
27
|
+
const NumberField = props => {
|
|
28
|
+
const {
|
|
29
|
+
textAlign = 'left',
|
|
30
|
+
value = ''
|
|
31
|
+
} = props;
|
|
32
|
+
return /*#__PURE__*/_react.default.createElement(_BaseMask.default, _extends({
|
|
33
33
|
value: typeof value === 'number' ? (0, _format_number.numberToPtBR)(value) : value,
|
|
34
34
|
textAlign: textAlign,
|
|
35
35
|
mask: Number,
|
|
@@ -38,4 +38,4 @@ var NumberField = function NumberField(props) {
|
|
|
38
38
|
padFractionalZeros: false
|
|
39
39
|
}, props));
|
|
40
40
|
};
|
|
41
|
-
var _default = exports
|
|
41
|
+
var _default = exports.default = NumberField;
|
|
@@ -3,15 +3,17 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports
|
|
6
|
+
exports.default = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _base = _interopRequireDefault(require("../../dialog/base"));
|
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
+
const Dialog = _ref => {
|
|
11
|
+
let {
|
|
12
|
+
onOpenChange,
|
|
13
|
+
children,
|
|
14
|
+
dialogSize
|
|
15
|
+
} = _ref;
|
|
16
|
+
return /*#__PURE__*/_react.default.createElement(_base.default, {
|
|
15
17
|
width: dialogSize.width,
|
|
16
18
|
height: dialogSize.height,
|
|
17
19
|
onOpenChange: onOpenChange,
|
|
@@ -20,4 +22,4 @@ var Dialog = function Dialog(_ref) {
|
|
|
20
22
|
wrapperClassName: ""
|
|
21
23
|
}, children);
|
|
22
24
|
};
|
|
23
|
-
var _default = exports
|
|
25
|
+
var _default = exports.default = Dialog;
|
|
@@ -3,26 +3,26 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports
|
|
6
|
+
exports.default = void 0;
|
|
7
7
|
var _react = require("react");
|
|
8
8
|
var _reactDom = _interopRequireDefault(require("react-dom"));
|
|
9
9
|
var _helper = _interopRequireDefault(require("./helper"));
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
(0, _react.useEffect)(
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
+
const body = document.getElementsByTagName('body')[0];
|
|
12
|
+
const Dropdown = props => {
|
|
13
|
+
const elementRef = (0, _react.useRef)(document.createElement('div'));
|
|
14
|
+
(0, _react.useEffect)(() => {
|
|
15
15
|
elementRef.current.className = 'datepicker-component';
|
|
16
|
-
elementRef.current.setAttribute('style', (0, _helper
|
|
16
|
+
elementRef.current.setAttribute('style', (0, _helper.default)(props));
|
|
17
17
|
body.appendChild(elementRef.current);
|
|
18
18
|
props.dropdownRef(elementRef.current);
|
|
19
|
-
return
|
|
19
|
+
return () => {
|
|
20
20
|
body.removeChild(elementRef.current);
|
|
21
21
|
};
|
|
22
22
|
}, []);
|
|
23
|
-
(0, _react.useEffect)(
|
|
24
|
-
elementRef.current.setAttribute('style', (0, _helper
|
|
23
|
+
(0, _react.useEffect)(() => {
|
|
24
|
+
elementRef.current.setAttribute('style', (0, _helper.default)(props));
|
|
25
25
|
}, [props]);
|
|
26
|
-
return /*#__PURE__*/_reactDom
|
|
26
|
+
return /*#__PURE__*/_reactDom.default.createPortal(props.children, elementRef.current);
|
|
27
27
|
};
|
|
28
|
-
var _default = exports
|
|
28
|
+
var _default = exports.default = Dropdown;
|
|
@@ -3,11 +3,11 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports
|
|
6
|
+
exports.default = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _helper = require("./helper");
|
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
10
|
-
|
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
+
const periodOptions = [{
|
|
11
11
|
id: 'today',
|
|
12
12
|
label: 'Hoje'
|
|
13
13
|
}, {
|
|
@@ -29,31 +29,33 @@ var periodOptions = [{
|
|
|
29
29
|
id: 'custom',
|
|
30
30
|
label: 'Customizar'
|
|
31
31
|
}];
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
32
|
+
const PeriodList = _ref => {
|
|
33
|
+
let {
|
|
34
|
+
selected,
|
|
35
|
+
handleOnSelect
|
|
36
|
+
} = _ref;
|
|
37
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
36
38
|
className: "dropdown-period"
|
|
37
|
-
}, periodOptions.map(
|
|
38
|
-
|
|
39
|
-
return /*#__PURE__*/_react
|
|
39
|
+
}, periodOptions.map(item => {
|
|
40
|
+
const itemSelected = selected === item.id;
|
|
41
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
40
42
|
role: "button",
|
|
41
43
|
tabIndex: -1,
|
|
42
|
-
onKeyDown:
|
|
44
|
+
onKeyDown: () => {},
|
|
43
45
|
key: "item-".concat(item.id),
|
|
44
46
|
className: (0, _helper.getDropdownItemCssClass)(itemSelected),
|
|
45
|
-
onClick:
|
|
46
|
-
|
|
47
|
+
onClick: () => {
|
|
48
|
+
const dates = item.id !== 'custom' ? (0, _helper.CalcDatesByPeriod)(item.id) : null;
|
|
47
49
|
handleOnSelect(item.id, dates);
|
|
48
50
|
}
|
|
49
|
-
}, /*#__PURE__*/_react
|
|
51
|
+
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
50
52
|
role: "button",
|
|
51
53
|
className: "menubutton",
|
|
52
54
|
tabIndex: -1,
|
|
53
|
-
onKeyPress:
|
|
54
|
-
}, /*#__PURE__*/_react
|
|
55
|
+
onKeyPress: () => {}
|
|
56
|
+
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
55
57
|
className: "label"
|
|
56
58
|
}, item.label)));
|
|
57
59
|
}));
|
|
58
60
|
};
|
|
59
|
-
var _default = exports
|
|
61
|
+
var _default = exports.default = PeriodList;
|
|
@@ -3,61 +3,62 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.isDateValid = exports.getDropdownItemCssClass = exports
|
|
6
|
+
exports.isDateValid = exports.getDropdownItemCssClass = exports.default = exports.CalcDatesByPeriod = void 0;
|
|
7
7
|
var _moment = _interopRequireDefault(require("moment"));
|
|
8
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
8
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
9
|
+
const getCalendarDropdownStyle = _ref => {
|
|
10
|
+
let {
|
|
11
|
+
topPosition,
|
|
12
|
+
leftPosition,
|
|
13
|
+
width
|
|
14
|
+
} = _ref;
|
|
13
15
|
return "top: ".concat(topPosition, "px;\n left: ").concat(leftPosition, "px;\n width:").concat(width, "px");
|
|
14
16
|
};
|
|
15
|
-
var _default = exports
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
17
|
+
var _default = exports.default = getCalendarDropdownStyle;
|
|
18
|
+
const getDropdownItemCssClass = function () {
|
|
19
|
+
let selected = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
|
|
20
|
+
let disabled = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
21
|
+
let striped = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
22
|
+
let className = 'item';
|
|
21
23
|
className += selected && !disabled ? ' -selected ' : '';
|
|
22
24
|
className += disabled ? ' -disabled' : '';
|
|
23
25
|
className += !selected && !disabled && striped ? ' -striped ' : '';
|
|
24
26
|
return className;
|
|
25
27
|
};
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
var weekEnd = currentDate.clone().endOf('week');
|
|
28
|
+
exports.getDropdownItemCssClass = getDropdownItemCssClass;
|
|
29
|
+
const CalcDatesByPeriod = dateType => {
|
|
30
|
+
const currentDate = (0, _moment.default)();
|
|
31
|
+
const dateTypes = {
|
|
32
|
+
today: () => [currentDate, currentDate],
|
|
33
|
+
week: () => {
|
|
34
|
+
const weekStart = currentDate.clone().startOf('week');
|
|
35
|
+
const weekEnd = currentDate.clone().endOf('week');
|
|
35
36
|
return [weekStart, weekEnd];
|
|
36
37
|
},
|
|
37
|
-
lastweek:
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
38
|
+
lastweek: () => {
|
|
39
|
+
const lastWeek = currentDate.subtract(1, 'weeks');
|
|
40
|
+
const weekStart = lastWeek.clone().startOf('week');
|
|
41
|
+
const weekEnd = lastWeek.clone().endOf('week');
|
|
41
42
|
return [weekStart, weekEnd];
|
|
42
43
|
},
|
|
43
|
-
last15:
|
|
44
|
-
|
|
44
|
+
last15: () => {
|
|
45
|
+
const last15Day = (0, _moment.default)(currentDate);
|
|
45
46
|
return [last15Day.subtract(15, 'days'), currentDate];
|
|
46
47
|
},
|
|
47
|
-
month:
|
|
48
|
-
|
|
49
|
-
|
|
48
|
+
month: () => {
|
|
49
|
+
const monthStart = currentDate.clone().startOf('month');
|
|
50
|
+
const monthEnd = currentDate.clone().endOf('month');
|
|
50
51
|
return [monthStart, monthEnd];
|
|
51
52
|
},
|
|
52
|
-
lastmonth:
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
53
|
+
lastmonth: () => {
|
|
54
|
+
const lastMonth = currentDate.subtract(1, 'months');
|
|
55
|
+
const monthStart = lastMonth.clone().startOf('month');
|
|
56
|
+
const monthEnd = lastMonth.clone().endOf('month');
|
|
56
57
|
return [monthStart, monthEnd];
|
|
57
58
|
}
|
|
58
59
|
};
|
|
59
60
|
return dateTypes[dateType]();
|
|
60
61
|
};
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
62
|
+
exports.CalcDatesByPeriod = CalcDatesByPeriod;
|
|
63
|
+
const isDateValid = date => date && (0, _moment.default)(date).isValid();
|
|
64
|
+
exports.isDateValid = isDateValid;
|