linear-react-components-ui 1.1.24-beta.7 → 1.1.24-rc.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/lib/alerts/AlertProvider.js +1 -2
- package/lib/alerts/BaseAlert.js +1 -1
- package/lib/alerts/Message.js +2 -3
- package/lib/alerts/withAlert.js +1 -2
- package/lib/avatar/index.js +9 -11
- package/lib/badge/index.js +4 -4
- package/lib/buttons/Button.js +1 -2
- package/lib/buttons/DangerButton.js +1 -1
- package/lib/buttons/DefaultButton.js +5 -14
- package/lib/buttons/InfoButton.js +1 -1
- package/lib/buttons/PrimaryButton.js +1 -1
- package/lib/buttons/SuccessButton.js +1 -1
- package/lib/buttons/WarningButton.js +1 -1
- package/lib/buttons/button_container/index.js +1 -1
- package/lib/buttons/split_button/index.js +2 -2
- package/lib/calendar/base/Day.js +2 -3
- package/lib/calendar/base/Month.js +1 -1
- package/lib/calendar/base/helpers.js +2 -2
- package/lib/calendar/base/index.js +8 -7
- package/lib/checkbox/index.js +2 -3
- package/lib/dialog/Custom.js +2 -3
- package/lib/dialog/Question.js +5 -4
- package/lib/dialog/base/Content.js +2 -3
- package/lib/dialog/base/Header.js +3 -4
- package/lib/dialog/base/index.js +10 -9
- package/lib/dialog/form/index.js +6 -6
- package/lib/dialog/wizard/index.js +1 -2
- package/lib/dialog/wizard/progressbar.js +1 -1
- package/lib/dialog/wizard/step.js +1 -1
- package/lib/dialog/wizard/useWizard.js +1 -2
- package/lib/drawer/Content.js +1 -2
- package/lib/drawer/Drawer.js +5 -6
- package/lib/drawer/Header.js +2 -3
- package/lib/dropdown/Popup.js +7 -7
- package/lib/dropdown/helper.js +1 -1
- package/lib/dropdown/withDropdown.js +3 -4
- package/lib/fieldset/index.js +8 -9
- package/lib/form/Field.js +2 -3
- package/lib/form/FieldArray.js +2 -3
- package/lib/form/FieldNumber.js +4 -5
- package/lib/form/FieldPeriod.js +3 -4
- package/lib/form/index.js +3 -4
- package/lib/form/withFieldHOC.js +1 -2
- package/lib/form/withFormSecurity.js +1 -2
- package/lib/form2/helpers.js +1 -1
- package/lib/form2/index.d.ts +1 -1
- package/lib/form2/useForm/index.js +17 -11
- package/lib/gridlayout/GridCol.js +5 -5
- package/lib/gridlayout/GridRow.js +1 -4
- package/lib/hint/index.js +1 -7
- package/lib/icons/index.js +9 -9
- package/lib/index-11944b1a.d.ts +26 -0
- package/lib/index-789dd9a5.d.ts +41 -0
- package/lib/index-7ad68789.d.ts +15 -0
- package/lib/inputs/base/InputTextBase.js +9 -8
- package/lib/inputs/base/helpers.js +3 -7
- package/lib/inputs/color/index.js +1 -2
- package/lib/inputs/date/Dropdown.js +6 -4
- package/lib/inputs/date/index.js +31 -19
- package/lib/inputs/errorMessage/index.js +2 -3
- package/lib/inputs/file/DefaultFile.js +7 -7
- package/lib/inputs/file/DragDropFile.js +18 -17
- package/lib/inputs/file/File.js +5 -5
- package/lib/inputs/inputHOC.js +1 -2
- package/lib/inputs/mask/BaseMask.js +1 -2
- package/lib/inputs/mask/Cnpj.js +1 -2
- package/lib/inputs/mask/Cpf.js +1 -2
- package/lib/inputs/multiSelect/ActionButtons.js +1 -2
- package/lib/inputs/multiSelect/Dropdown.js +11 -11
- package/lib/inputs/multiSelect/helper.js +2 -1
- package/lib/inputs/multiSelect/index.js +10 -9
- package/lib/inputs/number/BaseNumber.js +1 -1
- package/lib/inputs/number/index.js +3 -3
- package/lib/inputs/period/Dropdown.js +7 -4
- package/lib/inputs/period/PeriodList.js +1 -1
- package/lib/inputs/period/helper.js +1 -3
- package/lib/inputs/period/index.js +56 -32
- package/lib/inputs/search/index.js +2 -3
- package/lib/inputs/select/ActionButtons.js +1 -1
- package/lib/inputs/select/Dropdown.js +3 -4
- package/lib/inputs/select/helper.js +13 -10
- package/lib/inputs/select/multiple/Selecteds.js +2 -2
- package/lib/inputs/select/multiple/index.js +14 -11
- package/lib/inputs/select/simple/index.js +19 -13
- package/lib/inputs/textarea/index.js +1 -1
- package/lib/inputs2/checkboxfield/index.d.ts +1 -1
- package/lib/inputs2/checkboxfield/index.js +15 -15
- package/lib/inputs2/colorfield/index.js +5 -5
- package/lib/inputs2/date/base/constants.js +2 -1
- package/lib/inputs2/date/base/index.js +5 -6
- package/lib/inputs2/date/datefield/calendarbox.d.ts +1 -1
- package/lib/inputs2/date/datefield/calendarbox.js +3 -2
- package/lib/inputs2/date/datefield/index.js +37 -28
- package/lib/inputs2/date/datefield/triggers.js +1 -2
- package/lib/inputs2/date/dateperiodfield/calendarbox.d.ts +1 -1
- package/lib/inputs2/date/dateperiodfield/calendarbox.js +8 -6
- package/lib/inputs2/date/dateperiodfield/index.js +61 -44
- package/lib/inputs2/date/dateperiodfield/triggers.js +19 -14
- package/lib/inputs2/filefield/index.js +33 -27
- package/lib/inputs2/index.d.ts +3 -3
- package/lib/inputs2/index.js +1 -2
- package/lib/inputs2/mask/BaseMask.js +7 -7
- package/lib/inputs2/mask/Cnpj.js +4 -5
- package/lib/inputs2/mask/Cpf.js +4 -5
- package/lib/inputs2/mask/Phone.js +1 -2
- package/lib/inputs2/mask/ZipCode.js +1 -2
- package/lib/inputs2/numberfield/currency.js +6 -6
- package/lib/inputs2/numberfield/decimal.js +6 -6
- package/lib/inputs2/numberfield/index.js +6 -6
- package/lib/inputs2/radiofield/index.d.ts +1 -1
- package/lib/inputs2/radiofield/index.js +14 -13
- package/lib/inputs2/selectfield/index.d.ts +1 -1
- package/lib/inputs2/selectfield/index.js +71 -54
- package/lib/inputs2/selectfield/item.d.ts +1 -1
- package/lib/inputs2/selectfield/item.js +4 -4
- package/lib/inputs2/selectfield/listbox.d.ts +1 -1
- package/lib/inputs2/selectfield/listbox.js +7 -4
- package/lib/inputs2/selectfield/options.d.ts +1 -1
- package/lib/inputs2/selectfield/search.d.ts +1 -1
- package/lib/inputs2/selectfield/search.js +3 -4
- package/lib/inputs2/selectfield/selections.d.ts +1 -1
- package/lib/inputs2/selectfield/selections.js +3 -2
- package/lib/inputs2/selectfield/triggers.js +6 -5
- package/lib/inputs2/slot/index.d.ts +2 -2
- package/lib/inputs2/textareafield/index.js +21 -18
- package/lib/inputs2/textfield/index.js +15 -14
- package/lib/labelMessages/index.js +4 -6
- package/lib/labels/DefaultLabel.js +2 -6
- package/lib/labels/label_container/index.js +1 -1
- package/lib/list/Header.js +1 -1
- package/lib/list/Item.js +10 -12
- package/lib/list/index.js +2 -4
- package/lib/menus/float/MenuItem.js +3 -4
- package/lib/menus/float/SubMenuContainer.js +2 -3
- package/lib/menus/float/index.js +1 -1
- package/lib/menus/sidenav/ExpandMenu.js +1 -1
- package/lib/menus/sidenav/MenuLink.js +1 -2
- package/lib/menus/sidenav/NavMenuGroup.js +2 -3
- package/lib/menus/sidenav/NavMenuItem.js +10 -9
- package/lib/menus/sidenav/NavSubMenuItem.js +2 -3
- package/lib/menus/sidenav/helpers.js +1 -1
- package/lib/menus/sidenav/index.js +6 -7
- package/lib/menus/sidenav/popup_menu_search/index.js +1 -2
- package/lib/panel/Content.js +9 -8
- package/lib/panel/Default.js +3 -4
- package/lib/panel/Header.js +4 -5
- package/lib/permissionValidations.js +1 -1
- package/lib/popover/PopoverText.js +1 -2
- package/lib/popover/index.js +1 -1
- package/lib/progress/Bar.js +6 -6
- package/lib/radio/index.js +3 -4
- package/lib/shortcuts/index.js +1 -1
- package/lib/skeleton/SkeletonContainer.js +1 -2
- package/lib/skeleton/index.js +1 -4
- package/lib/spinner/index.js +3 -4
- package/lib/split/Split.js +2 -3
- package/lib/split/SplitSide.js +4 -5
- package/lib/table/Body.js +4 -5
- package/lib/table/Header.js +9 -7
- package/lib/table/HeaderColumn.js +2 -3
- package/lib/table/Row.js +4 -5
- package/lib/table/RowColumn.js +2 -3
- package/lib/table/index.js +2 -8
- package/lib/tabs/DropdownTabs.js +2 -3
- package/lib/tabs/Menu.js +1 -1
- package/lib/tabs/MenuTabs.js +4 -9
- package/lib/tabs/Panel.js +8 -7
- package/lib/tabs/context.js +7 -5
- package/lib/tabs/index.js +1 -2
- package/lib/textContent/index.js +2 -3
- package/lib/toolbar/ButtonBar.js +2 -3
- package/lib/toolbar/LabelBar.js +1 -2
- package/lib/toolbar/index.js +1 -1
- package/lib/tooltip/TooltipContent.js +8 -9
- package/lib/tooltip/useTooltip.js +8 -8
- package/lib/treetable/Body.js +2 -3
- package/lib/treetable/Header.js +3 -4
- package/lib/treetable/Row.js +9 -10
- package/lib/treeview/Header.js +1 -1
- package/lib/treeview/Node.js +5 -6
- package/lib/treeview/index.js +5 -6
- package/lib/uitour/index.js +9 -8
- package/package.json +1 -1
- package/lib/index-19761a50.d.ts +0 -26
- package/lib/index-35ba9ed8.d.ts +0 -15
- package/lib/index-efe0a0e4.d.ts +0 -41
|
@@ -11,8 +11,7 @@ var _AlertContainer = _interopRequireDefault(require("./AlertContainer"));
|
|
|
11
11
|
var _Message = _interopRequireDefault(require("./Message"));
|
|
12
12
|
var _helpers = _interopRequireDefault(require("./helpers"));
|
|
13
13
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
|
-
function
|
|
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; }
|
|
14
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
16
15
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
17
16
|
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; }
|
|
18
17
|
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; }
|
package/lib/alerts/BaseAlert.js
CHANGED
|
@@ -26,7 +26,7 @@ const BaseAlert = _ref => {
|
|
|
26
26
|
alert.appendChild(messageContainerEl);
|
|
27
27
|
}
|
|
28
28
|
return () => {
|
|
29
|
-
alert
|
|
29
|
+
alert === null || alert === void 0 ? void 0 : alert.removeChild(messageContainerEl);
|
|
30
30
|
};
|
|
31
31
|
}, []);
|
|
32
32
|
return /*#__PURE__*/_reactDom.default.createPortal(children, messageContainerEl);
|
package/lib/alerts/Message.js
CHANGED
|
@@ -8,14 +8,13 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
8
8
|
var _icons = _interopRequireDefault(require("../icons"));
|
|
9
9
|
var _progress = _interopRequireDefault(require("../progress"));
|
|
10
10
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
-
function
|
|
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; }
|
|
11
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
13
12
|
const getClass = _ref => {
|
|
14
13
|
let {
|
|
15
14
|
customClass,
|
|
16
15
|
className
|
|
17
16
|
} = _ref;
|
|
18
|
-
return
|
|
17
|
+
return "".concat(className, " ").concat(customClass);
|
|
19
18
|
};
|
|
20
19
|
const getIcon = (icon, iconName, color) => {
|
|
21
20
|
if (icon !== null) {
|
package/lib/alerts/withAlert.js
CHANGED
|
@@ -7,8 +7,7 @@ exports.default = void 0;
|
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _helpers = _interopRequireDefault(require("./helpers"));
|
|
9
9
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
|
-
function
|
|
11
|
-
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; }
|
|
10
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
12
11
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
13
12
|
const withAlert = WrapperComponent => {
|
|
14
13
|
const GetAlert = props => {
|
package/lib/avatar/index.js
CHANGED
|
@@ -9,8 +9,7 @@ var _icons = _interopRequireDefault(require("../../lib/icons"));
|
|
|
9
9
|
require("../assets/styles/avatar.scss");
|
|
10
10
|
var _withDropdown = _interopRequireDefault(require("../dropdown/withDropdown"));
|
|
11
11
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
-
function
|
|
13
|
-
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; }
|
|
12
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
14
13
|
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; }
|
|
15
14
|
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; }
|
|
16
15
|
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
@@ -23,8 +22,7 @@ const getClass = _ref => {
|
|
|
23
22
|
disabled,
|
|
24
23
|
size = 'default'
|
|
25
24
|
} = _ref;
|
|
26
|
-
return
|
|
27
|
-
${square && '-square'} ${size && `-${size}`}`;
|
|
25
|
+
return "avatar-component ".concat(className).concat(disabled && '-disabled', " \n ").concat(square && '-square', " ").concat(size && "-".concat(size));
|
|
28
26
|
};
|
|
29
27
|
const getIcon = (iconName, icon) => {
|
|
30
28
|
if (icon) {
|
|
@@ -71,18 +69,18 @@ const Avatar = props => {
|
|
|
71
69
|
if (targetRef) targetRef(r);
|
|
72
70
|
dropdownRef.current = r;
|
|
73
71
|
},
|
|
74
|
-
className:
|
|
72
|
+
className: "".concat(getClass(props), " ").concat(customClass),
|
|
75
73
|
style: _objectSpread({
|
|
76
|
-
width:
|
|
77
|
-
height:
|
|
78
|
-
backgroundColor:
|
|
79
|
-
cursor:
|
|
74
|
+
width: "".concat(width),
|
|
75
|
+
height: "".concat(height),
|
|
76
|
+
backgroundColor: "".concat(color),
|
|
77
|
+
cursor: "".concat(dropdown ? 'pointer' : 'normal')
|
|
80
78
|
}, style)
|
|
81
79
|
}, (iconName || icon) && !src && getIcon(iconName, icon), src && /*#__PURE__*/_react.default.createElement("img", {
|
|
82
80
|
className: "imgavatar",
|
|
83
81
|
style: {
|
|
84
|
-
width:
|
|
85
|
-
height:
|
|
82
|
+
width: "".concat(width),
|
|
83
|
+
height: "".concat(height)
|
|
86
84
|
},
|
|
87
85
|
src: src,
|
|
88
86
|
alt: srcAlt
|
package/lib/badge/index.js
CHANGED
|
@@ -18,12 +18,12 @@ const Badge = props => {
|
|
|
18
18
|
right = '-11px'
|
|
19
19
|
} = props;
|
|
20
20
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
21
|
-
className:
|
|
21
|
+
className: "badge-component ".concat(customClass)
|
|
22
22
|
}, children, /*#__PURE__*/_react.default.createElement("span", {
|
|
23
|
-
className:
|
|
23
|
+
className: "badge -".concat(color, " ").concat(customClassForBadge),
|
|
24
24
|
style: {
|
|
25
|
-
top:
|
|
26
|
-
right:
|
|
25
|
+
top: "".concat(top),
|
|
26
|
+
right: "".concat(right)
|
|
27
27
|
}
|
|
28
28
|
}, content));
|
|
29
29
|
};
|
package/lib/buttons/Button.js
CHANGED
|
@@ -9,8 +9,7 @@ var _DefaultButton = _interopRequireDefault(require("./DefaultButton"));
|
|
|
9
9
|
var _split_button = _interopRequireDefault(require("./split_button"));
|
|
10
10
|
const _excluded = ["split"];
|
|
11
11
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
-
function
|
|
13
|
-
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; }
|
|
12
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
14
13
|
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
15
14
|
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
16
15
|
const Button = _ref => {
|
|
@@ -17,7 +17,7 @@ const DangerButton = _ref => {
|
|
|
17
17
|
} = _ref,
|
|
18
18
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
19
19
|
return /*#__PURE__*/_react.default.createElement(_Button.default, _extends({
|
|
20
|
-
customClass:
|
|
20
|
+
customClass: "-danger ".concat(customClass)
|
|
21
21
|
}, rest));
|
|
22
22
|
};
|
|
23
23
|
var _default = exports.default = DangerButton;
|
|
@@ -13,8 +13,7 @@ var _permissionValidations = require("../permissionValidations");
|
|
|
13
13
|
var _tooltip = require("../tooltip");
|
|
14
14
|
const _excluded = ["dropdown", "onClick", "disabled", "iconName", "icon", "targetRef", "tabIndex", "isLoading", "label", "showDropdown", "getDropdownPopup", "isDropdownOpened", "showIconDropdown", "content", "style", "toggleable", "activeIconColor", "iconStyle", "visible", "customClass", "className", "size", "iconAlign", "boxShadow", "transparent", "round", "permissionAttr", "skeletonize", "tooltip", "tooltipWidth", "tooltipPosition", "buttonRef", "errorMessage", "type", "onDeniedText"];
|
|
15
15
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
16
|
-
function
|
|
17
|
-
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; }
|
|
16
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
18
17
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
19
18
|
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; }
|
|
20
19
|
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; }
|
|
@@ -69,16 +68,7 @@ const DefaultButton = _ref => {
|
|
|
69
68
|
const disabledIconColor = 'rgb(193, 193, 193)';
|
|
70
69
|
const disabledByPermission = onDenied.disabled;
|
|
71
70
|
const isDisabled = !!onDenied.disabled || disabled;
|
|
72
|
-
const getClass = () =>
|
|
73
|
-
${customClass}
|
|
74
|
-
${transparent && '-transparent'}
|
|
75
|
-
${isDisabled && '-disabled'}
|
|
76
|
-
${size && `-${size}`}
|
|
77
|
-
${dropdown && !round && 'icon-right'}
|
|
78
|
-
${dropdown && round && 'icon-center'}
|
|
79
|
-
${iconAlign && !dropdown && `icon-${iconAlign}`}
|
|
80
|
-
${boxShadow ? '' : '-shadowsdisabled'}
|
|
81
|
-
${round && '-round'}`;
|
|
71
|
+
const getClass = () => "button-component ".concat(className, "\n ").concat(customClass, "\n ").concat(transparent && '-transparent', "\n ").concat(isDisabled && '-disabled', "\n ").concat(size && "-".concat(size), "\n ").concat(dropdown && !round && 'icon-right', "\n ").concat(dropdown && round && 'icon-center', "\n ").concat(iconAlign && !dropdown && "icon-".concat(iconAlign), "\n ").concat(boxShadow ? '' : '-shadowsdisabled', "\n ").concat(round && '-round');
|
|
82
72
|
const returnPadlockIcon = resultantStyle => /*#__PURE__*/_react.default.createElement(_icons.default, {
|
|
83
73
|
name: "padlock",
|
|
84
74
|
size: 16,
|
|
@@ -132,10 +122,11 @@ const DefaultButton = _ref => {
|
|
|
132
122
|
style: style,
|
|
133
123
|
onKeyDown: e => {
|
|
134
124
|
if (e && (e.key === 'Enter' || e.key === ' ')) {
|
|
125
|
+
var _refButton$current;
|
|
135
126
|
e.preventDefault();
|
|
136
127
|
e.stopPropagation();
|
|
137
128
|
if (isDisabled) return;
|
|
138
|
-
if (onClick) refButton
|
|
129
|
+
if (onClick) refButton === null || refButton === void 0 ? void 0 : (_refButton$current = refButton.current) === null || _refButton$current === void 0 ? void 0 : _refButton$current.click();
|
|
139
130
|
if (dropdown && showDropdown) showDropdown();
|
|
140
131
|
if (onClick && toggleable) setActiveButton(!activeButton);
|
|
141
132
|
}
|
|
@@ -156,7 +147,7 @@ const DefaultButton = _ref => {
|
|
|
156
147
|
if (onClick && toggleable) setActiveButton(!activeButton);
|
|
157
148
|
}
|
|
158
149
|
},
|
|
159
|
-
className:
|
|
150
|
+
className: "".concat(getClass(), " ").concat(activeButton ? '-toggleable' : '', " ").concat(skeletonize ? '-skeletonized' : ''),
|
|
160
151
|
ref: r => {
|
|
161
152
|
if (buttonRef) {
|
|
162
153
|
if (!_lodash.default.isFunction(buttonRef)) {
|
|
@@ -17,7 +17,7 @@ const InfoButton = _ref => {
|
|
|
17
17
|
} = _ref,
|
|
18
18
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
19
19
|
return /*#__PURE__*/_react.default.createElement(_Button.default, _extends({
|
|
20
|
-
customClass:
|
|
20
|
+
customClass: "-info ".concat(customClass)
|
|
21
21
|
}, rest));
|
|
22
22
|
};
|
|
23
23
|
var _default = exports.default = InfoButton;
|
|
@@ -17,7 +17,7 @@ const PrimaryButton = _ref => {
|
|
|
17
17
|
} = _ref,
|
|
18
18
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
19
19
|
return /*#__PURE__*/_react.default.createElement(_Button.default, _extends({
|
|
20
|
-
customClass:
|
|
20
|
+
customClass: "-primary ".concat(customClass)
|
|
21
21
|
}, rest));
|
|
22
22
|
};
|
|
23
23
|
var _default = exports.default = PrimaryButton;
|
|
@@ -17,7 +17,7 @@ const SuccessButton = _ref => {
|
|
|
17
17
|
} = _ref,
|
|
18
18
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
19
19
|
return /*#__PURE__*/_react.default.createElement(_Button.default, _extends({}, rest, {
|
|
20
|
-
customClass:
|
|
20
|
+
customClass: "-success ".concat(customClass)
|
|
21
21
|
}));
|
|
22
22
|
};
|
|
23
23
|
var _default = exports.default = SuccessButton;
|
|
@@ -17,7 +17,7 @@ const WarningButton = _ref => {
|
|
|
17
17
|
} = _ref,
|
|
18
18
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
19
19
|
return /*#__PURE__*/_react.default.createElement(_Button.default, _extends({}, rest, {
|
|
20
|
-
customClass:
|
|
20
|
+
customClass: "-warning ".concat(customClass)
|
|
21
21
|
}));
|
|
22
22
|
};
|
|
23
23
|
var _default = exports.default = WarningButton;
|
|
@@ -23,7 +23,7 @@ const ButtonContainer = _ref => {
|
|
|
23
23
|
} = _ref;
|
|
24
24
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
25
25
|
"data-testid": "button-container",
|
|
26
|
-
className:
|
|
26
|
+
className: "btn-container ".concat(customClass),
|
|
27
27
|
style: getStyles(style, position)
|
|
28
28
|
}, children);
|
|
29
29
|
};
|
|
@@ -31,7 +31,7 @@ const SplitButton = props => {
|
|
|
31
31
|
dropdownAlign
|
|
32
32
|
};
|
|
33
33
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
34
|
-
className:
|
|
34
|
+
className: "split-button-component ".concat(customClassForContainer)
|
|
35
35
|
}, /*#__PURE__*/_react.default.createElement(_DefaultButton.default, _extends({}, props, {
|
|
36
36
|
dropdownAlign: dropdownAlign,
|
|
37
37
|
style: {
|
|
@@ -40,7 +40,7 @@ const SplitButton = props => {
|
|
|
40
40
|
marginRight: 0
|
|
41
41
|
}
|
|
42
42
|
})), /*#__PURE__*/_react.default.createElement(_DefaultButton.default, _extends({}, splitProps, {
|
|
43
|
-
customClass:
|
|
43
|
+
customClass: "".concat(customClass, " -transparenttext"),
|
|
44
44
|
icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
|
|
45
45
|
name: "mini_down",
|
|
46
46
|
color: "#fff",
|
package/lib/calendar/base/Day.js
CHANGED
|
@@ -9,8 +9,7 @@ var _uuid = require("uuid");
|
|
|
9
9
|
var _helpers = require("./helpers");
|
|
10
10
|
var _buttons = _interopRequireDefault(require("../../buttons"));
|
|
11
11
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
-
function
|
|
13
|
-
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; }
|
|
12
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
14
13
|
const Day = _ref => {
|
|
15
14
|
let {
|
|
16
15
|
currentDate,
|
|
@@ -30,7 +29,7 @@ const Day = _ref => {
|
|
|
30
29
|
onClick: () => {
|
|
31
30
|
if (handleDateChange) handleDateChange(day);
|
|
32
31
|
},
|
|
33
|
-
customClass:
|
|
32
|
+
customClass: " ".concat((0, _helpers.getDayCssClass)(currentDate, day), " numberdaycalendar")
|
|
34
33
|
}));
|
|
35
34
|
};
|
|
36
35
|
var _default = exports.default = Day;
|
|
@@ -22,7 +22,7 @@ const Month = _ref => {
|
|
|
22
22
|
const week = /*#__PURE__*/_react.default.createElement(_Week.default, {
|
|
23
23
|
currentDate: currentDate,
|
|
24
24
|
weekStartDate: startOfWeek,
|
|
25
|
-
key:
|
|
25
|
+
key: "week-".concat(startOfWeek.format('YYYYMMDD'))
|
|
26
26
|
});
|
|
27
27
|
weeks = [...weeks, week];
|
|
28
28
|
weekIndex += 1;
|
|
@@ -89,8 +89,8 @@ function getCalendarCssClass(_ref) {
|
|
|
89
89
|
customClass,
|
|
90
90
|
colorStyle
|
|
91
91
|
} = _ref;
|
|
92
|
-
let cssClass =
|
|
93
|
-
cssClass +=
|
|
92
|
+
let cssClass = "calendar-component ".concat(customClass);
|
|
93
|
+
cssClass += " -".concat(colorStyle);
|
|
94
94
|
cssClass += unpadding ? ' -unpadding' : '';
|
|
95
95
|
cssClass += drawGridLines ? ' -draw-grid-lines' : '';
|
|
96
96
|
return cssClass;
|
|
@@ -13,8 +13,7 @@ var _gridlayout = _interopRequireDefault(require("../../gridlayout"));
|
|
|
13
13
|
var _helpers = require("./helpers");
|
|
14
14
|
require("../../assets/styles/calendar.scss");
|
|
15
15
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
16
|
-
function
|
|
17
|
-
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; }
|
|
16
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
18
17
|
const arrowKeys = ['ArrowUp', 'ArrowRight', 'ArrowDown', 'ArrowLeft'];
|
|
19
18
|
const Calendar = props => {
|
|
20
19
|
const {
|
|
@@ -44,8 +43,9 @@ const Calendar = props => {
|
|
|
44
43
|
setDataAtual(currentDateClone.add(1, 'month'));
|
|
45
44
|
};
|
|
46
45
|
const navigateWithArrows = event => {
|
|
46
|
+
var _currentMonth$current;
|
|
47
47
|
const sourceTarget = event.target;
|
|
48
|
-
const daysOfMonth = currentMonth.current
|
|
48
|
+
const daysOfMonth = (_currentMonth$current = currentMonth.current) === null || _currentMonth$current === void 0 ? void 0 : _currentMonth$current.getElementsByClassName('daybutton');
|
|
49
49
|
let indexCurrentDay = 0;
|
|
50
50
|
if (daysOfMonth.length) {
|
|
51
51
|
Array.from(daysOfMonth).find((dayButton, index) => {
|
|
@@ -64,7 +64,7 @@ const Calendar = props => {
|
|
|
64
64
|
handleDateChange: onDateChangeFunction
|
|
65
65
|
};
|
|
66
66
|
(0, _react.useEffect)(() => {
|
|
67
|
-
calendarContainer
|
|
67
|
+
calendarContainer === null || calendarContainer === void 0 ? void 0 : calendarContainer(currentCalendarRef === null || currentCalendarRef === void 0 ? void 0 : currentCalendarRef.current);
|
|
68
68
|
setDataAtual((0, _helpers.validDate)(currentDate));
|
|
69
69
|
document.addEventListener('keydown', event => {
|
|
70
70
|
if (event && event.code && arrowKeys.includes(event.code) && currentCalendarRef.current && currentCalendarRef.current.contains(document.activeElement) && currentMonth.current && currentMonth.current.contains(document.activeElement)) {
|
|
@@ -78,8 +78,9 @@ const Calendar = props => {
|
|
|
78
78
|
};
|
|
79
79
|
}, []);
|
|
80
80
|
(0, _react.useEffect)(() => {
|
|
81
|
-
|
|
82
|
-
|
|
81
|
+
var _currentMonth$current2;
|
|
82
|
+
const daysOfMonth = (_currentMonth$current2 = currentMonth.current) === null || _currentMonth$current2 === void 0 ? void 0 : _currentMonth$current2.getElementsByClassName('-selectedday')[0];
|
|
83
|
+
currentDateButton === null || currentDateButton === void 0 ? void 0 : currentDateButton(daysOfMonth.firstChild);
|
|
83
84
|
}, [currentDate]);
|
|
84
85
|
const component = /*#__PURE__*/_react.default.createElement("div", {
|
|
85
86
|
ref: currentCalendarRef,
|
|
@@ -112,7 +113,7 @@ const Calendar = props => {
|
|
|
112
113
|
})), /*#__PURE__*/_react.default.createElement("div", {
|
|
113
114
|
className: "daynames"
|
|
114
115
|
}, (0, _helpers.dayNames)().map(name => /*#__PURE__*/_react.default.createElement("div", {
|
|
115
|
-
key:
|
|
116
|
+
key: "day-".concat(name)
|
|
116
117
|
}, name))), /*#__PURE__*/_react.default.createElement(_Month.default, {
|
|
117
118
|
monthRef: currentMonth,
|
|
118
119
|
currentDate: dataAtual
|
package/lib/checkbox/index.js
CHANGED
|
@@ -14,8 +14,7 @@ var _textContent = _interopRequireDefault(require("../textContent"));
|
|
|
14
14
|
var _popover = _interopRequireDefault(require("../popover"));
|
|
15
15
|
var _hint = _interopRequireDefault(require("../hint"));
|
|
16
16
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
17
|
-
function
|
|
18
|
-
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; }
|
|
17
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
19
18
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
20
19
|
/**
|
|
21
20
|
* IMPORTANTE: Caso seja necessário alterar o nome do componente, deverá ser refatorado
|
|
@@ -69,7 +68,7 @@ const CheckBox = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
|
|
|
69
68
|
onClick: () => {
|
|
70
69
|
if (!shouldDisable() && !skeletonize) {
|
|
71
70
|
setIsChecked(!isChecked);
|
|
72
|
-
onChange
|
|
71
|
+
onChange === null || onChange === void 0 ? void 0 : onChange({
|
|
73
72
|
target
|
|
74
73
|
});
|
|
75
74
|
}
|
package/lib/dialog/Custom.js
CHANGED
|
@@ -10,8 +10,7 @@ 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
|
|
14
|
-
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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
15
14
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
16
15
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
17
16
|
const getIcon = (iconName, icon) => {
|
|
@@ -50,7 +49,7 @@ const Custom = props => {
|
|
|
50
49
|
}, props.text)), props.buttons && props.buttons.length > 0 && /*#__PURE__*/_react.default.createElement(_Footer.default, props, /*#__PURE__*/_react.default.createElement(_buttons.ButtonContainer, {
|
|
51
50
|
position: "right"
|
|
52
51
|
}, props.buttons.map(button => /*#__PURE__*/_react.default.cloneElement(button, {
|
|
53
|
-
key:
|
|
52
|
+
key: "button-".concat(uuid.v1())
|
|
54
53
|
})))));
|
|
55
54
|
};
|
|
56
55
|
var _default = exports.default = Custom;
|
package/lib/dialog/Question.js
CHANGED
|
@@ -9,8 +9,7 @@ var _buttons = _interopRequireWildcard(require("../buttons"));
|
|
|
9
9
|
var _Custom = _interopRequireDefault(require("./Custom"));
|
|
10
10
|
var _icons = _interopRequireDefault(require("../icons"));
|
|
11
11
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
-
function
|
|
13
|
-
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; }
|
|
12
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
14
13
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
15
14
|
const Question = props => {
|
|
16
15
|
const {
|
|
@@ -39,12 +38,14 @@ const Question = props => {
|
|
|
39
38
|
(0, _react.useLayoutEffect)(() => {
|
|
40
39
|
const lastElementActive = document.activeElement;
|
|
41
40
|
return () => {
|
|
42
|
-
|
|
41
|
+
var _lastElementActive$fo;
|
|
42
|
+
lastElementActive === null || lastElementActive === void 0 ? void 0 : (_lastElementActive$fo = lastElementActive.focus) === null || _lastElementActive$fo === void 0 ? void 0 : _lastElementActive$fo.call(lastElementActive);
|
|
43
43
|
};
|
|
44
44
|
}, [visible]);
|
|
45
45
|
(0, _react.useEffect)(() => {
|
|
46
|
+
var _buttonUnconfirm$focu;
|
|
46
47
|
const buttonUnconfirm = document.getElementById(idUnconfirm);
|
|
47
|
-
buttonUnconfirm
|
|
48
|
+
buttonUnconfirm === null || buttonUnconfirm === void 0 ? void 0 : (_buttonUnconfirm$focu = buttonUnconfirm.focus) === null || _buttonUnconfirm$focu === void 0 ? void 0 : _buttonUnconfirm$focu.call(buttonUnconfirm);
|
|
48
49
|
}, [visible, document.activeElement]);
|
|
49
50
|
if (!visible) return null;
|
|
50
51
|
return /*#__PURE__*/_react.default.createElement(_Custom.default, _extends({}, props, {
|
|
@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
require("../../assets/styles/dialog.scss");
|
|
9
|
-
function
|
|
10
|
-
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; }
|
|
9
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
11
10
|
const Content = _ref => {
|
|
12
11
|
let {
|
|
13
12
|
children,
|
|
@@ -16,7 +15,7 @@ const Content = _ref => {
|
|
|
16
15
|
} = _ref;
|
|
17
16
|
return /*#__PURE__*/_react.default.createElement(_react.Suspense, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
18
17
|
id: "modal-dialog-content",
|
|
19
|
-
className:
|
|
18
|
+
className: "dialog-content ".concat(className),
|
|
20
19
|
style: styleForContent
|
|
21
20
|
}, children));
|
|
22
21
|
};
|
|
@@ -9,8 +9,7 @@ var _icons = _interopRequireDefault(require("../../icons"));
|
|
|
9
9
|
var _form = require("../form");
|
|
10
10
|
var _base = require("../base");
|
|
11
11
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
-
function
|
|
13
|
-
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; }
|
|
12
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
14
13
|
const getCloseButton = handleClose => /*#__PURE__*/_react.default.createElement("button", {
|
|
15
14
|
id: "botao-fechar-modal-cabecalho",
|
|
16
15
|
className: "close-button",
|
|
@@ -45,10 +44,10 @@ const Header = _ref => {
|
|
|
45
44
|
tabIndex: -1,
|
|
46
45
|
onFocus: () => {},
|
|
47
46
|
onBlur: () => {},
|
|
48
|
-
ref: formDialogContext
|
|
47
|
+
ref: formDialogContext === null || formDialogContext === void 0 ? void 0 : formDialogContext.headerRef,
|
|
49
48
|
className: "dialog-header"
|
|
50
49
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
51
|
-
className:
|
|
50
|
+
className: "".concat(icon !== null || titleIcon !== null ? 'left' : '')
|
|
52
51
|
}, getIcon(titleIcon, icon)), /*#__PURE__*/_react.default.createElement("div", {
|
|
53
52
|
className: "right"
|
|
54
53
|
}, /*#__PURE__*/_react.default.createElement("h5", {
|
package/lib/dialog/base/index.js
CHANGED
|
@@ -11,8 +11,7 @@ var _style = _interopRequireDefault(require("./style"));
|
|
|
11
11
|
require("../../assets/styles/dialog.scss");
|
|
12
12
|
var _form = require("../form");
|
|
13
13
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
|
-
function
|
|
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; }
|
|
14
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
16
15
|
const DialogContext = exports.DialogContext = /*#__PURE__*/(0, _react.createContext)({});
|
|
17
16
|
const {
|
|
18
17
|
body
|
|
@@ -60,15 +59,16 @@ const BaseDialog = props => {
|
|
|
60
59
|
}
|
|
61
60
|
};
|
|
62
61
|
const onKeyDownPress = event => {
|
|
63
|
-
if (event
|
|
62
|
+
if ((event === null || event === void 0 ? void 0 : event.key) === 'Escape') {
|
|
64
63
|
event.stopPropagation();
|
|
65
64
|
handleClose();
|
|
66
65
|
}
|
|
67
66
|
};
|
|
68
67
|
(0, _react.useEffect)(() => {
|
|
69
68
|
if (open && modalContainerRef.current) {
|
|
69
|
+
var _focusableElementsRef;
|
|
70
70
|
focusableElementsRef.current = Array.from(modalContainerRef.current.querySelectorAll("button, a, input, select, textarea, [tabindex]:not([tabindex='-1'])"));
|
|
71
|
-
focusableElementsRef.current[0]
|
|
71
|
+
(_focusableElementsRef = focusableElementsRef.current[0]) === null || _focusableElementsRef === void 0 ? void 0 : _focusableElementsRef.focus();
|
|
72
72
|
}
|
|
73
73
|
}, [open]);
|
|
74
74
|
const onDialogPositionChange = _ref => {
|
|
@@ -85,7 +85,7 @@ const BaseDialog = props => {
|
|
|
85
85
|
let y = positionY <= 0 ? 0 : positionY;
|
|
86
86
|
if (x + width >= window.innerWidth) x = window.innerWidth - width;
|
|
87
87
|
if (y + height >= window.innerHeight) y = window.innerHeight - height;
|
|
88
|
-
wrapperEl.current.style.transform =
|
|
88
|
+
wrapperEl.current.style.transform = "translate(".concat(x, "px, ").concat(y, "px)");
|
|
89
89
|
wrapperEl.current.style.transition = 'none';
|
|
90
90
|
wrapperEl.current.style.left = '0';
|
|
91
91
|
wrapperEl.current.style.top = '0';
|
|
@@ -105,8 +105,9 @@ const BaseDialog = props => {
|
|
|
105
105
|
}
|
|
106
106
|
};
|
|
107
107
|
const onMouseDown = event => {
|
|
108
|
+
var _headerRef$current;
|
|
108
109
|
const element = event.target;
|
|
109
|
-
const isHeader = headerRef
|
|
110
|
+
const isHeader = headerRef === null || headerRef === void 0 ? void 0 : (_headerRef$current = headerRef.current) === null || _headerRef$current === void 0 ? void 0 : _headerRef$current.contains(element);
|
|
110
111
|
if (wrapperEl.current && isHeader) setIsDragging(true);
|
|
111
112
|
};
|
|
112
113
|
const onMouseUp = () => {
|
|
@@ -142,7 +143,7 @@ const BaseDialog = props => {
|
|
|
142
143
|
className: "modal-overlay",
|
|
143
144
|
"data-testid": "modal-overlay"
|
|
144
145
|
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
145
|
-
className:
|
|
146
|
+
className: "dialog ".concat(className),
|
|
146
147
|
"data-testid": "dialog-component"
|
|
147
148
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
148
149
|
className: wrapperClassName,
|
|
@@ -156,7 +157,7 @@ const BaseDialog = props => {
|
|
|
156
157
|
} = document;
|
|
157
158
|
const lastElementActiveBeforeOpen = activeElement;
|
|
158
159
|
return () => {
|
|
159
|
-
lastElementActiveBeforeOpen
|
|
160
|
+
lastElementActiveBeforeOpen === null || lastElementActiveBeforeOpen === void 0 ? void 0 : lastElementActiveBeforeOpen.focus();
|
|
160
161
|
};
|
|
161
162
|
}, []);
|
|
162
163
|
(0, _react.useEffect)(() => {
|
|
@@ -186,7 +187,7 @@ const BaseDialog = props => {
|
|
|
186
187
|
const originalOverflow = document.body.style.overflow;
|
|
187
188
|
const originalPaddingRight = document.body.style.paddingRight;
|
|
188
189
|
document.body.style.overflow = 'hidden';
|
|
189
|
-
document.body.style.paddingRight =
|
|
190
|
+
document.body.style.paddingRight = "".concat(scrollbarWidth, "px");
|
|
190
191
|
return () => {
|
|
191
192
|
document.body.style.overflow = originalOverflow;
|
|
192
193
|
document.body.style.paddingRight = originalPaddingRight;
|