linear-react-components-ui 1.1.24-beta.0 → 1.1.24-beta.10
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/BaseMask-0c14ef51.d.ts +24 -0
- package/lib/Cnpj-bde01dd0.d.ts +18 -0
- package/lib/Cpf-3fa496ad.d.ts +18 -0
- package/lib/Phone-2bb0b397.d.ts +18 -0
- package/lib/ZipCode-09460e18.d.ts +13 -0
- 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 +140 -35
- package/lib/assets/styles/datepicker2.scss +3 -9
- package/lib/assets/styles/file.scss +8 -0
- package/lib/assets/styles/filefield.scss +42 -0
- package/lib/assets/styles/numberfield.scss +18 -0
- package/lib/assets/styles/periodpicker.scss +1 -1
- package/lib/assets/styles/radiofield.scss +185 -0
- package/lib/assets/styles/selectfield.scss +1 -3
- package/lib/assets/styles/table.scss +6 -0
- package/lib/assets/styles/textfield.scss +61 -27
- 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 +22 -21
- 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 +5 -6
- package/lib/dialog/base/Header.js +3 -4
- package/lib/dialog/base/index.js +33 -23
- package/lib/dialog/form/index.js +52 -12
- package/lib/dialog/types.d.ts +4 -0
- 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 +6 -7
- 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 +7 -3
- package/lib/form2/useForm/index.js +22 -15
- package/lib/gridlayout/GridCol.js +5 -5
- package/lib/gridlayout/GridRow.js +1 -4
- package/lib/hint/index.js +1 -7
- package/lib/icons/helper.d.ts +16 -0
- package/lib/icons/helper.js +16 -0
- package/lib/icons/index.js +9 -9
- package/lib/index-208e7f62.d.ts +44 -0
- package/lib/index-3b70931d.d.ts +44 -0
- package/lib/index-442d51a2.d.ts +15 -0
- package/lib/index-4e511971.d.ts +26 -0
- package/lib/index-7dfa8924.d.ts +22 -0
- package/lib/index-9e576346.d.ts +23 -0
- package/lib/index-d3b6a19a.d.ts +41 -0
- package/lib/index-ecafc8c6.d.ts +30 -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 +34 -22
- 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/file/index.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 +3 -12
- package/lib/inputs/period/helper.js +1 -3
- package/lib/inputs/period/index.js +116 -113
- package/lib/inputs/period/types.d.ts +4 -1
- package/lib/inputs/search/index.js +8 -5
- 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/inputs/types.d.ts +1 -0
- package/lib/inputs2/checkboxfield/index.d.ts +1 -1
- package/lib/inputs2/checkboxfield/index.js +18 -15
- package/lib/inputs2/colorfield/index.d.ts +2 -2
- package/lib/inputs2/colorfield/index.js +5 -5
- package/lib/inputs2/date/base/constants.js +2 -1
- package/lib/inputs2/date/base/index.js +6 -8
- package/lib/inputs2/date/datefield/calendarbox.d.ts +1 -1
- package/lib/inputs2/date/datefield/calendarbox.js +3 -2
- package/lib/inputs2/date/datefield/context.d.ts +1 -0
- package/lib/inputs2/date/datefield/index.d.ts +1 -0
- package/lib/inputs2/date/datefield/index.js +44 -33
- package/lib/inputs2/date/datefield/triggers.js +1 -2
- package/lib/inputs2/date/datefield/types.d.ts +2 -0
- package/lib/inputs2/date/dateperiodfield/calendarbox.d.ts +1 -1
- package/lib/inputs2/date/dateperiodfield/calendarbox.js +8 -6
- package/lib/inputs2/date/dateperiodfield/context.d.ts +1 -0
- package/lib/inputs2/date/dateperiodfield/index.d.ts +1 -0
- package/lib/inputs2/date/dateperiodfield/index.js +66 -48
- package/lib/inputs2/date/dateperiodfield/triggers.js +19 -14
- package/lib/inputs2/date/dateperiodfield/types.d.ts +2 -0
- package/lib/inputs2/date/helpers.d.ts +1 -0
- package/lib/inputs2/date/types.d.ts +2 -1
- package/lib/inputs2/{number/Number.d.ts → filefield/index.d.ts} +2 -2
- package/lib/inputs2/filefield/index.js +174 -0
- package/lib/inputs2/index.d.ts +20 -14
- package/lib/inputs2/index.js +10 -11
- package/lib/inputs2/mask/BaseMask.d.ts +2 -2
- package/lib/inputs2/mask/BaseMask.js +7 -7
- package/lib/inputs2/mask/Cnpj.d.ts +3 -3
- package/lib/inputs2/mask/Cnpj.js +4 -5
- package/lib/inputs2/mask/Cpf.d.ts +3 -3
- package/lib/inputs2/mask/Cpf.js +4 -5
- package/lib/inputs2/mask/Phone.d.ts +3 -3
- package/lib/inputs2/mask/Phone.js +1 -2
- package/lib/inputs2/mask/ZipCode.d.ts +3 -3
- package/lib/inputs2/mask/ZipCode.js +1 -2
- package/lib/inputs2/numberfield/currency.d.ts +13 -0
- package/lib/inputs2/numberfield/currency.js +91 -0
- package/lib/inputs2/numberfield/decimal.d.ts +13 -0
- package/lib/inputs2/{number/BaseNumber.js → numberfield/decimal.js} +57 -58
- package/lib/inputs2/numberfield/helpers.d.ts +30 -0
- package/lib/inputs2/numberfield/helpers.js +53 -0
- package/lib/inputs2/numberfield/index.d.ts +12 -0
- package/lib/inputs2/numberfield/index.js +104 -0
- package/lib/inputs2/numberfield/types.d.ts +36 -0
- package/lib/inputs2/numberfield/types.js +5 -0
- package/lib/inputs2/{number/BaseNumber.d.ts → radiofield/index.d.ts} +4 -5
- package/lib/inputs2/radiofield/index.js +144 -0
- package/lib/inputs2/radiofield/types.d.ts +33 -0
- package/lib/inputs2/radiofield/types.js +5 -0
- package/lib/inputs2/selectfield/context.d.ts +1 -0
- package/lib/inputs2/selectfield/index.d.ts +2 -1
- package/lib/inputs2/selectfield/index.js +118 -58
- package/lib/inputs2/selectfield/item.d.ts +2 -1
- package/lib/inputs2/selectfield/item.js +8 -4
- package/lib/inputs2/selectfield/listbox.d.ts +1 -1
- package/lib/inputs2/selectfield/listbox.js +24 -10
- package/lib/inputs2/selectfield/options.d.ts +9 -0
- package/lib/inputs2/selectfield/options.js +26 -0
- 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 +17 -8
- package/lib/inputs2/selectfield/types.d.ts +0 -1
- package/lib/inputs2/slot/index.d.ts +2 -2
- package/lib/inputs2/{number/Decimal.d.ts → textareafield/index.d.ts} +2 -5
- package/lib/inputs2/textareafield/index.js +194 -0
- package/lib/inputs2/textfield/index.d.ts +1 -1
- package/lib/inputs2/textfield/index.js +18 -17
- 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 +2 -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 +20 -16
- package/lib/table/types.d.ts +1 -0
- 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/BaseMask-3d5d581d.d.ts +0 -24
- package/lib/BaseNumber-797088d7.d.ts +0 -23
- package/lib/Cnpj-1602be21.d.ts +0 -18
- package/lib/Cpf-4d6b9079.d.ts +0 -18
- package/lib/Currency-b33d3a22.d.ts +0 -18
- package/lib/Decimal-55e836d5.d.ts +0 -13
- package/lib/Number-9c6aceff.d.ts +0 -20
- package/lib/Phone-79e5e3b4.d.ts +0 -18
- package/lib/ZipCode-8c2e9d8b.d.ts +0 -13
- 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-18a64236.d.ts +0 -23
- package/lib/index-43ad8140.d.ts +0 -41
- package/lib/index-772f9f1a.d.ts +0 -44
- package/lib/index-8a59cf4b.d.ts +0 -23
- package/lib/inputs2/number/Currency.d.ts +0 -11
- package/lib/inputs2/number/Currency.js +0 -47
- package/lib/inputs2/number/Decimal.js +0 -36
- package/lib/inputs2/number/Number.js +0 -49
- package/lib/inputs2/number/format_number.d.ts +0 -5
- package/lib/inputs2/number/format_number.js +0 -29
package/lib/tabs/MenuTabs.js
CHANGED
|
@@ -10,8 +10,7 @@ var helpers = _interopRequireWildcard(require("./tabHelpers"));
|
|
|
10
10
|
var _permissionValidations = require("../permissionValidations");
|
|
11
11
|
var _useTabs = require("./useTabs");
|
|
12
12
|
var _lodash = _interopRequireDefault(require("lodash"));
|
|
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 MenuTab = _ref => {
|
|
@@ -38,17 +37,13 @@ const MenuTab = _ref => {
|
|
|
38
37
|
tabsCount
|
|
39
38
|
} = (0, _useTabs.useTabs)();
|
|
40
39
|
const onDenied = (0, _permissionValidations.actionsOnPermissionDenied)(helpers.onDeniedOptions, permissionAttr);
|
|
41
|
-
const withErrorInContent = tabsWithError
|
|
40
|
+
const withErrorInContent = tabsWithError === null || tabsWithError === void 0 ? void 0 : tabsWithError.includes(id);
|
|
42
41
|
return onDenied.unvisible ? null : /*#__PURE__*/_react.default.createElement("li", {
|
|
43
42
|
key: id,
|
|
44
43
|
style: {
|
|
45
44
|
width: tabWidth
|
|
46
45
|
},
|
|
47
|
-
className:
|
|
48
|
-
menuitem
|
|
49
|
-
${selectedTabId === id && 'selected'}
|
|
50
|
-
${withErrorInContent && 'witherrorcontent'}
|
|
51
|
-
`
|
|
46
|
+
className: "\n menuitem \n ".concat(selectedTabId === id && 'selected', " \n ").concat(withErrorInContent && 'witherrorcontent', "\n ")
|
|
52
47
|
}, /*#__PURE__*/_react.default.createElement(_buttons.default, {
|
|
53
48
|
className: "btn menubutton",
|
|
54
49
|
boxShadow: false,
|
|
@@ -81,7 +76,7 @@ const MenuTabs = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
|
|
|
81
76
|
} = (0, _useTabs.useTabs)();
|
|
82
77
|
const uniqueTabs = keepPanelsInOrder ? _lodash.default.sortBy(_lodash.default.uniqBy(tabs, 'id'), tabPanel => keepPanelsInOrder.indexOf(tabPanel.id)) : _lodash.default.uniqBy(tabs, 'id');
|
|
83
78
|
return /*#__PURE__*/_react.default.createElement("ul", {
|
|
84
|
-
className:
|
|
79
|
+
className: "menu ".concat(firstTabIdent && '-firsttabident'),
|
|
85
80
|
style: helpers.menuStyles(tabMenuAlign),
|
|
86
81
|
ref: ref
|
|
87
82
|
}, uniqueTabs.map(tab => /*#__PURE__*/_react.default.createElement(MenuTab, _extends({
|
package/lib/tabs/Panel.js
CHANGED
|
@@ -10,8 +10,7 @@ var _permissionValidations = require("../permissionValidations");
|
|
|
10
10
|
var _noPermission = _interopRequireDefault(require("../noPermission"));
|
|
11
11
|
var _useTabs = require("./useTabs");
|
|
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
|
const Panel = props => {
|
|
16
15
|
const {
|
|
17
16
|
id,
|
|
@@ -60,8 +59,9 @@ const Panel = props => {
|
|
|
60
59
|
scrollHeight
|
|
61
60
|
} = rootElementRef.current;
|
|
62
61
|
if (scrollHeight !== lastScrollHeight.current) {
|
|
62
|
+
var _observer;
|
|
63
63
|
enableOnEndReached.current = true;
|
|
64
|
-
observer
|
|
64
|
+
(_observer = observer) === null || _observer === void 0 ? void 0 : _observer.disconnect();
|
|
65
65
|
}
|
|
66
66
|
});
|
|
67
67
|
observer.observe(rootElementRef.current);
|
|
@@ -69,15 +69,16 @@ const Panel = props => {
|
|
|
69
69
|
rootElementRef.current.addEventListener('resize', onScrollEndReached);
|
|
70
70
|
}
|
|
71
71
|
return () => {
|
|
72
|
-
|
|
73
|
-
rootElementRef.current
|
|
74
|
-
|
|
72
|
+
var _rootElementRef$curre, _rootElementRef$curre2, _observer2;
|
|
73
|
+
(_rootElementRef$curre = rootElementRef.current) === null || _rootElementRef$curre === void 0 ? void 0 : _rootElementRef$curre.removeEventListener('scroll', onScrollEndReached);
|
|
74
|
+
(_rootElementRef$curre2 = rootElementRef.current) === null || _rootElementRef$curre2 === void 0 ? void 0 : _rootElementRef$curre2.removeEventListener('resize', onScrollEndReached);
|
|
75
|
+
(_observer2 = observer) === null || _observer2 === void 0 ? void 0 : _observer2.disconnect();
|
|
75
76
|
};
|
|
76
77
|
}, [onScrollEndReached]);
|
|
77
78
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
78
79
|
ref: rootElementRef,
|
|
79
80
|
id: id,
|
|
80
|
-
className:
|
|
81
|
+
className: "".concat(customClass, " panel ").concat(hidePanel),
|
|
81
82
|
style: style
|
|
82
83
|
}, hideContent ? /*#__PURE__*/_react.default.createElement(_noPermission.default, null) : children);
|
|
83
84
|
};
|
package/lib/tabs/context.js
CHANGED
|
@@ -9,10 +9,10 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
9
9
|
var _lodash = _interopRequireDefault(require("lodash"));
|
|
10
10
|
var _tabHelpers = require("./tabHelpers");
|
|
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 TabsContext = exports.TabsContext = /*#__PURE__*/(0, _react.createContext)({});
|
|
15
14
|
function TabsProvider(_ref) {
|
|
15
|
+
var _menuRef$current$clie, _menuRef$current;
|
|
16
16
|
let {
|
|
17
17
|
children,
|
|
18
18
|
tabs: tabsProp,
|
|
@@ -27,11 +27,12 @@ function TabsProvider(_ref) {
|
|
|
27
27
|
} = _ref;
|
|
28
28
|
const [selectedTabId, setSelectedTabId] = _react.default.useState(selectedTab);
|
|
29
29
|
const [containerWidth, setContainerWidth] = (0, _react.useState)(() => {
|
|
30
|
-
|
|
30
|
+
var _container$current$cl, _container$current;
|
|
31
|
+
return (_container$current$cl = (_container$current = container.current) === null || _container$current === void 0 ? void 0 : _container$current.clientWidth) !== null && _container$current$cl !== void 0 ? _container$current$cl : 0;
|
|
31
32
|
});
|
|
32
33
|
const [tabs, setTabs] = (0, _react.useState)((0, _tabHelpers.getTabs)(tabsProp));
|
|
33
34
|
const menuRef = (0, _react.useRef)(null);
|
|
34
|
-
const menuSize = (menuRef.current
|
|
35
|
+
const menuSize = ((_menuRef$current$clie = (_menuRef$current = menuRef.current) === null || _menuRef$current === void 0 ? void 0 : _menuRef$current.clientWidth) !== null && _menuRef$current$clie !== void 0 ? _menuRef$current$clie : 0) - 38 - (firstTabIdent ? 15 : 0);
|
|
35
36
|
const tabsWidth = (0, _react.useMemo)(() => {
|
|
36
37
|
if (typeof tabsWidthProp === 'string') return tabsWidthProp === 'auto' ? 100 : parseInt(tabsWidthProp) || 100;
|
|
37
38
|
return tabsWidthProp;
|
|
@@ -41,7 +42,8 @@ function TabsProvider(_ref) {
|
|
|
41
42
|
setSelectedTabId(selectedTab);
|
|
42
43
|
}
|
|
43
44
|
if (tabs.length > 0 && selectedTabId === null) {
|
|
44
|
-
|
|
45
|
+
var _tabs$;
|
|
46
|
+
setSelectedTabId((_tabs$ = tabs[0]) === null || _tabs$ === void 0 ? void 0 : _tabs$.id);
|
|
45
47
|
}
|
|
46
48
|
const dropdownTabs = (0, _react.useMemo)(() => {
|
|
47
49
|
if (menuSize === 0) return [];
|
package/lib/tabs/index.js
CHANGED
|
@@ -19,8 +19,7 @@ var _context = require("./context");
|
|
|
19
19
|
var _lodash = _interopRequireDefault(require("lodash"));
|
|
20
20
|
const _excluded = ["toolbar", "children", "firstTabIdent", "handlerTabClick", "handlerCloseTab", "style", "tabMenuSize", "tabMenuAlign", "tabMenuPosition", "customClassForToolBar", "tabsWidth", "tabsWithError", "keepPanelsInOrder"];
|
|
21
21
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
22
|
-
function
|
|
23
|
-
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; }
|
|
22
|
+
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); }
|
|
24
23
|
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); }
|
|
25
24
|
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; }
|
|
26
25
|
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; }
|
package/lib/textContent/index.js
CHANGED
|
@@ -8,8 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
8
8
|
require("../assets/styles/textContent.scss");
|
|
9
9
|
var _tooltip = require("../tooltip");
|
|
10
10
|
const _excluded = ["as", "children", "className", "styleForLabel", "onHoverLabel", "tooltip", "tooltipPosition", "tooltipWidth", "errorMessage", "labelUppercase"];
|
|
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
|
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); }
|
|
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; }
|
|
@@ -32,7 +31,7 @@ const TextContent = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
|
|
|
32
31
|
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(Comp, _extends({
|
|
33
32
|
ref: compRef,
|
|
34
33
|
style: styleForLabel,
|
|
35
|
-
className:
|
|
34
|
+
className: "text-content-component ".concat(className),
|
|
36
35
|
"data-textcontent": Comp,
|
|
37
36
|
onMouseEnter: onHoverLabel
|
|
38
37
|
}, props), children), /*#__PURE__*/_react.default.createElement(_tooltip.Tooltip, {
|
package/lib/toolbar/ButtonBar.js
CHANGED
|
@@ -9,8 +9,7 @@ var _buttons = _interopRequireWildcard(require("../buttons"));
|
|
|
9
9
|
var _helpers = _interopRequireDefault(require("./helpers"));
|
|
10
10
|
const _excluded = ["size", "icon", "onClick", "iconName", "transparent", "customClass", "type", "iconAlign", "label"];
|
|
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; }
|
|
@@ -44,7 +43,7 @@ const ButtonBar = _ref => {
|
|
|
44
43
|
transparent,
|
|
45
44
|
skeletonize,
|
|
46
45
|
boxShadow: false,
|
|
47
|
-
customClass:
|
|
46
|
+
customClass: "buttonbar ".concat(customClass)
|
|
48
47
|
});
|
|
49
48
|
return {
|
|
50
49
|
default: /*#__PURE__*/_react.default.createElement(_buttons.default, getProps()),
|
package/lib/toolbar/LabelBar.js
CHANGED
|
@@ -9,8 +9,7 @@ var _labels = _interopRequireWildcard(require("../labels"));
|
|
|
9
9
|
var _helpers = _interopRequireDefault(require("./helpers"));
|
|
10
10
|
const _excluded = ["size", "icon", "children", "iconName", "style", "type", "bordered"];
|
|
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; }
|
package/lib/toolbar/index.js
CHANGED
|
@@ -58,7 +58,7 @@ const ToolBar = _ref => {
|
|
|
58
58
|
value: contextValues
|
|
59
59
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
60
60
|
ref: innerRef,
|
|
61
|
-
className:
|
|
61
|
+
className: "toolbar-component ".concat(size ? "".concat(size, "-bar") : '', " ").concat(customClass),
|
|
62
62
|
style: style
|
|
63
63
|
}, children));
|
|
64
64
|
};
|
|
@@ -9,8 +9,7 @@ var _reactDom = _interopRequireDefault(require("react-dom"));
|
|
|
9
9
|
var uuid = _interopRequireWildcard(require("uuid"));
|
|
10
10
|
require("../assets/styles/tooltip.scss");
|
|
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 TooltipContent = _ref => {
|
|
15
14
|
let {
|
|
16
15
|
text,
|
|
@@ -24,14 +23,14 @@ const TooltipContent = _ref => {
|
|
|
24
23
|
} = _ref;
|
|
25
24
|
const tooltipComponent = (0, _react.useRef)(document.createElement('div'));
|
|
26
25
|
(0, _react.useEffect)(() => {
|
|
27
|
-
tooltipComponent.current.id =
|
|
28
|
-
tooltipComponent.current.className =
|
|
26
|
+
tooltipComponent.current.id = "tooltip-".concat(uuid.v1());
|
|
27
|
+
tooltipComponent.current.className = "tooltip-component ".concat(position, " ");
|
|
29
28
|
tooltipComponent.current.dataset.testid = 'tooltip-component';
|
|
30
29
|
tooltipComponent.current.style.cssText = style;
|
|
31
30
|
document.body.appendChild(tooltipComponent.current);
|
|
32
|
-
const tooltipEl = document.querySelector(
|
|
33
|
-
let widthDimension = tooltipEl
|
|
34
|
-
const heightDimension = tooltipEl
|
|
31
|
+
const tooltipEl = document.querySelector("div#".concat(tooltipComponent.current.id));
|
|
32
|
+
let widthDimension = tooltipEl === null || tooltipEl === void 0 ? void 0 : tooltipEl.offsetWidth;
|
|
33
|
+
const heightDimension = tooltipEl === null || tooltipEl === void 0 ? void 0 : tooltipEl.offsetHeight;
|
|
35
34
|
if (tooltipDimensions && tooltipDimensions.width) {
|
|
36
35
|
widthDimension = tooltipDimensions.width;
|
|
37
36
|
}
|
|
@@ -48,13 +47,13 @@ const TooltipContent = _ref => {
|
|
|
48
47
|
};
|
|
49
48
|
}, []);
|
|
50
49
|
(0, _react.useEffect)(() => {
|
|
51
|
-
tooltipComponent.current.className =
|
|
50
|
+
tooltipComponent.current.className = "tooltip-component ".concat(position, " ");
|
|
52
51
|
}, [position]);
|
|
53
52
|
(0, _react.useEffect)(() => {
|
|
54
53
|
tooltipComponent.current.style.cssText = style;
|
|
55
54
|
}, [style]);
|
|
56
55
|
(0, _react.useEffect)(() => {
|
|
57
|
-
tooltipComponent.current.className = textError ?
|
|
56
|
+
tooltipComponent.current.className = textError ? "tooltip-error tooltip-component ".concat(position) : "tooltip-component ".concat(position);
|
|
58
57
|
}, [textError]);
|
|
59
58
|
const getTooltipContent = () => /*#__PURE__*/_react.default.createElement("div", {
|
|
60
59
|
className: "tooltipcontent",
|
|
@@ -68,23 +68,23 @@ function useTooltip(_ref) {
|
|
|
68
68
|
const targetDimensions = targetElement.current.getBoundingClientRect();
|
|
69
69
|
const targetVerticalCenter = (targetDimensions.top + targetDimensions.bottom) / 2;
|
|
70
70
|
const tooltipClientWidth = tooltipElement.current.clientWidth;
|
|
71
|
-
let style =
|
|
71
|
+
let style = "width: ".concat(typeof width === 'string' ? width : "".concat(width, "px"));
|
|
72
72
|
let left = targetDimensions.left + targetDimensions.width / 2 - tooltipClientWidth / 2;
|
|
73
73
|
left = Math.min(left, document.body.clientWidth - tooltipClientWidth - space);
|
|
74
|
-
style +=
|
|
74
|
+
style += "; left: ".concat(Math.max(space, left), "px");
|
|
75
75
|
switch (stateTooltipPosition) {
|
|
76
76
|
case 'top':
|
|
77
77
|
if (targetDimensions.top < height) {
|
|
78
78
|
setStateTooltipPosition('bottom');
|
|
79
79
|
} else {
|
|
80
|
-
style +=
|
|
80
|
+
style += "; top: ".concat(targetDimensions.top + window.scrollY - height - space - 5, "px");
|
|
81
81
|
}
|
|
82
82
|
break;
|
|
83
83
|
case 'bottom':
|
|
84
84
|
if (window.innerHeight - targetDimensions.bottom < height) {
|
|
85
85
|
setStateTooltipPosition('top');
|
|
86
86
|
} else {
|
|
87
|
-
style +=
|
|
87
|
+
style += "; top: ".concat(targetDimensions.top + window.scrollY + targetDimensions.height + space + 5, "px");
|
|
88
88
|
}
|
|
89
89
|
break;
|
|
90
90
|
case 'left':
|
|
@@ -95,16 +95,16 @@ function useTooltip(_ref) {
|
|
|
95
95
|
setStateTooltipPosition('right');
|
|
96
96
|
}
|
|
97
97
|
} else {
|
|
98
|
-
style +=
|
|
99
|
-
style +=
|
|
98
|
+
style += "; top: ".concat(targetVerticalCenter + window.scrollY - height / 2, "px");
|
|
99
|
+
style += "; left: ".concat(targetDimensions.left - tooltipClientWidth - 6 - space, "px");
|
|
100
100
|
}
|
|
101
101
|
break;
|
|
102
102
|
case 'right':
|
|
103
103
|
if (window.innerWidth - targetDimensions.right < tooltipClientWidth) {
|
|
104
104
|
setStateTooltipPosition('left');
|
|
105
105
|
} else {
|
|
106
|
-
style +=
|
|
107
|
-
style +=
|
|
106
|
+
style += "; top: ".concat(targetVerticalCenter + window.scrollY - height / 2, "px");
|
|
107
|
+
style += "; left: ".concat(targetDimensions.left + targetDimensions.width + 5 + space, "px");
|
|
108
108
|
}
|
|
109
109
|
break;
|
|
110
110
|
default:
|
package/lib/treetable/Body.js
CHANGED
|
@@ -9,8 +9,7 @@ var _table = require("../table");
|
|
|
9
9
|
var _helpers = require("./helpers");
|
|
10
10
|
var _Row = _interopRequireDefault(require("./Row"));
|
|
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 TreeTableBody = () => {
|
|
15
14
|
const {
|
|
16
15
|
data,
|
|
@@ -27,7 +26,7 @@ const TreeTableBody = () => {
|
|
|
27
26
|
dataRow: element,
|
|
28
27
|
rowLevel: element.rowLevel ? element.rowLevel + 1 : 0,
|
|
29
28
|
key: element[rootPropName],
|
|
30
|
-
rowId:
|
|
29
|
+
rowId: "".concat(element[rootPropName]),
|
|
31
30
|
style: stylesForRow
|
|
32
31
|
})));
|
|
33
32
|
};
|
package/lib/treetable/Header.js
CHANGED
|
@@ -8,16 +8,15 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
8
8
|
var _uuid = require("uuid");
|
|
9
9
|
var _table = require("../table");
|
|
10
10
|
var _helpers = require("./helpers");
|
|
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 TreeTableHeader = () => {
|
|
14
13
|
const {
|
|
15
14
|
dataColumns
|
|
16
15
|
} = (0, _react.useContext)(_helpers.TreeTableContext);
|
|
17
16
|
return /*#__PURE__*/_react.default.createElement(_table.THeader, null, /*#__PURE__*/_react.default.createElement(_table.TRow, {
|
|
18
|
-
key:
|
|
17
|
+
key: "tr-header-".concat((0, _uuid.v1)())
|
|
19
18
|
}, dataColumns.map(column => /*#__PURE__*/_react.default.createElement(_table.Th, {
|
|
20
|
-
key:
|
|
19
|
+
key: "th-".concat(column.name, "-").concat((0, _uuid.v1)()),
|
|
21
20
|
style: column.style
|
|
22
21
|
}, column.title))));
|
|
23
22
|
};
|
package/lib/treetable/Row.js
CHANGED
|
@@ -14,8 +14,7 @@ var _toolbar = _interopRequireWildcard(require("../toolbar"));
|
|
|
14
14
|
var _helpers = require("./helpers");
|
|
15
15
|
const _excluded = ["validationKey", "onNodeElementClick"];
|
|
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
|
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; }
|
|
21
20
|
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; }
|
|
@@ -60,7 +59,7 @@ const TreeRow = props => {
|
|
|
60
59
|
if (!firstRenderingOfChildrens && !open) {
|
|
61
60
|
setOpen(true);
|
|
62
61
|
setIsLoadingChildrens(true);
|
|
63
|
-
if (onClickGetChildrens
|
|
62
|
+
if (onClickGetChildrens !== null && onClickGetChildrens !== void 0 && onClickGetChildrens(rowId) && typeof onClickGetChildrens(rowId).finally === 'function') onClickGetChildrens(rowId).then(() => {}).catch(() => {}).finally(() => {
|
|
64
63
|
searchChildrensAndInsertState();
|
|
65
64
|
});
|
|
66
65
|
setFirstRenderingOfChildrens(true);
|
|
@@ -156,16 +155,16 @@ const TreeRow = props => {
|
|
|
156
155
|
customClass: "tree-row-element"
|
|
157
156
|
}), /*#__PURE__*/_react.default.createElement(_table.Td, {
|
|
158
157
|
ignoreTableColClick: true,
|
|
159
|
-
key:
|
|
158
|
+
key: "td-".concat(dataColumns[0].name, "-").concat((0, _uuid.v1)()),
|
|
160
159
|
style: dataColumns[0].style
|
|
161
160
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
162
161
|
ref: divContainerRef,
|
|
163
162
|
className: "column-container",
|
|
164
163
|
onMouseEnter: handleOnMouseEnter
|
|
165
164
|
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
166
|
-
className:
|
|
165
|
+
className: "column-more-childrens ".concat(rowLevel && 'line-path-decoration'),
|
|
167
166
|
style: {
|
|
168
|
-
marginLeft:
|
|
167
|
+
marginLeft: "".concat(rowLevel, "rem")
|
|
169
168
|
}
|
|
170
169
|
}, /*#__PURE__*/_react.default.createElement("button", {
|
|
171
170
|
tabIndex: -1,
|
|
@@ -185,7 +184,7 @@ const TreeRow = props => {
|
|
|
185
184
|
size: "small",
|
|
186
185
|
customClass: "row-toolbar"
|
|
187
186
|
}, /*#__PURE__*/_react.default.createElement(_toolbar.ToolBarGroup, {
|
|
188
|
-
key:
|
|
187
|
+
key: "left-toolbar-".concat((0, _uuid.v1)()),
|
|
189
188
|
style: _objectSpread({
|
|
190
189
|
float: 'left',
|
|
191
190
|
height: 'fit-content'
|
|
@@ -196,14 +195,14 @@ const TreeRow = props => {
|
|
|
196
195
|
size: "small",
|
|
197
196
|
customClass: "row-toolbar"
|
|
198
197
|
}, /*#__PURE__*/_react.default.createElement(_toolbar.ToolBarGroup, {
|
|
199
|
-
key:
|
|
198
|
+
key: "right-toolbar-".concat((0, _uuid.v1)()),
|
|
200
199
|
style: _objectSpread({
|
|
201
200
|
float: 'right',
|
|
202
201
|
height: 'fit-content',
|
|
203
202
|
gap: '4px'
|
|
204
203
|
}, styleForRightToolbar)
|
|
205
204
|
}, rightToolbarElements && buildToolbarElements(rightToolbarElements)))))), dataColumns.slice(1).map(column => /*#__PURE__*/_react.default.createElement(_table.Td, {
|
|
206
|
-
key:
|
|
205
|
+
key: "key-".concat(column.name, "-").concat((0, _uuid.v1)()),
|
|
207
206
|
style: _objectSpread({}, column.style),
|
|
208
207
|
ignoreTableColClick: true
|
|
209
208
|
}, dataRow[column.name]))), open && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, childrens && childrens.length === 0 && isLoadingChildrens ? /*#__PURE__*/_react.default.createElement(_table.TRow, {
|
|
@@ -220,7 +219,7 @@ const TreeRow = props => {
|
|
|
220
219
|
dataRow: item,
|
|
221
220
|
rowLevel: item.rowLevel ? item.rowLevel + 1 : 1,
|
|
222
221
|
key: item[rootPropName],
|
|
223
|
-
rowId:
|
|
222
|
+
rowId: "".concat(item[rootPropName]),
|
|
224
223
|
style: stylesForRow
|
|
225
224
|
})), childrens && childrens.length !== 0 && isLoadingChildrens && /*#__PURE__*/_react.default.createElement(_table.TRow, {
|
|
226
225
|
key: "tr-loading-childrens"
|
package/lib/treeview/Header.js
CHANGED
|
@@ -13,7 +13,7 @@ const Header = props => {
|
|
|
13
13
|
children
|
|
14
14
|
} = props;
|
|
15
15
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
16
|
-
className:
|
|
16
|
+
className: "treeviewheader ".concat(customClass)
|
|
17
17
|
}, title ? /*#__PURE__*/_react.default.createElement("div", {
|
|
18
18
|
className: "title"
|
|
19
19
|
}, title) : children);
|
package/lib/treeview/Node.js
CHANGED
|
@@ -16,8 +16,7 @@ var _toolbar = _interopRequireWildcard(require("../toolbar"));
|
|
|
16
16
|
var _SpinnerLoading = _interopRequireDefault(require("../spinner/SpinnerLoading"));
|
|
17
17
|
const _excluded = ["validationKey", "onNodeElementClick"];
|
|
18
18
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
19
|
-
function
|
|
20
|
-
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; }
|
|
19
|
+
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); }
|
|
21
20
|
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; }
|
|
22
21
|
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; }
|
|
23
22
|
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; }
|
|
@@ -119,7 +118,7 @@ const TreeNode = props => {
|
|
|
119
118
|
applyBehavior
|
|
120
119
|
} = validation;
|
|
121
120
|
if (_lodash.default.isEmpty(elementBehavior) && validator && validator(node)) {
|
|
122
|
-
elementBehavior = options[applyBehavior
|
|
121
|
+
elementBehavior = options[applyBehavior !== null && applyBehavior !== void 0 ? applyBehavior : 'unvisible'];
|
|
123
122
|
}
|
|
124
123
|
});
|
|
125
124
|
}
|
|
@@ -165,7 +164,7 @@ const TreeNode = props => {
|
|
|
165
164
|
} : {};
|
|
166
165
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
167
166
|
style: style,
|
|
168
|
-
key:
|
|
167
|
+
key: "element-".concat(uuid.v1()),
|
|
169
168
|
className: "element"
|
|
170
169
|
}, element);
|
|
171
170
|
});
|
|
@@ -185,7 +184,7 @@ const TreeNode = props => {
|
|
|
185
184
|
}, [node]);
|
|
186
185
|
return /*#__PURE__*/_react.default.createElement("li", {
|
|
187
186
|
style: customStyle,
|
|
188
|
-
className:
|
|
187
|
+
className: "treeviewitem ".concat(customClass)
|
|
189
188
|
}, getSpan(), /*#__PURE__*/_react.default.createElement("div", {
|
|
190
189
|
className: "label",
|
|
191
190
|
style: {
|
|
@@ -202,7 +201,7 @@ const TreeNode = props => {
|
|
|
202
201
|
}, showCheckBox ? /*#__PURE__*/_react.default.createElement(_checkbox.default, {
|
|
203
202
|
checked: checked,
|
|
204
203
|
disabled: required || disabled,
|
|
205
|
-
value:
|
|
204
|
+
value: "".concat(node[valuePropName]),
|
|
206
205
|
label: node[labelPropName],
|
|
207
206
|
tooltip: required ? defaultDisabledTooltip : '',
|
|
208
207
|
onChange: disabled || required ? undefined : e => {
|
package/lib/treeview/index.js
CHANGED
|
@@ -23,8 +23,7 @@ var _Header = _interopRequireDefault(require("./Header"));
|
|
|
23
23
|
require("../assets/styles/treeview.scss");
|
|
24
24
|
var _constants = require("./constants");
|
|
25
25
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
26
|
-
function
|
|
27
|
-
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; }
|
|
26
|
+
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); }
|
|
28
27
|
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; }
|
|
29
28
|
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; }
|
|
30
29
|
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; }
|
|
@@ -239,7 +238,7 @@ const TreeView = props => {
|
|
|
239
238
|
}
|
|
240
239
|
}
|
|
241
240
|
return /*#__PURE__*/_react.default.createElement(_Node.default, {
|
|
242
|
-
key:
|
|
241
|
+
key: "node-".concat(node.id),
|
|
243
242
|
node: node,
|
|
244
243
|
idsInLoading: idsInLoading,
|
|
245
244
|
startNodesOpened: startNodesOpened,
|
|
@@ -281,7 +280,7 @@ const TreeView = props => {
|
|
|
281
280
|
setData(props.data);
|
|
282
281
|
} else if (!isSameSelectedIds) {
|
|
283
282
|
setCurrentSelectedIds(selectedIds);
|
|
284
|
-
onSelectedIdsChange
|
|
283
|
+
onSelectedIdsChange === null || onSelectedIdsChange === void 0 ? void 0 : onSelectedIdsChange(selectedIds);
|
|
285
284
|
setPropSelectedIds(selectedIds);
|
|
286
285
|
}
|
|
287
286
|
}, [selectedIds.length, props.data]);
|
|
@@ -311,10 +310,10 @@ const TreeView = props => {
|
|
|
311
310
|
return /*#__PURE__*/_react.default.createElement(_constants.TreeviewContext.Provider, {
|
|
312
311
|
value: contextValues
|
|
313
312
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
314
|
-
className:
|
|
313
|
+
className: "treeview-component ".concat(customClass)
|
|
315
314
|
}, children, /*#__PURE__*/_react.default.createElement("ul", {
|
|
316
315
|
style: styleForContainer,
|
|
317
|
-
className:
|
|
316
|
+
className: "treeviewcontainer ".concat(bordered && '-bordered')
|
|
318
317
|
}, buildTree(data))));
|
|
319
318
|
};
|
|
320
319
|
var _default = exports.default = TreeView;
|
package/lib/uitour/index.js
CHANGED
|
@@ -9,8 +9,7 @@ var _reactDom = require("react-dom");
|
|
|
9
9
|
var _buttons = _interopRequireWildcard(require("../buttons"));
|
|
10
10
|
require("../assets/styles/uitour.scss");
|
|
11
11
|
var _helpers = require("./helpers");
|
|
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; }
|
|
@@ -40,7 +39,7 @@ const UiTour = props => {
|
|
|
40
39
|
const activatedEffects = (0, _react.useRef)([]);
|
|
41
40
|
const handleNextStep = () => {
|
|
42
41
|
if (hasNextStep) {
|
|
43
|
-
const currentStepIndex = data.findIndex(item => item.id === currentStep
|
|
42
|
+
const currentStepIndex = data.findIndex(item => item.id === (currentStep === null || currentStep === void 0 ? void 0 : currentStep.id));
|
|
44
43
|
const nextStep = data[currentStepIndex + 1];
|
|
45
44
|
const nextStepIndex = data.findIndex(item => item.id === nextStep.id);
|
|
46
45
|
const target = document.getElementById(nextStep.targetId);
|
|
@@ -53,7 +52,7 @@ const UiTour = props => {
|
|
|
53
52
|
};
|
|
54
53
|
const handleBackStep = () => {
|
|
55
54
|
if (hasBackStep) {
|
|
56
|
-
const currentStepIndex = data.findIndex(item => item.id === currentStep
|
|
55
|
+
const currentStepIndex = data.findIndex(item => item.id === (currentStep === null || currentStep === void 0 ? void 0 : currentStep.id));
|
|
57
56
|
const backStep = data[currentStepIndex - 1];
|
|
58
57
|
const backStepIndex = data.findIndex(item => item.id === backStep.id);
|
|
59
58
|
const target = document.getElementById(backStep.targetId);
|
|
@@ -72,7 +71,7 @@ const UiTour = props => {
|
|
|
72
71
|
if (stepRef.current) {
|
|
73
72
|
const stepRect = stepRef.current.getBoundingClientRect();
|
|
74
73
|
const windowWidth = window.innerWidth;
|
|
75
|
-
if (stepRect.right >= windowWidth || currentStep
|
|
74
|
+
if (stepRect.right >= windowWidth || (currentStep === null || currentStep === void 0 ? void 0 : currentStep.position) === _helpers.STEP_POSITIONS.right) {
|
|
76
75
|
setStepPosition(_helpers.STEP_POSITIONS.right);
|
|
77
76
|
setStepDimensions({
|
|
78
77
|
top: target.top - _helpers.ARROW_HEIGHT,
|
|
@@ -179,8 +178,9 @@ const UiTour = props => {
|
|
|
179
178
|
mutationObserver = new MutationObserver(() => {
|
|
180
179
|
const targetObserved = document.getElementById(initialStep.targetId);
|
|
181
180
|
if (targetObserved) {
|
|
181
|
+
var _mutationObserver;
|
|
182
182
|
showStepTour(initialStep);
|
|
183
|
-
mutationObserver
|
|
183
|
+
(_mutationObserver = mutationObserver) === null || _mutationObserver === void 0 ? void 0 : _mutationObserver.disconnect();
|
|
184
184
|
mutationObserver = null;
|
|
185
185
|
}
|
|
186
186
|
});
|
|
@@ -191,7 +191,8 @@ const UiTour = props => {
|
|
|
191
191
|
}
|
|
192
192
|
}
|
|
193
193
|
return () => {
|
|
194
|
-
|
|
194
|
+
var _mutationObserver2;
|
|
195
|
+
(_mutationObserver2 = mutationObserver) === null || _mutationObserver2 === void 0 ? void 0 : _mutationObserver2.disconnect();
|
|
195
196
|
mutationObserver = null;
|
|
196
197
|
};
|
|
197
198
|
}, [visible, data]);
|
|
@@ -205,7 +206,7 @@ const UiTour = props => {
|
|
|
205
206
|
className: "uitour-component"
|
|
206
207
|
}, currentStep && /*#__PURE__*/_react.default.createElement("div", {
|
|
207
208
|
ref: stepRef,
|
|
208
|
-
className:
|
|
209
|
+
className: "step -".concat(stepPosition),
|
|
209
210
|
key: currentStep.id,
|
|
210
211
|
style: _objectSpread({}, stepDimensions)
|
|
211
212
|
}, showCloseButton && /*#__PURE__*/_react.default.createElement("div", {
|