linear-react-components-ui 1.0.0-rc.2 → 1.0.0-rc.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/alerts/AlertContainer.js +1 -20
- package/lib/alerts/AlertProvider.js +13 -43
- package/lib/alerts/BaseAlert.js +2 -18
- package/lib/alerts/Message.js +21 -32
- package/lib/alerts/helpers.js +0 -2
- package/lib/alerts/index.js +0 -4
- package/lib/alerts/withAlert.js +1 -12
- package/lib/assets/styles/effects.scss +59 -0
- package/lib/assets/styles/sidenav.scss +3 -1
- package/lib/assets/styles/treetable.scss +100 -0
- package/lib/avatar/index.js +20 -35
- 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 +43 -79
- 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/SuccessButton.js +1 -11
- package/lib/buttons/WarningButton.js +1 -11
- package/lib/buttons/button_container/index.js +5 -11
- 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 +0 -17
- package/lib/calendar/base/Week.js +1 -17
- package/lib/calendar/base/helpers.js +8 -24
- package/lib/calendar/base/index.js +11 -35
- package/lib/calendar/index.js +0 -8
- package/lib/checkbox/Label.js +1 -7
- package/lib/checkbox/index.js +26 -51
- 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/form/index.js +7 -27
- package/lib/dialog/index.js +0 -9
- package/lib/drawer/Content.js +2 -13
- package/lib/drawer/Drawer.js +13 -42
- package/lib/drawer/Header.js +10 -27
- package/lib/drawer/helpers.js +0 -4
- package/lib/drawer/index.js +0 -8
- package/lib/dropdown/Popup.js +19 -32
- package/lib/dropdown/helper.js +0 -4
- package/lib/dropdown/withDropdown.js +16 -45
- package/lib/fieldset/index.js +19 -44
- package/lib/form/Field.js +14 -40
- package/lib/form/FieldArray.js +11 -30
- package/lib/form/FieldNumber.js +6 -18
- package/lib/form/FieldPeriod.js +9 -21
- package/lib/form/helpers.js +4 -29
- package/lib/form/index.js +31 -88
- package/lib/form/types.d.ts +1 -0
- package/lib/form/withFieldHOC.js +13 -32
- package/lib/form/withFormSecurity.js +3 -26
- package/lib/gridlayout/GridCol.js +5 -11
- package/lib/gridlayout/GridRow.js +3 -9
- package/lib/gridlayout/index.js +0 -4
- package/lib/icons/index.js +16 -26
- package/lib/index.js +0 -10
- package/lib/inputs/base/InputTextBase.js +42 -66
- package/lib/inputs/base/helpers.js +5 -18
- package/lib/inputs/color/index.js +9 -36
- package/lib/inputs/date/Dialog.js +2 -7
- package/lib/inputs/date/Dropdown.js +1 -8
- package/lib/inputs/date/helpers.js +2 -11
- package/lib/inputs/date/index.js +46 -99
- package/lib/inputs/inputHOC.js +8 -32
- package/lib/inputs/mask/BaseMask.js +1 -14
- package/lib/inputs/mask/Cnpj.js +10 -35
- package/lib/inputs/mask/Cpf.js +8 -31
- package/lib/inputs/mask/Phone.js +0 -6
- package/lib/inputs/mask/ZipCode.js +0 -6
- package/lib/inputs/mask/helpers.js +8 -20
- package/lib/inputs/mask/imaskHOC.js +48 -78
- package/lib/inputs/mask/index.js +0 -7
- package/lib/inputs/mask/types.d.ts +4 -4
- package/lib/inputs/multiSelect/ActionButtons.js +4 -13
- package/lib/inputs/multiSelect/Dropdown.js +20 -43
- package/lib/inputs/multiSelect/helper.js +2 -4
- package/lib/inputs/multiSelect/index.js +47 -104
- package/lib/inputs/multiSelect/types.d.ts +2 -2
- package/lib/inputs/number/BaseNumber.d.ts +3 -0
- package/lib/inputs/number/BaseNumber.js +3 -10
- package/lib/inputs/number/Currency.d.ts +3 -0
- package/lib/inputs/number/Currency.js +1 -7
- package/lib/inputs/number/Decimal.d.ts +3 -0
- package/lib/inputs/number/Decimal.js +0 -5
- package/lib/inputs/number/format_number.js +0 -7
- package/lib/inputs/number/index.d.ts +3 -0
- package/lib/inputs/number/index.js +3 -13
- package/lib/inputs/number/types.d.ts +14 -11
- 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 +41 -112
- package/lib/inputs/search/index.js +16 -59
- package/lib/inputs/select/ActionButtons.js +4 -12
- package/lib/inputs/select/Dropdown.js +26 -46
- package/lib/inputs/select/helper.js +9 -25
- package/lib/inputs/select/index.js +5 -18
- package/lib/inputs/select/multiple/Selecteds.js +3 -7
- package/lib/inputs/select/multiple/index.js +35 -94
- package/lib/inputs/select/simple/index.js +58 -105
- package/lib/inputs/select/types.d.ts +28 -27
- package/lib/inputs/text/index.d.ts +2 -0
- package/lib/inputs/text/index.js +1 -5
- package/lib/inputs/text/types.d.ts +5 -2
- package/lib/inputs/textarea/index.d.ts +4 -0
- package/lib/inputs/textarea/index.js +4 -10
- package/lib/inputs/textarea/types.d.ts +6 -1
- package/lib/inputs/types.d.ts +2 -2
- package/lib/internals/withTooltip.js +23 -68
- package/lib/labelMessages/index.js +23 -43
- package/lib/labels/DangerLabel.js +1 -11
- package/lib/labels/DefaultLabel.js +17 -39
- 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.js +0 -10
- package/lib/labels/label_container/index.js +3 -7
- package/lib/list/Header.js +3 -7
- package/lib/list/Item.js +34 -70
- package/lib/list/Separator.js +0 -4
- package/lib/list/helpers.js +0 -4
- package/lib/list/index.js +23 -58
- package/lib/menus/float/MenuItem.js +8 -22
- package/lib/menus/float/helpers.js +0 -4
- package/lib/menus/float/index.js +8 -20
- 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 +25 -54
- package/lib/menus/sidenav/NavSubMenuItem.js +6 -25
- package/lib/menus/sidenav/helpers.js +0 -9
- package/lib/menus/sidenav/index.js +24 -73
- package/lib/menus/sidenav/popup_menu_search/EmptyList.js +2 -7
- package/lib/menus/sidenav/popup_menu_search/index.js +13 -43
- package/lib/noPermission/index.js +0 -6
- package/lib/panel/Content.js +7 -22
- package/lib/panel/DangerPanel.js +0 -7
- package/lib/panel/Default.js +18 -42
- package/lib/panel/Header.js +12 -27
- package/lib/panel/InfoPanel.js +0 -7
- package/lib/panel/PrimaryPanel.js +0 -7
- package/lib/panel/SuccessPanel.js +0 -7
- package/lib/panel/ToolBar.js +0 -5
- package/lib/panel/WarningPanel.js +0 -7
- package/lib/panel/helpers.js +2 -10
- package/lib/panel/index.js +0 -11
- 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/progress/Bar.js +20 -33
- package/lib/progress/index.js +5 -14
- package/lib/radio/index.js +21 -44
- 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 +16 -38
- package/lib/split/Split.js +30 -81
- package/lib/split/SplitSide.js +6 -18
- package/lib/split/helpers.js +0 -4
- package/lib/split/index.js +0 -5
- package/lib/table/Body.js +15 -29
- package/lib/table/Header.js +5 -28
- package/lib/table/HeaderColumn.js +10 -21
- package/lib/table/Row.js +20 -26
- package/lib/table/RowColumn.js +12 -29
- package/lib/table/helpers.js +0 -7
- package/lib/table/index.js +31 -61
- 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 +12 -37
- package/lib/tabs/index.js +44 -111
- package/lib/tabs/tabHelpers.js +3 -16
- 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/tooltip/index.js +10 -25
- package/lib/treetable/Body.d.ts +3 -0
- package/lib/treetable/Body.js +46 -0
- package/lib/treetable/Header.d.ts +3 -0
- package/lib/treetable/Header.js +27 -0
- package/lib/treetable/Row.d.ts +7 -0
- package/lib/treetable/Row.js +261 -0
- package/lib/treetable/helpers.d.ts +19 -0
- package/lib/treetable/helpers.js +41 -0
- package/lib/treetable/index.d.ts +8 -0
- package/lib/treetable/index.js +24 -0
- package/lib/treetable/types.d.js +5 -0
- package/lib/treeview/Header.js +2 -6
- package/lib/treeview/Node.js +45 -109
- package/lib/treeview/constants.js +0 -4
- package/lib/treeview/index.js +52 -132
- package/lib/treeview_old/Header.js +1 -6
- package/lib/treeview_old/Node.js +2 -31
- package/lib/treeview_old/index.js +1 -9
- package/lib/types.d-73cece43.d.ts +46 -0
- package/lib/uitour/index.js +31 -71
- package/package.json +1 -1
|
@@ -4,28 +4,22 @@ 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
|
require("../assets/styles/gridlayout.scss");
|
|
11
|
-
|
|
12
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
|
|
14
10
|
var getClass = function getClass(props) {
|
|
15
11
|
return "row ".concat(props.customClass, "\n ").concat(props.withTrim && ' -withtrim', "\n ").concat(props.verticalAlign && " align-".concat(props.verticalAlign), "\n ").concat(props.horizontalAlign && " justify-content-".concat(props.horizontalAlign));
|
|
16
12
|
};
|
|
17
|
-
|
|
18
13
|
var GridRow = function GridRow(props) {
|
|
19
14
|
var style = props.style,
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
15
|
+
children = props.children,
|
|
16
|
+
_props$visible = props.visible,
|
|
17
|
+
visible = _props$visible === void 0 ? true : _props$visible;
|
|
23
18
|
if (!visible) return null;
|
|
24
19
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
25
20
|
style: style,
|
|
26
21
|
className: getClass(props)
|
|
27
22
|
}, children);
|
|
28
23
|
};
|
|
29
|
-
|
|
30
24
|
var _default = GridRow;
|
|
31
25
|
exports.default = _default;
|
package/lib/gridlayout/index.js
CHANGED
|
@@ -10,12 +10,8 @@ Object.defineProperty(exports, "GridRow", {
|
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
12
|
exports.default = void 0;
|
|
13
|
-
|
|
14
13
|
var _GridRow = _interopRequireDefault(require("./GridRow"));
|
|
15
|
-
|
|
16
14
|
var _GridCol = _interopRequireDefault(require("./GridCol"));
|
|
17
|
-
|
|
18
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
-
|
|
20
16
|
var _default = _GridCol.default;
|
|
21
17
|
exports.default = _default;
|
package/lib/icons/index.js
CHANGED
|
@@ -4,43 +4,34 @@ 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 _helper = _interopRequireDefault(require("./helper"));
|
|
11
|
-
|
|
12
9
|
require("../assets/styles/icon.scss");
|
|
13
|
-
|
|
14
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
|
|
16
11
|
var listIcon = _helper.default;
|
|
17
12
|
var disabledIconColor = 'rgb(193, 193, 193)';
|
|
18
|
-
|
|
19
13
|
var Icon = function Icon(_ref) {
|
|
20
14
|
var _getPaths;
|
|
21
|
-
|
|
22
15
|
var name = _ref.name,
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
16
|
+
_onClick = _ref.onClick,
|
|
17
|
+
svgStruct = _ref.svgStruct,
|
|
18
|
+
_ref$size = _ref.size,
|
|
19
|
+
size = _ref$size === void 0 ? 16 : _ref$size,
|
|
20
|
+
_ref$style = _ref.style,
|
|
21
|
+
style = _ref$style === void 0 ? {} : _ref$style,
|
|
22
|
+
_ref$visible = _ref.visible,
|
|
23
|
+
visible = _ref$visible === void 0 ? true : _ref$visible,
|
|
24
|
+
_ref$disabled = _ref.disabled,
|
|
25
|
+
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
|
26
|
+
_ref$customClass = _ref.customClass,
|
|
27
|
+
customClass = _ref$customClass === void 0 ? '' : _ref$customClass,
|
|
28
|
+
_ref$color = _ref.color,
|
|
29
|
+
color = _ref$color === void 0 ? '#676464' : _ref$color,
|
|
30
|
+
_ref$pointerEvents = _ref.pointerEvents,
|
|
31
|
+
pointerEvents = _ref$pointerEvents === void 0 ? 'none' : _ref$pointerEvents;
|
|
40
32
|
var getPaths = function getPaths() {
|
|
41
33
|
return name ? listIcon[name].paths : svgStruct === null || svgStruct === void 0 ? void 0 : svgStruct.paths;
|
|
42
34
|
};
|
|
43
|
-
|
|
44
35
|
if (!name && !svgStruct) throw new Error('One of the "name" and "svgStruct" props must be filled');
|
|
45
36
|
if (!visible) return null;
|
|
46
37
|
return /*#__PURE__*/_react.default.createElement("svg", {
|
|
@@ -63,6 +54,5 @@ var Icon = function Icon(_ref) {
|
|
|
63
54
|
});
|
|
64
55
|
}));
|
|
65
56
|
};
|
|
66
|
-
|
|
67
57
|
var _default = Icon;
|
|
68
58
|
exports.default = _default;
|
package/lib/index.js
CHANGED
|
@@ -57,23 +57,13 @@ Object.defineProperty(exports, "Toolbar", {
|
|
|
57
57
|
return _toolbar.default;
|
|
58
58
|
}
|
|
59
59
|
});
|
|
60
|
-
|
|
61
60
|
var _panel = _interopRequireDefault(require("./panel"));
|
|
62
|
-
|
|
63
61
|
var _toolbar = _interopRequireDefault(require("./toolbar"));
|
|
64
|
-
|
|
65
62
|
var _buttons = _interopRequireDefault(require("./buttons"));
|
|
66
|
-
|
|
67
63
|
var _labels = _interopRequireDefault(require("./labels"));
|
|
68
|
-
|
|
69
64
|
var _icons = _interopRequireDefault(require("./icons"));
|
|
70
|
-
|
|
71
65
|
var _list = _interopRequireDefault(require("./list"));
|
|
72
|
-
|
|
73
66
|
var _radio = _interopRequireDefault(require("./radio"));
|
|
74
|
-
|
|
75
67
|
var _tabs = _interopRequireDefault(require("./tabs"));
|
|
76
|
-
|
|
77
68
|
var _base = _interopRequireDefault(require("./dialog/base"));
|
|
78
|
-
|
|
79
69
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -1,94 +1,78 @@
|
|
|
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 _inputHOC = _interopRequireDefault(require("../inputHOC"));
|
|
15
|
-
|
|
16
11
|
require("../../assets/styles/input.scss");
|
|
17
|
-
|
|
18
12
|
var helpers = _interopRequireWildcard(require("./helpers"));
|
|
19
|
-
|
|
20
13
|
var _withTooltip = _interopRequireDefault(require("../../internals/withTooltip"));
|
|
21
|
-
|
|
22
14
|
var _permissionValidations = require("../../permissionValidations");
|
|
23
|
-
|
|
24
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
25
|
-
|
|
26
16
|
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); }
|
|
27
|
-
|
|
28
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; }
|
|
29
|
-
|
|
30
18
|
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); }
|
|
31
|
-
|
|
32
19
|
var InputTextBase = function InputTextBase(props) {
|
|
33
20
|
var _props$textAlign = props.textAlign,
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
21
|
+
textAlign = _props$textAlign === void 0 ? 'left' : _props$textAlign,
|
|
22
|
+
value = props.value,
|
|
23
|
+
_props$type = props.type,
|
|
24
|
+
type = _props$type === void 0 ? 'text' : _props$type,
|
|
25
|
+
_props$readOnly = props.readOnly,
|
|
26
|
+
readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
|
|
27
|
+
placeHolder = props.placeHolder,
|
|
28
|
+
required = props.required,
|
|
29
|
+
leftElements = props.leftElements,
|
|
30
|
+
rightElements = props.rightElements,
|
|
31
|
+
children = props.children,
|
|
32
|
+
customClass = props.customClass,
|
|
33
|
+
customClassForInputContent = props.customClassForInputContent,
|
|
34
|
+
customClassForLabel = props.customClassForLabel,
|
|
35
|
+
customClassForSideButtons = props.customClassForSideButtons,
|
|
36
|
+
inputRef = props.inputRef,
|
|
37
|
+
inputBaseRef = props.inputBaseRef,
|
|
38
|
+
label = props.label,
|
|
39
|
+
labelUppercase = props.labelUppercase,
|
|
40
|
+
hint = props.hint,
|
|
41
|
+
errorMessages = props.errorMessages,
|
|
42
|
+
_props$visible = props.visible,
|
|
43
|
+
visible = _props$visible === void 0 ? true : _props$visible,
|
|
44
|
+
permissionAttr = props.permissionAttr,
|
|
45
|
+
onDeniedActions = props.onDeniedActions,
|
|
46
|
+
handlerSetOnDenied = props.handlerSetOnDenied,
|
|
47
|
+
targetRef = props.targetRef,
|
|
48
|
+
_props$skeletonize = props.skeletonize,
|
|
49
|
+
skeletonize = _props$skeletonize === void 0 ? false : _props$skeletonize,
|
|
50
|
+
style = props.style,
|
|
51
|
+
styleForInputContent = props.styleForInputContent,
|
|
52
|
+
styleForWrapper = props.styleForWrapper,
|
|
53
|
+
styleForLabel = props.styleForLabel,
|
|
54
|
+
styleForSideButtons = props.styleForSideButtons,
|
|
55
|
+
_props$disabled = props.disabled,
|
|
56
|
+
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
|
57
|
+
autoFocus = props.autoFocus,
|
|
58
|
+
maxLength = props.maxLength,
|
|
59
|
+
name = props.name,
|
|
60
|
+
id = props.id,
|
|
61
|
+
_onChange = props.onChange;
|
|
75
62
|
var propsInput;
|
|
76
63
|
var options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible, _permissionValidations.OPTIONS_ON_DENIED.readOnly, _permissionValidations.OPTIONS_ON_DENIED.hideContent];
|
|
77
64
|
var onDenied = onDeniedActions || (0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr);
|
|
78
65
|
var hideContent = onDenied.hideContent,
|
|
79
|
-
|
|
66
|
+
unvisible = onDenied.unvisible;
|
|
80
67
|
(0, _react.useEffect)(function () {
|
|
81
68
|
if (handlerSetOnDenied) handlerSetOnDenied(onDenied);
|
|
82
69
|
}, []);
|
|
83
|
-
|
|
84
70
|
var shouldDisable = function shouldDisable() {
|
|
85
71
|
return disabled || onDenied.disabled;
|
|
86
72
|
};
|
|
87
|
-
|
|
88
73
|
var shouldBeReadOnly = function shouldBeReadOnly() {
|
|
89
74
|
return readOnly || onDenied.readOnly;
|
|
90
75
|
};
|
|
91
|
-
|
|
92
76
|
var inputProps = function inputProps() {
|
|
93
77
|
var disableCallbacks = shouldBeReadOnly() || shouldDisable() || hideContent;
|
|
94
78
|
propsInput = {
|
|
@@ -113,22 +97,18 @@ var InputTextBase = function InputTextBase(props) {
|
|
|
113
97
|
inputRef(r);
|
|
114
98
|
}
|
|
115
99
|
}
|
|
116
|
-
|
|
117
100
|
if (targetRef) targetRef(r);
|
|
118
101
|
}
|
|
119
102
|
};
|
|
120
|
-
|
|
121
103
|
if (!disableCallbacks) {
|
|
122
104
|
propsInput = _extends({}, propsInput, {
|
|
123
105
|
onFocus: function onFocus(e) {
|
|
124
106
|
var _props$onInputReceive;
|
|
125
|
-
|
|
126
107
|
(_props$onInputReceive = props.onInputReceiveFocus) === null || _props$onInputReceive === void 0 ? void 0 : _props$onInputReceive.call(props);
|
|
127
108
|
if (props.onFocus) props.onFocus(e);
|
|
128
109
|
},
|
|
129
110
|
onBlur: function onBlur(e) {
|
|
130
111
|
var _props$onInputLostFoc;
|
|
131
|
-
|
|
132
112
|
(_props$onInputLostFoc = props.onInputLostFocus) === null || _props$onInputLostFoc === void 0 ? void 0 : _props$onInputLostFoc.call(props);
|
|
133
113
|
if (props.onBlur) props.onBlur(e);
|
|
134
114
|
},
|
|
@@ -143,10 +123,8 @@ var InputTextBase = function InputTextBase(props) {
|
|
|
143
123
|
}
|
|
144
124
|
});
|
|
145
125
|
}
|
|
146
|
-
|
|
147
126
|
return propsInput;
|
|
148
127
|
};
|
|
149
|
-
|
|
150
128
|
if (!visible || unvisible) return null;
|
|
151
129
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
152
130
|
style: style,
|
|
@@ -179,7 +157,5 @@ var InputTextBase = function InputTextBase(props) {
|
|
|
179
157
|
className: "hint"
|
|
180
158
|
}, hint), errorMessages && helpers.getErrorMessages(errorMessages));
|
|
181
159
|
};
|
|
182
|
-
|
|
183
160
|
var _default = (0, _inputHOC.default)((0, _withTooltip.default)(InputTextBase));
|
|
184
|
-
|
|
185
161
|
exports.default = _default;
|
|
@@ -4,49 +4,37 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.getRightElements = exports.getInputWrapperClass = exports.getInputClass = exports.getErrorMessages = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _lodash = _interopRequireDefault(require("lodash"));
|
|
11
|
-
|
|
12
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
|
|
14
10
|
var getInputClass = function getInputClass(_ref) {
|
|
15
11
|
var textAlign = _ref.textAlign,
|
|
16
|
-
|
|
12
|
+
readOnly = _ref.readOnly;
|
|
17
13
|
return "textinput text-align-".concat(textAlign, " ").concat(readOnly ? ' -readonly' : '');
|
|
18
14
|
};
|
|
19
|
-
|
|
20
15
|
exports.getInputClass = getInputClass;
|
|
21
|
-
|
|
22
16
|
var getInputWrapperClass = function getInputWrapperClass(props) {
|
|
23
17
|
var inputHasFocus = props.inputHasFocus,
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
18
|
+
customClassForWrapper = props.customClassForWrapper,
|
|
19
|
+
rounded = props.rounded,
|
|
20
|
+
errorMessages = props.errorMessages,
|
|
21
|
+
disabled = props.disabled;
|
|
28
22
|
return "inputwrapper ".concat(inputHasFocus && ' -focusable', "\n ").concat(customClassForWrapper, "\n ").concat(errorMessages && errorMessages.length > 0 && ' -requirederror', "\n ").concat(rounded && ' -roundedborders', "\n ").concat(disabled && ' -disabled');
|
|
29
23
|
};
|
|
30
|
-
|
|
31
24
|
exports.getInputWrapperClass = getInputWrapperClass;
|
|
32
|
-
|
|
33
25
|
var getErrorMessages = function getErrorMessages(messages) {
|
|
34
26
|
if (!messages || messages.length === 0) return /*#__PURE__*/_react.default.createElement("noscript", null);
|
|
35
27
|
return /*#__PURE__*/_react.default.createElement("p", {
|
|
36
28
|
className: "errormessages"
|
|
37
29
|
}, messages.join(', '));
|
|
38
30
|
};
|
|
39
|
-
|
|
40
31
|
exports.getErrorMessages = getErrorMessages;
|
|
41
|
-
|
|
42
32
|
var getRightElements = function getRightElements(errorMessages, skeletonize, rightElements) {
|
|
43
33
|
var elements = rightElements || [];
|
|
44
34
|
if (skeletonize) return null;
|
|
45
|
-
|
|
46
35
|
if (!_lodash.default.isArray(elements)) {
|
|
47
36
|
elements = [elements];
|
|
48
37
|
}
|
|
49
|
-
|
|
50
38
|
elements = elements.map(function (element, index) {
|
|
51
39
|
return element && /*#__PURE__*/_react.default.cloneElement(element, {
|
|
52
40
|
key: "rightelement-".concat(index + 1)
|
|
@@ -57,5 +45,4 @@ var getRightElements = function getRightElements(errorMessages, skeletonize, rig
|
|
|
57
45
|
className: "sidebuttons"
|
|
58
46
|
}, elements);
|
|
59
47
|
};
|
|
60
|
-
|
|
61
48
|
exports.getRightElements = getRightElements;
|
|
@@ -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
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; }
|
|
35
|
-
|
|
36
21
|
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
|
-
|
|
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;
|
|
@@ -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;
|