linear-react-components-ui 1.1.0-beta.6 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/babel.config.json +2 -2
- package/lib/alerts/AlertContainer.js +46 -54
- package/lib/alerts/AlertProvider.js +36 -53
- package/lib/alerts/BaseAlert.js +14 -20
- package/lib/alerts/Message.js +37 -46
- package/lib/alerts/helpers.js +3 -3
- package/lib/alerts/index.js +5 -5
- package/lib/alerts/withAlert.js +11 -11
- package/lib/assets/styles/checkbox.scss +0 -8
- package/lib/avatar/index.js +42 -41
- package/lib/badge/index.js +15 -16
- package/lib/buttons/ActivateButton.js +6 -8
- package/lib/buttons/AddButton.js +9 -11
- package/lib/buttons/Button.js +11 -11
- package/lib/buttons/ButtonGroups.js +8 -6
- package/lib/buttons/CancelButton.js +9 -7
- package/lib/buttons/DangerButton.js +9 -7
- package/lib/buttons/DefaultButton.js +66 -85
- package/lib/buttons/DestroyButton.js +10 -8
- package/lib/buttons/EditButton.js +6 -8
- package/lib/buttons/InactivateButton.js +6 -8
- package/lib/buttons/InfoButton.js +9 -7
- package/lib/buttons/PrimaryButton.js +9 -7
- package/lib/buttons/RestoreButton.js +6 -8
- package/lib/buttons/SaveButton.js +9 -7
- package/lib/buttons/SuccessButton.js +9 -7
- package/lib/buttons/WarningButton.js +9 -7
- package/lib/buttons/button_container/index.js +16 -19
- package/lib/buttons/index.js +31 -31
- package/lib/buttons/split_button/index.js +24 -26
- package/lib/calendar/DangerCalendar.js +9 -7
- package/lib/calendar/InfoCalendar.js +9 -7
- package/lib/calendar/PrimaryCalendar.js +9 -7
- package/lib/calendar/SuccessCalendar.js +9 -7
- package/lib/calendar/WarningCalendar.js +9 -7
- package/lib/calendar/base/Day.js +16 -14
- package/lib/calendar/base/Month.js +15 -19
- package/lib/calendar/base/Week.js +15 -19
- package/lib/calendar/base/helpers.js +17 -15
- package/lib/calendar/base/index.js +38 -51
- package/lib/calendar/index.js +13 -13
- package/lib/checkbox/Label.js +10 -8
- package/lib/checkbox/index.d.ts +1 -1
- package/lib/checkbox/index.js +75 -97
- package/lib/checkbox/types.d.ts +0 -1
- package/lib/dialog/Alert.js +7 -7
- package/lib/dialog/Custom.js +20 -23
- package/lib/dialog/Error.js +7 -7
- package/lib/dialog/Information.js +7 -7
- package/lib/dialog/Question.js +16 -16
- package/lib/dialog/Warning.js +7 -7
- package/lib/dialog/base/Content.js +9 -7
- package/lib/dialog/base/Footer.js +6 -8
- package/lib/dialog/base/Header.js +32 -34
- package/lib/dialog/base/index.js +64 -72
- package/lib/dialog/base/style.js +8 -10
- package/lib/dialog/form/index.js +35 -38
- package/lib/dialog/index.js +15 -15
- package/lib/drawer/Content.js +14 -12
- package/lib/drawer/Drawer.js +68 -82
- package/lib/drawer/Header.js +45 -48
- package/lib/drawer/helpers.js +4 -4
- package/lib/drawer/index.js +7 -7
- package/lib/dropdown/Popup.js +37 -40
- package/lib/dropdown/helper.js +6 -6
- package/lib/dropdown/withDropdown.js +44 -63
- package/lib/fieldset/index.js +49 -56
- package/lib/form/Field.js +73 -79
- package/lib/form/FieldArray.js +76 -85
- package/lib/form/FieldNumber.js +34 -42
- package/lib/form/FieldPeriod.js +54 -59
- package/lib/form/helpers.js +29 -28
- package/lib/form/index.js +121 -151
- package/lib/form/withFieldHOC.js +36 -42
- package/lib/form/withFormSecurity.js +27 -35
- package/lib/gridlayout/GridCol.js +16 -15
- package/lib/gridlayout/GridRow.js +11 -12
- package/lib/gridlayout/index.js +5 -5
- package/lib/hint/index.js +25 -29
- package/lib/icons/helper.js +2 -2
- package/lib/icons/index.js +37 -48
- package/lib/index.js +19 -19
- package/lib/inputs/base/InputTextBase.js +99 -109
- package/lib/inputs/base/helpers.js +29 -23
- package/lib/inputs/color/index.js +34 -44
- package/lib/inputs/date/Dialog.js +10 -8
- package/lib/inputs/date/Dropdown.js +14 -12
- package/lib/inputs/date/helpers.js +18 -14
- package/lib/inputs/date/index.js +96 -133
- package/lib/inputs/file/DefaultFile.js +50 -74
- package/lib/inputs/file/DragDropFile.js +119 -172
- package/lib/inputs/file/File.js +22 -28
- package/lib/inputs/file/FileButtonSettings.js +14 -16
- package/lib/inputs/file/helpers.js +6 -7
- package/lib/inputs/file/index.js +7 -7
- package/lib/inputs/inputHOC.js +23 -35
- package/lib/inputs/mask/BaseMask.js +33 -27
- package/lib/inputs/mask/Cnpj.js +19 -31
- package/lib/inputs/mask/Cpf.js +20 -35
- package/lib/inputs/mask/Phone.js +8 -6
- package/lib/inputs/mask/ZipCode.js +6 -8
- package/lib/inputs/mask/helpers.js +21 -26
- package/lib/inputs/mask/imaskHOC.js +102 -122
- package/lib/inputs/mask/index.js +11 -11
- package/lib/inputs/multiSelect/ActionButtons.js +18 -18
- package/lib/inputs/multiSelect/Dropdown.js +63 -75
- package/lib/inputs/multiSelect/helper.js +9 -7
- package/lib/inputs/multiSelect/index.js +85 -136
- package/lib/inputs/number/BaseNumber.js +23 -21
- package/lib/inputs/number/Currency.js +9 -8
- package/lib/inputs/number/Decimal.js +4 -6
- package/lib/inputs/number/format_number.js +9 -6
- package/lib/inputs/number/index.js +13 -13
- package/lib/inputs/period/Dialog.js +10 -8
- package/lib/inputs/period/Dropdown.js +12 -12
- package/lib/inputs/period/PeriodList.js +19 -17
- package/lib/inputs/period/helper.js +38 -37
- package/lib/inputs/period/index.js +147 -196
- package/lib/inputs/search/index.js +45 -67
- package/lib/inputs/select/ActionButtons.js +18 -18
- package/lib/inputs/select/Dropdown.js +51 -65
- package/lib/inputs/select/helper.js +55 -44
- package/lib/inputs/select/index.js +13 -11
- package/lib/inputs/select/multiple/Selecteds.js +20 -22
- package/lib/inputs/select/multiple/index.js +90 -143
- package/lib/inputs/select/simple/index.js +103 -156
- package/lib/inputs/text/index.js +4 -6
- package/lib/inputs/textarea/index.js +11 -10
- package/lib/internals/colorStyles.js +3 -3
- package/lib/internals/constants.js +2 -2
- package/lib/internals/withTooltip.js +54 -68
- package/lib/labelMessages/index.js +28 -47
- package/lib/labels/DangerLabel.js +9 -7
- package/lib/labels/DefaultLabel.js +29 -42
- package/lib/labels/InfoLabel.js +9 -7
- package/lib/labels/PrimaryLabel.js +9 -7
- package/lib/labels/SuccessLabel.js +9 -7
- package/lib/labels/WarningLabel.js +9 -7
- package/lib/labels/index.js +15 -15
- package/lib/labels/label_container/index.js +11 -10
- package/lib/list/Header.js +12 -10
- package/lib/list/Item.js +58 -72
- package/lib/list/Separator.js +6 -8
- package/lib/list/helpers.js +3 -3
- package/lib/list/index.js +81 -107
- package/lib/menus/float/MenuItem.js +27 -27
- package/lib/menus/float/SubMenuContainer.js +39 -44
- package/lib/menus/float/helpers.js +4 -4
- package/lib/menus/float/index.js +25 -25
- package/lib/menus/index.js +3 -3
- package/lib/menus/sidenav/ExpandMenu.js +12 -10
- package/lib/menus/sidenav/MenuLink.js +12 -10
- package/lib/menus/sidenav/NavMenuGroup.js +15 -13
- package/lib/menus/sidenav/NavMenuItem.js +56 -69
- package/lib/menus/sidenav/NavSubMenuItem.js +24 -28
- package/lib/menus/sidenav/helpers.js +7 -7
- package/lib/menus/sidenav/index.js +92 -119
- package/lib/menus/sidenav/popup_menu_search/EmptyList.js +12 -11
- package/lib/menus/sidenav/popup_menu_search/index.js +64 -84
- package/lib/noPermission/index.js +15 -17
- package/lib/panel/Content.js +46 -58
- package/lib/panel/DangerPanel.js +6 -8
- package/lib/panel/Default.js +45 -59
- package/lib/panel/Header.js +37 -34
- package/lib/panel/InfoPanel.js +6 -8
- package/lib/panel/PrimaryPanel.js +6 -8
- package/lib/panel/SuccessPanel.js +6 -8
- package/lib/panel/ToolBar.js +8 -6
- package/lib/panel/WarningPanel.js +6 -8
- package/lib/panel/helpers.js +13 -11
- package/lib/panel/index.js +17 -17
- package/lib/permissionValidations.js +26 -28
- package/lib/popover/PopoverText.js +8 -6
- package/lib/popover/PopoverTitle.js +8 -6
- package/lib/popover/index.js +21 -24
- package/lib/progress/Bar.js +34 -39
- package/lib/progress/index.js +19 -20
- package/lib/radio/index.js +37 -57
- package/lib/shortcuts/index.js +13 -11
- package/lib/skeleton/SkeletonContainer.js +12 -12
- package/lib/skeleton/index.js +27 -33
- package/lib/spinner/SpinnerLoading.js +46 -46
- package/lib/spinner/index.js +27 -40
- package/lib/split/Split.js +97 -113
- package/lib/split/SplitSide.js +22 -20
- package/lib/split/helpers.js +4 -4
- package/lib/split/index.js +5 -5
- package/lib/table/Body.js +47 -49
- package/lib/table/Header.js +39 -41
- package/lib/table/HeaderColumn.js +22 -22
- package/lib/table/Row.js +48 -50
- package/lib/table/RowColumn.js +37 -35
- package/lib/table/helpers.js +9 -12
- package/lib/table/index.js +89 -108
- package/lib/tabs/DropdownTabs.js +39 -43
- package/lib/tabs/Menu.js +20 -19
- package/lib/tabs/MenuTabs.js +48 -55
- package/lib/tabs/Panel.js +54 -73
- package/lib/tabs/context.js +62 -93
- package/lib/tabs/index.js +30 -35
- package/lib/tabs/tabHelpers.js +24 -21
- package/lib/toolbar/ButtonBar.js +49 -52
- package/lib/toolbar/LabelBar.js +38 -41
- package/lib/toolbar/Separator.js +6 -8
- package/lib/toolbar/ToolBarGroup.js +9 -8
- package/lib/toolbar/helpers.js +3 -3
- package/lib/toolbar/index.js +25 -26
- package/lib/tooltip/index.js +29 -33
- package/lib/treetable/Body.js +22 -33
- package/lib/treetable/Header.js +13 -15
- package/lib/treetable/Row.d.ts +1 -1
- package/lib/treetable/Row.js +107 -158
- package/lib/treetable/helpers.d.ts +1 -1
- package/lib/treetable/helpers.js +18 -24
- package/lib/treetable/index.d.ts +2 -2
- package/lib/treetable/index.js +11 -12
- package/lib/treeview/Header.js +11 -9
- package/lib/treeview/Node.js +109 -148
- package/lib/treeview/constants.js +2 -2
- package/lib/treeview/index.js +156 -221
- package/lib/uitour/helpers.js +3 -3
- package/lib/uitour/index.js +67 -106
- package/package.json +5 -14
- /package/lib/{types.d-BfM3lUbt.d.ts → types.d-DvJcBS8L.d.ts} +0 -0
package/lib/checkbox/index.js
CHANGED
|
@@ -1,83 +1,65 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
7
|
-
exports
|
|
6
|
+
exports.default = void 0;
|
|
8
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
8
|
var _gridlayout = _interopRequireDefault(require("../gridlayout"));
|
|
10
9
|
var _Label = _interopRequireDefault(require("./Label"));
|
|
11
|
-
var _hint = _interopRequireDefault(require("../hint"));
|
|
12
|
-
var helpers = _interopRequireWildcard(require("../inputs/base/helpers"));
|
|
13
|
-
var _permissionValidations = require("../permissionValidations");
|
|
14
10
|
require("../assets/styles/checkbox.scss");
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
function
|
|
11
|
+
var _permissionValidations = require("../permissionValidations");
|
|
12
|
+
var _hint = _interopRequireDefault(require("../hint"));
|
|
13
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
15
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
18
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); }
|
|
19
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
20
|
-
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."); }
|
|
21
|
-
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); }
|
|
22
|
-
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; }
|
|
23
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
24
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
25
17
|
/**
|
|
26
18
|
* IMPORTANTE: Caso seja necessário alterar o nome do componente, deverá ser refatorado
|
|
27
19
|
* o componente Field dentro do componente Form, pois o mesmo leva em consideração o tipo do
|
|
28
20
|
* componente para gerar propriedades customizadas.
|
|
29
21
|
*/
|
|
30
22
|
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
id =
|
|
41
|
-
gridLayout
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
isChecked = _useState2[0],
|
|
57
|
-
setIsChecked = _useState2[1];
|
|
58
|
-
var options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible];
|
|
59
|
-
var _useState3 = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr)),
|
|
60
|
-
_useState4 = _slicedToArray(_useState3, 1),
|
|
61
|
-
onDenied = _useState4[0];
|
|
62
|
-
var inputRef = (0, _react.useRef)(null);
|
|
63
|
-
(0, _react.useEffect)(function () {
|
|
23
|
+
const CheckBox = _ref => {
|
|
24
|
+
let {
|
|
25
|
+
name,
|
|
26
|
+
required,
|
|
27
|
+
value,
|
|
28
|
+
label,
|
|
29
|
+
onChange,
|
|
30
|
+
autofocus,
|
|
31
|
+
hint,
|
|
32
|
+
id = '',
|
|
33
|
+
gridLayout,
|
|
34
|
+
checked = false,
|
|
35
|
+
disabled,
|
|
36
|
+
permissionAttr,
|
|
37
|
+
tooltip,
|
|
38
|
+
tooltipPosition = 'top',
|
|
39
|
+
tooltipWidth = 'auto',
|
|
40
|
+
skeletonize,
|
|
41
|
+
targetRef
|
|
42
|
+
} = _ref;
|
|
43
|
+
const [isChecked, setIsChecked] = (0, _react.useState)(checked);
|
|
44
|
+
const options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible];
|
|
45
|
+
const [onDenied] = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr));
|
|
46
|
+
const inputRef = (0, _react.useRef)(null);
|
|
47
|
+
(0, _react.useEffect)(() => {
|
|
64
48
|
setIsChecked(checked);
|
|
65
49
|
}, [checked]);
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
};
|
|
69
|
-
var getProps = function getProps() {
|
|
50
|
+
const shouldDisable = () => disabled || onDenied.disabled;
|
|
51
|
+
const getProps = () => {
|
|
70
52
|
if (!onChange || shouldDisable()) return null;
|
|
71
|
-
|
|
53
|
+
const target = {
|
|
72
54
|
checked: !isChecked,
|
|
73
|
-
id
|
|
74
|
-
name
|
|
55
|
+
id,
|
|
56
|
+
name,
|
|
75
57
|
value: !isChecked
|
|
76
58
|
};
|
|
77
59
|
return {
|
|
78
|
-
onClick:
|
|
60
|
+
onClick: () => {
|
|
79
61
|
onChange({
|
|
80
|
-
target
|
|
62
|
+
target
|
|
81
63
|
});
|
|
82
64
|
},
|
|
83
65
|
onKeyDown: undefined,
|
|
@@ -85,49 +67,45 @@ var CheckBox = function CheckBox(props) {
|
|
|
85
67
|
tabIndex: -1
|
|
86
68
|
};
|
|
87
69
|
};
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
description: hint,
|
|
124
|
-
customClass: "hint"
|
|
125
|
-
}), errorMessages && helpers.getErrorMessages(errorMessages));
|
|
126
|
-
};
|
|
70
|
+
const renderInput = () => /*#__PURE__*/_react.default.createElement("div", _extends({}, getProps(), {
|
|
71
|
+
className: "checkbox-component ".concat(skeletonize ? '-skeletonized' : '')
|
|
72
|
+
}), /*#__PURE__*/_react.default.createElement("span", {
|
|
73
|
+
"data-testid": "checkbox-container",
|
|
74
|
+
className: "inputcontent",
|
|
75
|
+
onClick: !shouldDisable() && !skeletonize ? () => setIsChecked(!isChecked) : undefined,
|
|
76
|
+
tabIndex: -1,
|
|
77
|
+
role: "checkbox",
|
|
78
|
+
"aria-checked": "false",
|
|
79
|
+
onKeyPress: undefined
|
|
80
|
+
}, /*#__PURE__*/_react.default.createElement("input", {
|
|
81
|
+
ref: r => {
|
|
82
|
+
if (targetRef) targetRef(r);
|
|
83
|
+
inputRef.current = r;
|
|
84
|
+
},
|
|
85
|
+
className: "input",
|
|
86
|
+
type: "checkbox",
|
|
87
|
+
autoFocus: autofocus,
|
|
88
|
+
checked: isChecked,
|
|
89
|
+
disabled: shouldDisable(),
|
|
90
|
+
name: name,
|
|
91
|
+
required: required,
|
|
92
|
+
value: value,
|
|
93
|
+
id: id,
|
|
94
|
+
onChange: () => {}
|
|
95
|
+
}), /*#__PURE__*/_react.default.createElement("span", null), label && /*#__PURE__*/_react.default.createElement(_Label.default, {
|
|
96
|
+
label: label,
|
|
97
|
+
tooltip: tooltip,
|
|
98
|
+
tooltipWidth: tooltipWidth,
|
|
99
|
+
tooltipPosition: tooltipPosition
|
|
100
|
+
})), /*#__PURE__*/_react.default.createElement(_hint.default, {
|
|
101
|
+
visible: !!hint,
|
|
102
|
+
description: hint,
|
|
103
|
+
customClass: "hint"
|
|
104
|
+
}));
|
|
127
105
|
if (onDenied.unvisible) return null;
|
|
128
|
-
return gridLayout ? /*#__PURE__*/_react
|
|
106
|
+
return gridLayout ? /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
|
|
129
107
|
customClass: "-withinput",
|
|
130
108
|
cols: gridLayout
|
|
131
109
|
}, renderInput()) : renderInput();
|
|
132
110
|
};
|
|
133
|
-
var _default = exports
|
|
111
|
+
var _default = exports.default = CheckBox;
|
package/lib/checkbox/types.d.ts
CHANGED
|
@@ -37,7 +37,6 @@ interface ICheckBoxProps {
|
|
|
37
37
|
skeletonize?: boolean;
|
|
38
38
|
targetRef?: (ref: HTMLInputElement | null) => void;
|
|
39
39
|
targetSpanRef?: (ref: HTMLSpanElement | null) => void;
|
|
40
|
-
errorMessages?: string[] | undefined;
|
|
41
40
|
}
|
|
42
41
|
|
|
43
42
|
export type { ChangeEvent, ICheckBoxProps };
|
package/lib/dialog/Alert.js
CHANGED
|
@@ -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 = _interopRequireDefault(require("react"));
|
|
8
8
|
var _buttons = require("../buttons");
|
|
9
9
|
var _Custom = _interopRequireDefault(require("./Custom"));
|
|
10
10
|
var _icons = _interopRequireDefault(require("../icons"));
|
|
11
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
11
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
12
|
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
|
-
|
|
14
|
-
|
|
13
|
+
const Alert = props => {
|
|
14
|
+
const buttons = [/*#__PURE__*/_react.default.createElement(_buttons.PrimaryButton, {
|
|
15
15
|
key: "confirm-buttom",
|
|
16
16
|
onClick: props.onConfirmClick,
|
|
17
17
|
label: "Confirmar"
|
|
18
18
|
})];
|
|
19
|
-
return /*#__PURE__*/_react
|
|
19
|
+
return /*#__PURE__*/_react.default.createElement(_Custom.default, _extends({}, props, {
|
|
20
20
|
buttons: buttons,
|
|
21
|
-
icon: /*#__PURE__*/_react
|
|
21
|
+
icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
|
|
22
22
|
name: "exclamation",
|
|
23
23
|
color: "#f39c12",
|
|
24
24
|
size: 64
|
|
25
25
|
})
|
|
26
26
|
}));
|
|
27
27
|
};
|
|
28
|
-
var _default = exports
|
|
28
|
+
var _default = exports.default = Alert;
|
package/lib/dialog/Custom.js
CHANGED
|
@@ -3,20 +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 _uuid = _interopRequireDefault(require("uuid"));
|
|
9
9
|
var _base = _interopRequireDefault(require("./base"));
|
|
10
10
|
var _Footer = _interopRequireDefault(require("./base/Footer"));
|
|
11
11
|
var _icons = _interopRequireDefault(require("../icons"));
|
|
12
12
|
var _buttons = require("../buttons");
|
|
13
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
13
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
14
|
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); }
|
|
15
|
-
|
|
15
|
+
const getIcon = (iconName, icon) => {
|
|
16
16
|
if (icon) {
|
|
17
17
|
return icon;
|
|
18
18
|
} else if (iconName) {
|
|
19
|
-
return /*#__PURE__*/_react
|
|
19
|
+
return /*#__PURE__*/_react.default.createElement(_icons.default, {
|
|
20
20
|
name: iconName,
|
|
21
21
|
color: "#000",
|
|
22
22
|
size: 64
|
|
@@ -24,32 +24,29 @@ var getIcon = function getIcon(iconName, icon) {
|
|
|
24
24
|
}
|
|
25
25
|
return null;
|
|
26
26
|
};
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
width =
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
return /*#__PURE__*/_react["default"].createElement(_base["default"], _extends({
|
|
27
|
+
const Custom = props => {
|
|
28
|
+
const {
|
|
29
|
+
width = '35%',
|
|
30
|
+
height = 'auto',
|
|
31
|
+
iconName = null
|
|
32
|
+
} = props;
|
|
33
|
+
return /*#__PURE__*/_react.default.createElement(_base.default, _extends({
|
|
35
34
|
width: width,
|
|
36
35
|
height: height
|
|
37
36
|
}, props, {
|
|
38
37
|
wrapperClassName: "dialog-alert-wrapper"
|
|
39
|
-
}), /*#__PURE__*/_react
|
|
38
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
40
39
|
className: "icon"
|
|
41
|
-
}, getIcon(iconName, props.icon)), /*#__PURE__*/_react
|
|
40
|
+
}, getIcon(iconName, props.icon)), /*#__PURE__*/_react.default.createElement("div", {
|
|
42
41
|
className: "container"
|
|
43
|
-
}, props.title && /*#__PURE__*/_react
|
|
42
|
+
}, props.title && /*#__PURE__*/_react.default.createElement("div", {
|
|
44
43
|
className: "title"
|
|
45
|
-
}, props.title), /*#__PURE__*/_react
|
|
44
|
+
}, props.title), /*#__PURE__*/_react.default.createElement("div", {
|
|
46
45
|
className: "text"
|
|
47
|
-
}, props.text)), props.buttons && props.buttons.length > 0 && /*#__PURE__*/_react
|
|
46
|
+
}, props.text)), props.buttons && props.buttons.length > 0 && /*#__PURE__*/_react.default.createElement(_Footer.default, props, /*#__PURE__*/_react.default.createElement(_buttons.ButtonContainer, {
|
|
48
47
|
position: "right"
|
|
49
|
-
}, props.buttons.map(
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
});
|
|
53
|
-
}))));
|
|
48
|
+
}, props.buttons.map(button => /*#__PURE__*/_react.default.cloneElement(button, {
|
|
49
|
+
key: "button-".concat(_uuid.default.v1())
|
|
50
|
+
})))));
|
|
54
51
|
};
|
|
55
|
-
var _default = exports
|
|
52
|
+
var _default = exports.default = Custom;
|
package/lib/dialog/Error.js
CHANGED
|
@@ -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 = _interopRequireDefault(require("react"));
|
|
8
8
|
var _buttons = require("../../lib/buttons");
|
|
9
9
|
var _Custom = _interopRequireDefault(require("./Custom"));
|
|
10
10
|
var _icons = _interopRequireDefault(require("../../lib/icons"));
|
|
11
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
11
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
12
|
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
|
-
|
|
14
|
-
|
|
13
|
+
const Error = props => {
|
|
14
|
+
const buttons = [/*#__PURE__*/_react.default.createElement(_buttons.PrimaryButton, {
|
|
15
15
|
key: "confirm-buttom",
|
|
16
16
|
onClick: props.onConfirmClick,
|
|
17
17
|
label: "Confirmar"
|
|
18
18
|
})];
|
|
19
|
-
return /*#__PURE__*/_react
|
|
19
|
+
return /*#__PURE__*/_react.default.createElement(_Custom.default, _extends({}, props, {
|
|
20
20
|
buttons: buttons,
|
|
21
|
-
icon: /*#__PURE__*/_react
|
|
21
|
+
icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
|
|
22
22
|
name: "block",
|
|
23
23
|
color: "#e74c3c",
|
|
24
24
|
size: 64
|
|
25
25
|
})
|
|
26
26
|
}));
|
|
27
27
|
};
|
|
28
|
-
var _default = exports
|
|
28
|
+
var _default = exports.default = Error;
|
|
@@ -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 = _interopRequireDefault(require("react"));
|
|
8
8
|
var _buttons = require("../../lib/buttons");
|
|
9
9
|
var _Custom = _interopRequireDefault(require("./Custom"));
|
|
10
10
|
var _icons = _interopRequireDefault(require("../../lib/icons"));
|
|
11
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
11
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
12
|
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
|
-
|
|
14
|
-
|
|
13
|
+
const Information = props => {
|
|
14
|
+
const buttons = [/*#__PURE__*/_react.default.createElement(_buttons.PrimaryButton, {
|
|
15
15
|
key: "confirm-buttom",
|
|
16
16
|
onClick: props.onConfirmClick,
|
|
17
17
|
label: "Confirmar"
|
|
18
18
|
})];
|
|
19
|
-
return /*#__PURE__*/_react
|
|
19
|
+
return /*#__PURE__*/_react.default.createElement(_Custom.default, _extends({}, props, {
|
|
20
20
|
buttons: buttons,
|
|
21
|
-
icon: /*#__PURE__*/_react
|
|
21
|
+
icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
|
|
22
22
|
name: "information",
|
|
23
23
|
color: "#24cabc",
|
|
24
24
|
size: 64
|
|
25
25
|
})
|
|
26
26
|
}));
|
|
27
27
|
};
|
|
28
|
-
var _default = exports
|
|
28
|
+
var _default = exports.default = Information;
|
package/lib/dialog/Question.js
CHANGED
|
@@ -1,44 +1,44 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
7
|
-
exports
|
|
6
|
+
exports.default = void 0;
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
8
|
var _buttons = _interopRequireWildcard(require("../buttons"));
|
|
10
9
|
var _Custom = _interopRequireDefault(require("./Custom"));
|
|
11
10
|
var _icons = _interopRequireDefault(require("../icons"));
|
|
12
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function
|
|
13
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" !=
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
11
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
12
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
13
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
14
|
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); }
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
visible =
|
|
19
|
-
isWaiting
|
|
20
|
-
onConfirmClick
|
|
21
|
-
onUnconfirmClick
|
|
22
|
-
|
|
15
|
+
const Question = props => {
|
|
16
|
+
const {
|
|
17
|
+
visible = true,
|
|
18
|
+
isWaiting,
|
|
19
|
+
onConfirmClick,
|
|
20
|
+
onUnconfirmClick
|
|
21
|
+
} = props;
|
|
22
|
+
const buttons = [/*#__PURE__*/_react.default.createElement(_buttons.DangerButton, {
|
|
23
23
|
key: "yes-buttom",
|
|
24
24
|
disabled: isWaiting,
|
|
25
25
|
onClick: onConfirmClick,
|
|
26
26
|
isLoading: isWaiting,
|
|
27
27
|
label: "Sim"
|
|
28
|
-
}), /*#__PURE__*/_react
|
|
28
|
+
}), /*#__PURE__*/_react.default.createElement(_buttons.default, {
|
|
29
29
|
key: "no-buttom",
|
|
30
30
|
disabled: isWaiting,
|
|
31
31
|
onClick: onUnconfirmClick,
|
|
32
32
|
label: "N\xE3o"
|
|
33
33
|
})];
|
|
34
34
|
if (!visible) return null;
|
|
35
|
-
return /*#__PURE__*/_react
|
|
35
|
+
return /*#__PURE__*/_react.default.createElement(_Custom.default, _extends({}, props, {
|
|
36
36
|
buttons: buttons,
|
|
37
|
-
icon: /*#__PURE__*/_react
|
|
37
|
+
icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
|
|
38
38
|
name: "question",
|
|
39
39
|
color: "#3498db",
|
|
40
40
|
size: 64
|
|
41
41
|
})
|
|
42
42
|
}));
|
|
43
43
|
};
|
|
44
|
-
var _default = exports
|
|
44
|
+
var _default = exports.default = Question;
|
package/lib/dialog/Warning.js
CHANGED
|
@@ -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 = _interopRequireDefault(require("react"));
|
|
8
8
|
var _buttons = require("../../lib/buttons");
|
|
9
9
|
var _Custom = _interopRequireDefault(require("./Custom"));
|
|
10
10
|
var _icons = _interopRequireDefault(require("../../lib/icons"));
|
|
11
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
11
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
12
|
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
|
-
|
|
14
|
-
|
|
13
|
+
const Warning = props => {
|
|
14
|
+
const buttons = [/*#__PURE__*/_react.default.createElement(_buttons.PrimaryButton, {
|
|
15
15
|
onClick: props.onConfirmClick,
|
|
16
16
|
label: "Confirmar",
|
|
17
17
|
key: 1
|
|
18
18
|
})];
|
|
19
|
-
return /*#__PURE__*/_react
|
|
19
|
+
return /*#__PURE__*/_react.default.createElement(_Custom.default, _extends({}, props, {
|
|
20
20
|
buttons: buttons,
|
|
21
|
-
icon: /*#__PURE__*/_react
|
|
21
|
+
icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
|
|
22
22
|
name: "warning",
|
|
23
23
|
color: "#f39c12",
|
|
24
24
|
size: 64
|
|
25
25
|
})
|
|
26
26
|
}));
|
|
27
27
|
};
|
|
28
|
-
var _default = exports
|
|
28
|
+
var _default = exports.default = Warning;
|
|
@@ -3,16 +3,18 @@
|
|
|
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
|
require("../../assets/styles/dialog.scss");
|
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
+
const Content = _ref => {
|
|
11
|
+
let {
|
|
12
|
+
children,
|
|
13
|
+
styleForContent
|
|
14
|
+
} = _ref;
|
|
15
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
14
16
|
className: "dialog-content",
|
|
15
17
|
style: styleForContent
|
|
16
18
|
}, children);
|
|
17
19
|
};
|
|
18
|
-
var _default = exports
|
|
20
|
+
var _default = exports.default = Content;
|
|
@@ -3,12 +3,10 @@
|
|
|
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
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
};
|
|
14
|
-
var _default = exports["default"] = Footer;
|
|
8
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
9
|
+
const Footer = props => /*#__PURE__*/_react.default.createElement("div", {
|
|
10
|
+
className: "footer"
|
|
11
|
+
}, props.children);
|
|
12
|
+
var _default = exports.default = Footer;
|