linear-react-components-ui 1.1.24-beta.8 → 1.1.24-rc.1
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/assets/styles/calendar.scss +137 -32
- package/lib/assets/styles/datepicker2.scss +4 -1
- package/lib/assets/styles/file.scss +8 -0
- 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/helpers.js +2 -2
- package/lib/calendar/base/index.js +123 -44
- 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/types.d.ts +0 -4
- package/lib/form2/useForm/index.js +17 -13
- 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-4b31b471.d.ts +15 -0
- package/lib/index-8a0c7463.d.ts +41 -0
- package/lib/index-9203efed.d.ts +26 -0
- package/lib/inputs/base/InputTextBase.js +9 -8
- package/lib/inputs/base/helpers.js +3 -7
- package/lib/inputs/base/types.d.ts +1 -1
- package/lib/inputs/color/index.js +2 -3
- 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 +31 -31
- package/lib/inputs/file/DragDropFile.js +18 -17
- package/lib/inputs/file/File.js +6 -5
- package/lib/inputs/file/FileButtonSettings.js +0 -1
- 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 +66 -40
- package/lib/inputs/period/types.d.ts +4 -1
- 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 +7 -7
- 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/calendar/base/Day.d.ts +0 -8
- package/lib/calendar/base/Day.js +0 -36
- package/lib/calendar/base/Month.d.ts +0 -8
- package/lib/calendar/base/Month.js +0 -39
- package/lib/calendar/base/Week.d.ts +0 -8
- package/lib/calendar/base/Week.js +0 -35
- package/lib/index-118afd58.d.ts +0 -26
- package/lib/index-8f540f57.d.ts +0 -41
- package/lib/index-b2ef36a6.d.ts +0 -15
|
@@ -9,8 +9,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
9
9
|
var _icons = _interopRequireDefault(require("../../icons"));
|
|
10
10
|
var _skeleton = _interopRequireWildcard(require("../../skeleton"));
|
|
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 renderChildren = (skeletonize, skeletonQtty, children) => {
|
|
15
14
|
if (skeletonize && skeletonQtty) {
|
|
16
15
|
const skeletons = Array.from({
|
|
@@ -46,7 +45,7 @@ const SubMenuContainer = _ref => {
|
|
|
46
45
|
handlerGoBack();
|
|
47
46
|
}, []);
|
|
48
47
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
49
|
-
className:
|
|
48
|
+
className: "floatsubmenu ".concat(customClass)
|
|
50
49
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
51
50
|
className: "submenuheader"
|
|
52
51
|
}, /*#__PURE__*/_react.default.createElement(_icons.default, {
|
package/lib/menus/float/index.js
CHANGED
|
@@ -47,7 +47,7 @@ const FloatMenu = props => {
|
|
|
47
47
|
return /*#__PURE__*/_react.default.createElement(_helpers.default.Provider, {
|
|
48
48
|
value: contextValues
|
|
49
49
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
50
|
-
className:
|
|
50
|
+
className: "floatmenu-component ".concat(customClass)
|
|
51
51
|
}, /*#__PURE__*/_react.default.createElement(_buttons.default, {
|
|
52
52
|
transparent: true,
|
|
53
53
|
key: "button-",
|
|
@@ -14,7 +14,7 @@ const ExpandMenu = _ref => {
|
|
|
14
14
|
iconName
|
|
15
15
|
} = _ref;
|
|
16
16
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
17
|
-
className:
|
|
17
|
+
className: "openclosemenu ".concat(expandMenuCustomClass),
|
|
18
18
|
role: "button",
|
|
19
19
|
tabIndex: 0,
|
|
20
20
|
onClick: onExpandMenu,
|
|
@@ -7,8 +7,7 @@ exports.default = void 0;
|
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactRouterDom = require("react-router-dom");
|
|
9
9
|
var _tooltip = require("../../tooltip");
|
|
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
|
const MenuLink = _ref => {
|
|
13
12
|
let {
|
|
14
13
|
url,
|
|
@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _helpers = _interopRequireWildcard(require("./helpers"));
|
|
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 NavMenuGroup = _ref => {
|
|
12
11
|
let {
|
|
13
12
|
children,
|
|
@@ -20,7 +19,7 @@ const NavMenuGroup = _ref => {
|
|
|
20
19
|
} = (0, _react.useContext)(_helpers.SideNavContext);
|
|
21
20
|
return /*#__PURE__*/_react.default.createElement("ul", {
|
|
22
21
|
style: style,
|
|
23
|
-
className:
|
|
22
|
+
className: "".concat(scrollable && 'customscroll', " ").concat((0, _helpers.default)(isExpanded, menuSize))
|
|
24
23
|
}, children);
|
|
25
24
|
};
|
|
26
25
|
var _default = exports.default = NavMenuGroup;
|
|
@@ -11,8 +11,7 @@ var _MenuLink = _interopRequireDefault(require("./MenuLink"));
|
|
|
11
11
|
var _helpers = require("./helpers");
|
|
12
12
|
var _permissionValidations = require("../../permissionValidations");
|
|
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
|
const NavMenuItem = props => {
|
|
18
17
|
const {
|
|
@@ -79,17 +78,19 @@ const NavMenuItem = props => {
|
|
|
79
78
|
(0, _react.useEffect)(() => {
|
|
80
79
|
if (showSubMenu && showDropdownOnClick) {
|
|
81
80
|
document.addEventListener('click', e => {
|
|
81
|
+
var _menuItemRef$current;
|
|
82
82
|
const target = e.target;
|
|
83
|
-
const insideMenu = menuItemRef.current
|
|
83
|
+
const insideMenu = (_menuItemRef$current = menuItemRef.current) === null || _menuItemRef$current === void 0 ? void 0 : _menuItemRef$current.contains(target);
|
|
84
84
|
if (!insideMenu) setShowSubMenu(false);
|
|
85
85
|
});
|
|
86
86
|
}
|
|
87
87
|
}, [showSubMenu, showDropdownOnClick]);
|
|
88
88
|
(0, _react.useEffect)(() => {
|
|
89
|
-
|
|
90
|
-
const
|
|
89
|
+
var _submenuContainerRef$, _submenuContentRef$cu, _submenuContentRef$cu2;
|
|
90
|
+
const heigthSubmenuContainer = ((_submenuContainerRef$ = submenuContainerRef.current) === null || _submenuContainerRef$ === void 0 ? void 0 : _submenuContainerRef$.clientHeight) || 0;
|
|
91
|
+
const heigthSubmenuContent = ((_submenuContentRef$cu = submenuContentRef.current) === null || _submenuContentRef$cu === void 0 ? void 0 : _submenuContentRef$cu.clientHeight) || 0;
|
|
91
92
|
const maxHeigthSubMenu = isOnEndWindow ? '100%' : (window.innerHeight - targetDimensions.top - (heigthSubmenuContainer - heigthSubmenuContent) - 1).toString().concat('px') || '0px';
|
|
92
|
-
submenuContentRef.current
|
|
93
|
+
(_submenuContentRef$cu2 = submenuContentRef.current) === null || _submenuContentRef$cu2 === void 0 ? void 0 : _submenuContentRef$cu2.style.setProperty('max-height', maxHeigthSubMenu);
|
|
93
94
|
}, [showSubMenu]);
|
|
94
95
|
if (unvisible) return null;
|
|
95
96
|
return /*#__PURE__*/_react.default.createElement(_helpers.SubMenuContext.Provider, {
|
|
@@ -97,7 +98,7 @@ const NavMenuItem = props => {
|
|
|
97
98
|
}, /*#__PURE__*/_react.default.createElement("li", {
|
|
98
99
|
style: style,
|
|
99
100
|
ref: menuItemRef,
|
|
100
|
-
className:
|
|
101
|
+
className: "item ".concat(url && !disabled && '-withlink', " ").concat(customClass, " ").concat(disabled && '-disabled'),
|
|
101
102
|
onMouseEnter: onMouseEnter,
|
|
102
103
|
onMouseLeave: () => {
|
|
103
104
|
if (showDropdownOnClick) return;
|
|
@@ -119,7 +120,7 @@ const NavMenuItem = props => {
|
|
|
119
120
|
className: "title"
|
|
120
121
|
}, title), !childrenIsSubMenu && children)), showSubMenu && children && childrenIsSubMenu && !disabled && !openSearchMenuPopup && /*#__PURE__*/_react.default.createElement("div", {
|
|
121
122
|
ref: submenuContainerRef,
|
|
122
|
-
className:
|
|
123
|
+
className: "".concat(customClassForDropdown, " ").concat(disableDefaultStyle ? '' : 'submenu-container'),
|
|
123
124
|
style: isOnEndWindow ? {
|
|
124
125
|
marginLeft: targetDimensions.width,
|
|
125
126
|
bottom: '0',
|
|
@@ -137,7 +138,7 @@ const NavMenuItem = props => {
|
|
|
137
138
|
ref: submenuContentRef,
|
|
138
139
|
className: "submenu",
|
|
139
140
|
style: {
|
|
140
|
-
gridTemplateColumns:
|
|
141
|
+
gridTemplateColumns: "repeat(".concat(columnsQtty, ", 1fr)")
|
|
141
142
|
}
|
|
142
143
|
}, children))), /*#__PURE__*/_react.default.createElement(_tooltip.Tooltip, {
|
|
143
144
|
targetRef: menuItemRef,
|
|
@@ -9,8 +9,7 @@ var _MenuLink = _interopRequireDefault(require("./MenuLink"));
|
|
|
9
9
|
var _helpers = require("./helpers");
|
|
10
10
|
var _permissionValidations = require("../../permissionValidations");
|
|
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 NavSubMenuItem = _ref => {
|
|
15
14
|
let {
|
|
16
15
|
title,
|
|
@@ -28,7 +27,7 @@ const NavSubMenuItem = _ref => {
|
|
|
28
27
|
} = onDenied;
|
|
29
28
|
if (unvisible) return null;
|
|
30
29
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
31
|
-
className:
|
|
30
|
+
className: "item hvr-forward ".concat(disabled && '-disabled'),
|
|
32
31
|
onKeyDown: () => {},
|
|
33
32
|
role: "button",
|
|
34
33
|
tabIndex: -1,
|
|
@@ -9,7 +9,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
|
|
|
9
9
|
const getCssClassMenu = (isExpanded, size) => {
|
|
10
10
|
let cssClass = 'expandedmenu';
|
|
11
11
|
if (!isExpanded) {
|
|
12
|
-
cssClass =
|
|
12
|
+
cssClass = "collapsedmenu -".concat(size);
|
|
13
13
|
}
|
|
14
14
|
return cssClass;
|
|
15
15
|
};
|
|
@@ -40,8 +40,7 @@ var _icons = _interopRequireDefault(require("../../icons"));
|
|
|
40
40
|
var constants = _interopRequireWildcard(require("../../internals/constants"));
|
|
41
41
|
var _popup_menu_search = _interopRequireDefault(require("./popup_menu_search"));
|
|
42
42
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
43
|
-
function
|
|
44
|
-
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; }
|
|
43
|
+
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); }
|
|
45
44
|
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; }
|
|
46
45
|
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; }
|
|
47
46
|
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; }
|
|
@@ -75,7 +74,7 @@ const SideNav = props => {
|
|
|
75
74
|
width,
|
|
76
75
|
height
|
|
77
76
|
} = sideNavDimensions;
|
|
78
|
-
const style =
|
|
77
|
+
const style = "left: ".concat(left + width + 5, "px; top: ").concat(top + 1, "px; height: ").concat(height - 8, "px;");
|
|
79
78
|
return style;
|
|
80
79
|
};
|
|
81
80
|
const closeSearchMenuPopup = () => {
|
|
@@ -87,7 +86,7 @@ const SideNav = props => {
|
|
|
87
86
|
} = child;
|
|
88
87
|
if ((type === _NavMenuItem.default || type === _NavSubMenuItem.default) && !child.props.children) {
|
|
89
88
|
setMenuItemsContent(prevState => [...prevState, {
|
|
90
|
-
id: child.props.id ||
|
|
89
|
+
id: child.props.id || "".concat(child.props.title, "-").concat(uuid.v1()),
|
|
91
90
|
content: child.props.title,
|
|
92
91
|
url: child.props.url
|
|
93
92
|
}]);
|
|
@@ -138,7 +137,7 @@ const SideNav = props => {
|
|
|
138
137
|
menuItemsContent: menuItemsContent && returnMenuItems()
|
|
139
138
|
});
|
|
140
139
|
return /*#__PURE__*/_react.default.createElement(_NavMenuGroup.default, {
|
|
141
|
-
key:
|
|
140
|
+
key: "popup-menusearch-".concat(uuid.v1())
|
|
142
141
|
}, /*#__PURE__*/_react.default.createElement(_NavMenuItem.default, {
|
|
143
142
|
childrenIsSubMenu: false,
|
|
144
143
|
customClass: "-customsidenavitem",
|
|
@@ -173,10 +172,10 @@ const SideNav = props => {
|
|
|
173
172
|
return /*#__PURE__*/_react.default.createElement(_helpers.SideNavContext.Provider, {
|
|
174
173
|
value: contextValues
|
|
175
174
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
176
|
-
className:
|
|
175
|
+
className: "sidenav-component ".concat(isExpanded ? '-expanded' : '', " ").concat(openSearchMenuPopup ? '-blocked' : '', " ").concat(customClass),
|
|
177
176
|
ref: sideNavRef
|
|
178
177
|
}, showExpandMenu && /*#__PURE__*/_react.default.createElement(_ExpandMenu.default, {
|
|
179
|
-
expandMenuCustomClass:
|
|
178
|
+
expandMenuCustomClass: "".concat(isExpanded && 'closefromexpanded', " ").concat(expandMenuCustomClass),
|
|
180
179
|
onExpandMenu: onHeaderClick,
|
|
181
180
|
iconName: isExpanded ? 'arrow_left' : 'arrow_right'
|
|
182
181
|
}), getSideNavContent()));
|
|
@@ -11,8 +11,7 @@ var _list = _interopRequireWildcard(require("../../../list"));
|
|
|
11
11
|
var _icons = _interopRequireDefault(require("../../../icons"));
|
|
12
12
|
var _EmptyList = _interopRequireDefault(require("./EmptyList"));
|
|
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 body = document.getElementsByTagName('body')[0];
|
|
17
16
|
const PopupMenuSearch = props => {
|
|
18
17
|
const {
|
package/lib/panel/Content.js
CHANGED
|
@@ -9,8 +9,7 @@ var _helpers = _interopRequireWildcard(require("./helpers"));
|
|
|
9
9
|
var _noPermission = _interopRequireDefault(require("../noPermission"));
|
|
10
10
|
const _excluded = ["customClass", "children"];
|
|
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
|
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; }
|
|
16
15
|
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; }
|
|
@@ -50,7 +49,7 @@ const PanelContent = _ref => {
|
|
|
50
49
|
}, [onEndReached, onEndReachedThreshold, rootElementRef.current, lastScrollHeight.current]);
|
|
51
50
|
(0, _react.useEffect)(() => {
|
|
52
51
|
let observer;
|
|
53
|
-
if (rootElementRef
|
|
52
|
+
if (rootElementRef !== null && rootElementRef !== void 0 && rootElementRef.current && onEndReached) {
|
|
54
53
|
observer = new ResizeObserver(() => {
|
|
55
54
|
const currentElement = rootElementRef.current;
|
|
56
55
|
if (currentElement) {
|
|
@@ -58,8 +57,9 @@ const PanelContent = _ref => {
|
|
|
58
57
|
scrollHeight
|
|
59
58
|
} = currentElement;
|
|
60
59
|
if (scrollHeight && scrollHeight !== lastScrollHeight.current) {
|
|
60
|
+
var _observer;
|
|
61
61
|
enableOnEndReached.current = true;
|
|
62
|
-
observer
|
|
62
|
+
(_observer = observer) === null || _observer === void 0 ? void 0 : _observer.disconnect();
|
|
63
63
|
}
|
|
64
64
|
}
|
|
65
65
|
});
|
|
@@ -68,15 +68,16 @@ const PanelContent = _ref => {
|
|
|
68
68
|
rootElementRef.current.addEventListener('resize', onScrollEndReached);
|
|
69
69
|
}
|
|
70
70
|
return () => {
|
|
71
|
-
|
|
72
|
-
rootElementRef.current
|
|
73
|
-
|
|
71
|
+
var _rootElementRef$curre, _rootElementRef$curre2, _observer2;
|
|
72
|
+
(_rootElementRef$curre = rootElementRef.current) === null || _rootElementRef$curre === void 0 ? void 0 : _rootElementRef$curre.removeEventListener('scroll', onScrollEndReached);
|
|
73
|
+
(_rootElementRef$curre2 = rootElementRef.current) === null || _rootElementRef$curre2 === void 0 ? void 0 : _rootElementRef$curre2.removeEventListener('resize', onScrollEndReached);
|
|
74
|
+
(_observer2 = observer) === null || _observer2 === void 0 ? void 0 : _observer2.disconnect();
|
|
74
75
|
};
|
|
75
76
|
}, [onScrollEndReached]);
|
|
76
77
|
if (!opened) return null;
|
|
77
78
|
return hideContent ? /*#__PURE__*/_react.default.createElement(_noPermission.default, null) : /*#__PURE__*/_react.default.createElement("div", _extends({
|
|
78
79
|
ref: rootElementRef,
|
|
79
|
-
className:
|
|
80
|
+
className: "panel-content ".concat(customClass !== null && customClass !== void 0 ? customClass : '')
|
|
80
81
|
}, rest), opened && children);
|
|
81
82
|
};
|
|
82
83
|
var _default = exports.default = PanelContent;
|
package/lib/panel/Default.js
CHANGED
|
@@ -11,8 +11,7 @@ var _helpers = _interopRequireDefault(require("./helpers"));
|
|
|
11
11
|
var _permissionValidations = require("../permissionValidations");
|
|
12
12
|
const _excluded = ["startOpened", "toggleable", "customClass", "children", "title", "gridCols", "onEndReached", "onEndReachedThreshold", "permissionAttr", "colorStyle"];
|
|
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 _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; }
|
|
18
17
|
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; }
|
|
@@ -37,8 +36,8 @@ const DefaultPanel = _ref => {
|
|
|
37
36
|
} = _permissionValidations.OPTIONS_ON_DENIED;
|
|
38
37
|
const [onDenied] = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)([hideContent, unvisible], permissionAttr));
|
|
39
38
|
const getCssClass = () => {
|
|
40
|
-
let cssClass =
|
|
41
|
-
cssClass += colorStyle !== '' ?
|
|
39
|
+
let cssClass = "panel-component ".concat(customClass);
|
|
40
|
+
cssClass += colorStyle !== '' ? " -".concat(colorStyle) : '';
|
|
42
41
|
return cssClass;
|
|
43
42
|
};
|
|
44
43
|
const renderContent = () => /*#__PURE__*/_react.default.createElement("div", _extends({
|
package/lib/panel/Header.js
CHANGED
|
@@ -10,8 +10,7 @@ var _buttons = _interopRequireWildcard(require("../buttons"));
|
|
|
10
10
|
var _helpers = _interopRequireDefault(require("./helpers"));
|
|
11
11
|
const _excluded = ["titleIcon", "icon", "title", "children", "styleForTitle", "customClassForTitle"];
|
|
12
12
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
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 _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); }
|
|
16
15
|
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; }
|
|
17
16
|
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; }
|
|
@@ -32,7 +31,7 @@ const getClassName = _ref => {
|
|
|
32
31
|
customClass,
|
|
33
32
|
headerColored = true
|
|
34
33
|
} = _ref;
|
|
35
|
-
let className =
|
|
34
|
+
let className = "panel-header ".concat(customClass !== null && customClass !== void 0 ? customClass : '');
|
|
36
35
|
if (!headerColored) className += ' -uncolored';
|
|
37
36
|
return className;
|
|
38
37
|
};
|
|
@@ -54,9 +53,9 @@ const PanelHeader = props => {
|
|
|
54
53
|
return /*#__PURE__*/_react.default.createElement("div", _extends({
|
|
55
54
|
className: getClassName(props)
|
|
56
55
|
}, rest), (icon || titleIcon) && /*#__PURE__*/_react.default.createElement("div", {
|
|
57
|
-
className:
|
|
56
|
+
className: "".concat(icon !== null || titleIcon !== null ? 'icon-left-panel' : '')
|
|
58
57
|
}, getIcon(titleIcon, icon)), title && /*#__PURE__*/_react.default.createElement("h1", {
|
|
59
|
-
className:
|
|
58
|
+
className: "title ".concat(customClassForTitle !== null && customClassForTitle !== void 0 ? customClassForTitle : ''),
|
|
60
59
|
style: styleForTitle
|
|
61
60
|
}, title), toggleable && /*#__PURE__*/_react.default.createElement(_buttons.ButtonContainer, {
|
|
62
61
|
position: "right"
|
|
@@ -45,7 +45,7 @@ const actionsOnPermissionDenied = (options, permissionAttr) => {
|
|
|
45
45
|
}
|
|
46
46
|
const result = {};
|
|
47
47
|
options.forEach(option => {
|
|
48
|
-
result[option] = hasPermission ? false : option === permissionsAttr
|
|
48
|
+
result[option] = hasPermission ? false : option === (permissionsAttr === null || permissionsAttr === void 0 ? void 0 : permissionsAttr[0].onDenied);
|
|
49
49
|
});
|
|
50
50
|
return result;
|
|
51
51
|
};
|
|
@@ -5,8 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
-
function
|
|
9
|
-
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; }
|
|
8
|
+
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); }
|
|
10
9
|
const PopoverText = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
|
|
11
10
|
let {
|
|
12
11
|
children,
|
package/lib/popover/index.js
CHANGED
|
@@ -62,7 +62,7 @@ const Popover = _ref => {
|
|
|
62
62
|
e.preventDefault();
|
|
63
63
|
}
|
|
64
64
|
}, rest), /*#__PURE__*/_react.default.createElement("div", {
|
|
65
|
-
className:
|
|
65
|
+
className: "popovercontainer -".concat(theme, " ").concat(customClass),
|
|
66
66
|
"data-testid": "popover-container",
|
|
67
67
|
style: customStyle
|
|
68
68
|
}, children));
|
package/lib/progress/Bar.js
CHANGED
|
@@ -18,8 +18,8 @@ const getPercentage = _ref => {
|
|
|
18
18
|
};
|
|
19
19
|
const getClass = props => {
|
|
20
20
|
let style = 'bar';
|
|
21
|
-
if (props.customClass) style +=
|
|
22
|
-
if (props.type) style +=
|
|
21
|
+
if (props.customClass) style += "".concat(props.customClass);
|
|
22
|
+
if (props.type) style += " -".concat(props.type);
|
|
23
23
|
if (props.effect) style += ' -effect';
|
|
24
24
|
if (props.animated) style += ' -animated';
|
|
25
25
|
if (props.indeterminate) style += ' -indeterminate';
|
|
@@ -28,7 +28,7 @@ const getClass = props => {
|
|
|
28
28
|
const getLabel = progress => {
|
|
29
29
|
let value = progress.label;
|
|
30
30
|
if (!progress.label) {
|
|
31
|
-
value =
|
|
31
|
+
value = "".concat(getPercentage(progress), "%");
|
|
32
32
|
}
|
|
33
33
|
return /*#__PURE__*/_react.default.createElement("span", {
|
|
34
34
|
className: "progressbar-label "
|
|
@@ -46,12 +46,12 @@ const getStyle = props => {
|
|
|
46
46
|
return {
|
|
47
47
|
width: progressWidth,
|
|
48
48
|
height,
|
|
49
|
-
animationDuration:
|
|
50
|
-
animationDelay:
|
|
49
|
+
animationDuration: "".concat(indeterminateDuration, "s"),
|
|
50
|
+
animationDelay: "".concat(indeterminateDelay, "s")
|
|
51
51
|
};
|
|
52
52
|
}
|
|
53
53
|
return {
|
|
54
|
-
width:
|
|
54
|
+
width: "".concat(getPercentage(props), "%"),
|
|
55
55
|
height
|
|
56
56
|
};
|
|
57
57
|
};
|
package/lib/radio/index.js
CHANGED
|
@@ -10,8 +10,7 @@ var _permissionValidations = require("../permissionValidations");
|
|
|
10
10
|
var _popover = _interopRequireDefault(require("../popover"));
|
|
11
11
|
var _textContent = _interopRequireDefault(require("../textContent"));
|
|
12
12
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
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 _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); }
|
|
16
15
|
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; }
|
|
17
16
|
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; }
|
|
@@ -79,7 +78,7 @@ const Radio = _ref => {
|
|
|
79
78
|
alignItems: 'center'
|
|
80
79
|
}
|
|
81
80
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
82
|
-
className:
|
|
81
|
+
className: "radio-button ".concat(disabled ? 'disabled' : '', " ").concat(skeletonize ? '-skeletonized' : '')
|
|
83
82
|
}, /*#__PURE__*/_react.default.createElement("input", _extends({}, getCustomProps(), {
|
|
84
83
|
ref: inputRef,
|
|
85
84
|
className: "radio-component",
|
|
@@ -90,7 +89,7 @@ const Radio = _ref => {
|
|
|
90
89
|
required: required,
|
|
91
90
|
disabled: shouldDisable()
|
|
92
91
|
})), /*#__PURE__*/_react.default.createElement("label", {
|
|
93
|
-
className:
|
|
92
|
+
className: "description ".concat(size && "-".concat(size)),
|
|
94
93
|
htmlFor: id
|
|
95
94
|
}, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_textContent.default, {
|
|
96
95
|
required: required,
|
package/lib/shortcuts/index.js
CHANGED
|
@@ -21,7 +21,7 @@ const Shortcuts = _ref => {
|
|
|
21
21
|
style: style
|
|
22
22
|
}, /*#__PURE__*/_react.default.createElement("kbd", {
|
|
23
23
|
"data-testid": "shortcut",
|
|
24
|
-
className:
|
|
24
|
+
className: "shortcut-component ".concat(type && "-".concat(type)),
|
|
25
25
|
style: styleShortcut
|
|
26
26
|
}, shortcut), ":\xA0", description);
|
|
27
27
|
};
|
|
@@ -13,8 +13,7 @@ const SkeletonContainer = _ref => {
|
|
|
13
13
|
customClass,
|
|
14
14
|
style
|
|
15
15
|
} = _ref;
|
|
16
|
-
const getClass = () =>
|
|
17
|
-
${row && '-row'}`;
|
|
16
|
+
const getClass = () => "skeletoncontainer-component ".concat(customClass, "\n ").concat(row && '-row');
|
|
18
17
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
19
18
|
className: getClass(),
|
|
20
19
|
style: style
|
package/lib/skeleton/index.js
CHANGED
|
@@ -35,10 +35,7 @@ const Skeleton = props => {
|
|
|
35
35
|
width,
|
|
36
36
|
height
|
|
37
37
|
};
|
|
38
|
-
const getClass = () =>
|
|
39
|
-
${color && `-${color}`}
|
|
40
|
-
${round && '-round'}
|
|
41
|
-
${round && size && `-${size}`}`;
|
|
38
|
+
const getClass = () => "skeleton-component ".concat(customClass, "\n ").concat(color && "-".concat(color), "\n ").concat(round && '-round', "\n ").concat(round && size && "-".concat(size));
|
|
42
39
|
const renderContent = () => /*#__PURE__*/_react.default.createElement("div", {
|
|
43
40
|
className: getClass(),
|
|
44
41
|
style: _objectSpread(_objectSpread({}, customStyles), style)
|
package/lib/spinner/index.js
CHANGED
|
@@ -8,8 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
8
8
|
var _SpinnerLoading = _interopRequireDefault(require("./SpinnerLoading"));
|
|
9
9
|
require("../assets/styles/spinner.scss");
|
|
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 Spinner = props => {
|
|
14
13
|
const {
|
|
15
14
|
align = 'center',
|
|
@@ -37,8 +36,8 @@ const Spinner = props => {
|
|
|
37
36
|
};
|
|
38
37
|
}, []);
|
|
39
38
|
const getCssClass = () => {
|
|
40
|
-
let css =
|
|
41
|
-
if (heightAuto) css =
|
|
39
|
+
let css = "spinner-component -".concat(align, " ").concat(customClass, " ");
|
|
40
|
+
if (heightAuto) css = "".concat(css, " -heightauto");
|
|
42
41
|
return css;
|
|
43
42
|
};
|
|
44
43
|
if (delay) return null;
|
package/lib/split/Split.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 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; }
|
|
13
12
|
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; }
|
|
14
13
|
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; }
|
|
@@ -246,7 +245,7 @@ const Split = _ref => {
|
|
|
246
245
|
} = state;
|
|
247
246
|
let containerClasses = 'split-component';
|
|
248
247
|
if (customClass) {
|
|
249
|
-
containerClasses +=
|
|
248
|
+
containerClasses += " ".concat(customClass);
|
|
250
249
|
}
|
|
251
250
|
if (vertical) {
|
|
252
251
|
containerClasses += ' splitter-layout-vertical';
|
package/lib/split/SplitSide.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
|
const SplitSide = _ref => {
|
|
13
12
|
let {
|
|
14
13
|
primary,
|
|
@@ -27,15 +26,15 @@ const SplitSide = _ref => {
|
|
|
27
26
|
const splitSideStyle = {};
|
|
28
27
|
if (!primary) {
|
|
29
28
|
if (vertical) {
|
|
30
|
-
splitSideStyle.height =
|
|
29
|
+
splitSideStyle.height = "".concat(sizeSplitSide).concat(unit);
|
|
31
30
|
} else {
|
|
32
|
-
splitSideStyle.width =
|
|
31
|
+
splitSideStyle.width = "".concat(sizeSplitSide).concat(unit);
|
|
33
32
|
}
|
|
34
33
|
} else {
|
|
35
34
|
classes += ' layout-pane-primary';
|
|
36
35
|
}
|
|
37
36
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
38
|
-
className:
|
|
37
|
+
className: "".concat(classes, " ").concat(customClass),
|
|
39
38
|
style: Object.assign({}, splitSideStyle, style)
|
|
40
39
|
}, children);
|
|
41
40
|
};
|