@lanaco/lnc-react-ui 2.1.44 → 2.1.46

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/index.esm.js CHANGED
@@ -14692,7 +14692,11 @@ function Modal(props) {
14692
14692
 
14693
14693
  var onClickOutsideModal = function onClickOutsideModal(event) {
14694
14694
  if (event.target !== event.currentTarget) return;
14695
- if (clickOutsideToClose || !showHeader) onClose(event);
14695
+
14696
+ if (clickOutsideToClose || !showHeader) {
14697
+ document.body.style.overflow = "auto";
14698
+ onClose(event);
14699
+ }
14696
14700
  };
14697
14701
  var containerVariant = {
14698
14702
  initial: {
@@ -14708,6 +14712,11 @@ function Modal(props) {
14708
14712
  top: "-50%"
14709
14713
  }
14710
14714
  };
14715
+
14716
+ if (open) {
14717
+ document.body.style.overflow = "hidden";
14718
+ }
14719
+
14711
14720
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, open && /*#__PURE__*/React__default.createElement(Overlay, _extends$d({}, themeProps, {
14712
14721
  onClick: onClickOutsideModal,
14713
14722
  className: className
@@ -14720,7 +14729,8 @@ function Modal(props) {
14720
14729
  icon: "times",
14721
14730
  iconStyle: "solid",
14722
14731
  onClick: function onClick(e) {
14723
- return onClose(e);
14732
+ document.body.style.overflow = "auto";
14733
+ onClose(e);
14724
14734
  },
14725
14735
  color: basic ? "transparent" : themeProps.color
14726
14736
  })))), /*#__PURE__*/React__default.createElement(Content$4, themeProps, children)))));
@@ -42129,7 +42139,18 @@ var DateInput = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
42129
42139
  var jsDate = fromDateStringToJsDate(value);
42130
42140
  setDate(jsDate);
42131
42141
  setText(fromJsDateToDateString(jsDate));
42132
- }, [value]); //=============== METHODS ============================================================
42142
+ }, [value]);
42143
+ useEffect(function () {
42144
+ var wheelListener = function wheelListener(e) {
42145
+ setOpenCalendar(false);
42146
+ };
42147
+
42148
+ if (openCalendar) {
42149
+ window.addEventListener("wheel", wheelListener);
42150
+ } else {
42151
+ window.removeEventListener("wheel", wheelListener);
42152
+ }
42153
+ }, [openCalendar]); //=============== METHODS ============================================================
42133
42154
 
42134
42155
  var validateDateFormat = function validateDateFormat() {
42135
42156
  var _format = format.toLowerCase();
@@ -42337,7 +42358,7 @@ var DateInput = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
42337
42358
  var calculatedTop = "" + dpContainerDOMRect.top + "px";
42338
42359
  var calculatedWidth = "" + dpContainerDOMRect.width + "px";
42339
42360
  var el = document.createElement("div");
42340
- el.style = "position: absolute;\n background-color: white;\n z-index: 2147483647 !important;\n left: ".concat(calculatedLeft, " !important;\n top: ").concat(calculatedTop, " !important;\n width: ").concat(calculatedWidth, " !important;\n min-height: ").concat(heightBySize$a(size));
42361
+ el.style = "position: fixed;\n background-color: white;\n z-index: 2147483647 !important;\n left: ".concat(calculatedLeft, " !important;\n top: ").concat(calculatedTop, " !important;\n width: ").concat(calculatedWidth, " !important;\n min-height: ").concat(heightBySize$a(size));
42341
42362
 
42342
42363
  if (target !== null) {
42343
42364
  target.appendChild(el);
@@ -42368,7 +42389,10 @@ var DateInput = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
42368
42389
  return /*#__PURE__*/React__default.createElement(Container$f, _extends$d({
42369
42390
  id: "dp" + id
42370
42391
  }, themeProps, {
42371
- className: className
42392
+ className: className,
42393
+ onWheel: function onWheel(event) {
42394
+ event.stopPropagation();
42395
+ }
42372
42396
  }), /*#__PURE__*/React__default.createElement(Input$4, _extends$d({
42373
42397
  ref: ref
42374
42398
  }, themeProps, {
@@ -42576,6 +42600,17 @@ var DropdownLookup = function DropdownLookup(props) {
42576
42600
  setValue(selectedOption.value);
42577
42601
  }
42578
42602
  }, [selectedOption]);
42603
+ useEffect(function () {
42604
+ var wheelListener = function wheelListener(e) {
42605
+ setInFocus(false);
42606
+ };
42607
+
42608
+ if (inFocus) {
42609
+ window.addEventListener("wheel", wheelListener);
42610
+ } else {
42611
+ window.removeEventListener("wheel", wheelListener);
42612
+ }
42613
+ }, [inFocus]);
42579
42614
 
42580
42615
  var updateSelectedValue = function updateSelectedValue(data) {
42581
42616
  var updateText = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
@@ -42679,10 +42714,10 @@ var DropdownLookup = function DropdownLookup(props) {
42679
42714
  var calculatedWidth = "" + ddlContainerDOMRect.width + "px";
42680
42715
  var calculatedLeft = "" + ddlContainerDOMRect.left + "px";
42681
42716
  var calculatedTop = "" + ddlContainerDOMRect.top + "px";
42682
- el.style = "position: absolute;\n background-color: white;\n z-index: 2147483647 !important;\n transform: translateY( ".concat(heightBySize$9(size), ");\n left: ").concat(calculatedLeft, " !important;\n top: ").concat(calculatedTop, " !important;\n width: ").concat(calculatedWidth, ";\n min-height: ").concat(heightBySize$9(size));
42717
+ el.style = "position: fixed;\n background-color: white;\n z-index: 2147483647 !important;\n transform: translateY( ".concat(heightBySize$9(size), ");\n left: ").concat(calculatedLeft, " !important;\n top: ").concat(calculatedTop, " !important;\n width: ").concat(calculatedWidth, ";\n min-height: ").concat(heightBySize$9(size));
42683
42718
 
42684
42719
  if (options !== null && options.length > 0 && inFocus) {
42685
- el.style = "position: absolute;\n background-color: white;\n z-index: 2147483647 !important;\n transform: translateY( ".concat(heightBySize$9(size), ");\n overflow: auto;\n left: ").concat(calculatedLeft, " !important;\n top: ").concat(calculatedTop, " !important;\n width: ").concat(calculatedWidth, ";\n min-height: ").concat(options.length > 5 ? heightBySize$9(size, 5) : heightBySize$9(size, options.length + 1));
42720
+ el.style = "position: fixed;\n background-color: white;\n z-index: 2147483647 !important;\n transform: translateY( ".concat(heightBySize$9(size), ");\n overflow: auto;\n left: ").concat(calculatedLeft, " !important;\n top: ").concat(calculatedTop, " !important;\n width: ").concat(calculatedWidth, ";\n min-height: ").concat(options.length > 5 ? heightBySize$9(size, 5) : heightBySize$9(size, options.length + 1));
42686
42721
 
42687
42722
  if (target !== null) {
42688
42723
  target.appendChild(el);
@@ -42717,7 +42752,11 @@ var DropdownLookup = function DropdownLookup(props) {
42717
42752
 
42718
42753
  return /*#__PURE__*/React__default.createElement(Container$e, _extends$d({
42719
42754
  id: "ddl_container" + id
42720
- }, themeProps), /*#__PURE__*/React__default.createElement(Inner$4, themeProps, /*#__PURE__*/React__default.createElement(InputContainer$2, themeProps, /*#__PURE__*/React__default.createElement(Input$3, _extends$d({}, themeProps, {
42755
+ }, themeProps, {
42756
+ onWheel: function onWheel(event) {
42757
+ event.stopPropagation();
42758
+ }
42759
+ }), /*#__PURE__*/React__default.createElement(Inner$4, themeProps, /*#__PURE__*/React__default.createElement(InputContainer$2, themeProps, /*#__PURE__*/React__default.createElement(Input$3, _extends$d({}, themeProps, {
42721
42760
  ref: InputRef,
42722
42761
  autoComplete: "off",
42723
42762
  id: id,
@@ -47075,7 +47114,7 @@ var Tooltip = function Tooltip(props) {
47075
47114
  show = _useState2[0],
47076
47115
  setShow = _useState2[1];
47077
47116
 
47078
- var _useState3 = useState("position: absolute;"),
47117
+ var _useState3 = useState("position: fixed;"),
47079
47118
  _useState4 = _slicedToArray(_useState3, 2),
47080
47119
  style = _useState4[0],
47081
47120
  setStyle = _useState4[1];
@@ -47092,13 +47131,13 @@ var Tooltip = function Tooltip(props) {
47092
47131
 
47093
47132
  var CalculateStyle = function CalculateStyle(mouseX, mouseY) {
47094
47133
  if (mouseX <= window.innerWidth / 2 && mouseY <= window.innerHeight / 2) {
47095
- return "position: absolute; \n left: ".concat(mouseX - 10, "px; \n top: ").concat(mouseY - 10, "px; \n width: auto; \n height: auto; \n box-shadow: 0 0 6px #bebebe; \n border-radius: 0.175rem; \n background-color: white; \n overflow: auto; \n max-height: ").concat(window.innerHeight - 20, "px; \n z-index: 999;");
47134
+ return "position: fixed; \n left: ".concat(mouseX - 10, "px; \n top: ").concat(mouseY - 10, "px; \n width: auto; \n height: auto; \n box-shadow: 0 0 6px #bebebe; \n border-radius: 0.175rem; \n background-color: white; \n overflow: auto; \n max-height: ").concat(window.innerHeight - 20, "px; \n z-index: 999;");
47096
47135
  } else if (mouseX > window.innerWidth / 2 && mouseY <= window.innerHeight / 2) {
47097
- return "position: absolute; \n right: ".concat(window.innerWidth - mouseX - 10, "px; \n top: ").concat(mouseY - 10, "px; \n width: auto; \n height: auto; \n box-shadow: 0 0 6px #bebebe; \n border-radius: 0.175rem; \n background-color: white; \n overflow: auto; \n max-height: ").concat(window.innerHeight - 20, "px; \n z-index: 999;");
47136
+ return "position: fixed; \n right: ".concat(window.innerWidth - mouseX - 10, "px; \n top: ").concat(mouseY - 10, "px; \n width: auto; \n height: auto; \n box-shadow: 0 0 6px #bebebe; \n border-radius: 0.175rem; \n background-color: white; \n overflow: auto; \n max-height: ").concat(window.innerHeight - 20, "px; \n z-index: 999;");
47098
47137
  } else if (mouseX <= window.innerWidth / 2 && mouseY > window.innerHeight / 2) {
47099
- return "position: absolute; \n left: ".concat(mouseX - 10, "px; \n bottom: ").concat(window.innerHeight - mouseY - 10, "px; \n width: auto; \n height: auto; \n box-shadow: 0 0 6px #bebebe; \n border-radius: 0.175rem; \n background-color: white; \n overflow: auto; \n max-height: ").concat(window.innerHeight - 20, "px; \n z-index: 999;");
47138
+ return "position: fixed; \n left: ".concat(mouseX - 10, "px; \n bottom: ").concat(window.innerHeight - mouseY - 10, "px; \n width: auto; \n height: auto; \n box-shadow: 0 0 6px #bebebe; \n border-radius: 0.175rem; \n background-color: white; \n overflow: auto; \n max-height: ").concat(window.innerHeight - 20, "px; \n z-index: 999;");
47100
47139
  } else if (mouseX > window.innerWidth / 2 && mouseY > window.innerHeight / 2) {
47101
- return "position: absolute; \n right: ".concat(window.innerWidth - mouseX - 10, "px; \n bottom: ").concat(window.innerHeight - mouseY - 10, "px; \n width: auto; \n height: auto; \n box-shadow: 0 0 6px #bebebe; \n border-radius: 0.175rem; \n background-color: white; \n overflow: auto; \n max-height: ").concat(window.innerHeight - 20, "px; \n z-index: 999;");
47140
+ return "position: fixed; \n right: ".concat(window.innerWidth - mouseX - 10, "px; \n bottom: ").concat(window.innerHeight - mouseY - 10, "px; \n width: auto; \n height: auto; \n box-shadow: 0 0 6px #bebebe; \n border-radius: 0.175rem; \n background-color: white; \n overflow: auto; \n max-height: ").concat(window.innerHeight - 20, "px; \n z-index: 999;");
47102
47141
  }
47103
47142
  };
47104
47143
 
@@ -47107,7 +47146,7 @@ var Tooltip = function Tooltip(props) {
47107
47146
  onMouseLeave: function onMouseLeave(event) {
47108
47147
  event.stopPropagation();
47109
47148
  target.innerHTML = "";
47110
- setStyle("position: absolute;");
47149
+ setStyle("position: fixed;");
47111
47150
  setShow(false);
47112
47151
  }
47113
47152
  }, renderContent());
@@ -47125,7 +47164,7 @@ var Tooltip = function Tooltip(props) {
47125
47164
  onMouseLeave: function onMouseLeave(event) {
47126
47165
  event.stopPropagation();
47127
47166
  target.innerHTML = "";
47128
- setStyle("position: absolute;");
47167
+ setStyle("position: fixed;");
47129
47168
  setShow(false);
47130
47169
  }
47131
47170
  }, props.children));
package/lib/index.js CHANGED
@@ -14733,7 +14733,11 @@ function Modal(props) {
14733
14733
 
14734
14734
  var onClickOutsideModal = function onClickOutsideModal(event) {
14735
14735
  if (event.target !== event.currentTarget) return;
14736
- if (clickOutsideToClose || !showHeader) onClose(event);
14736
+
14737
+ if (clickOutsideToClose || !showHeader) {
14738
+ document.body.style.overflow = "auto";
14739
+ onClose(event);
14740
+ }
14737
14741
  };
14738
14742
  var containerVariant = {
14739
14743
  initial: {
@@ -14749,6 +14753,11 @@ function Modal(props) {
14749
14753
  top: "-50%"
14750
14754
  }
14751
14755
  };
14756
+
14757
+ if (open) {
14758
+ document.body.style.overflow = "hidden";
14759
+ }
14760
+
14752
14761
  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, open && /*#__PURE__*/React__default['default'].createElement(Overlay, _extends__default['default']({}, themeProps, {
14753
14762
  onClick: onClickOutsideModal,
14754
14763
  className: className
@@ -14761,7 +14770,8 @@ function Modal(props) {
14761
14770
  icon: "times",
14762
14771
  iconStyle: "solid",
14763
14772
  onClick: function onClick(e) {
14764
- return onClose(e);
14773
+ document.body.style.overflow = "auto";
14774
+ onClose(e);
14765
14775
  },
14766
14776
  color: basic ? "transparent" : themeProps.color
14767
14777
  })))), /*#__PURE__*/React__default['default'].createElement(Content$4, themeProps, children)))));
@@ -42170,7 +42180,18 @@ var DateInput = /*#__PURE__*/React__default['default'].forwardRef(function (prop
42170
42180
  var jsDate = fromDateStringToJsDate(value);
42171
42181
  setDate(jsDate);
42172
42182
  setText(fromJsDateToDateString(jsDate));
42173
- }, [value]); //=============== METHODS ============================================================
42183
+ }, [value]);
42184
+ React.useEffect(function () {
42185
+ var wheelListener = function wheelListener(e) {
42186
+ setOpenCalendar(false);
42187
+ };
42188
+
42189
+ if (openCalendar) {
42190
+ window.addEventListener("wheel", wheelListener);
42191
+ } else {
42192
+ window.removeEventListener("wheel", wheelListener);
42193
+ }
42194
+ }, [openCalendar]); //=============== METHODS ============================================================
42174
42195
 
42175
42196
  var validateDateFormat = function validateDateFormat() {
42176
42197
  var _format = format.toLowerCase();
@@ -42378,7 +42399,7 @@ var DateInput = /*#__PURE__*/React__default['default'].forwardRef(function (prop
42378
42399
  var calculatedTop = "" + dpContainerDOMRect.top + "px";
42379
42400
  var calculatedWidth = "" + dpContainerDOMRect.width + "px";
42380
42401
  var el = document.createElement("div");
42381
- el.style = "position: absolute;\n background-color: white;\n z-index: 2147483647 !important;\n left: ".concat(calculatedLeft, " !important;\n top: ").concat(calculatedTop, " !important;\n width: ").concat(calculatedWidth, " !important;\n min-height: ").concat(heightBySize$a(size));
42402
+ el.style = "position: fixed;\n background-color: white;\n z-index: 2147483647 !important;\n left: ".concat(calculatedLeft, " !important;\n top: ").concat(calculatedTop, " !important;\n width: ").concat(calculatedWidth, " !important;\n min-height: ").concat(heightBySize$a(size));
42382
42403
 
42383
42404
  if (target !== null) {
42384
42405
  target.appendChild(el);
@@ -42409,7 +42430,10 @@ var DateInput = /*#__PURE__*/React__default['default'].forwardRef(function (prop
42409
42430
  return /*#__PURE__*/React__default['default'].createElement(Container$f, _extends__default['default']({
42410
42431
  id: "dp" + id
42411
42432
  }, themeProps, {
42412
- className: className
42433
+ className: className,
42434
+ onWheel: function onWheel(event) {
42435
+ event.stopPropagation();
42436
+ }
42413
42437
  }), /*#__PURE__*/React__default['default'].createElement(Input$4, _extends__default['default']({
42414
42438
  ref: ref
42415
42439
  }, themeProps, {
@@ -42617,6 +42641,17 @@ var DropdownLookup = function DropdownLookup(props) {
42617
42641
  setValue(selectedOption.value);
42618
42642
  }
42619
42643
  }, [selectedOption]);
42644
+ React.useEffect(function () {
42645
+ var wheelListener = function wheelListener(e) {
42646
+ setInFocus(false);
42647
+ };
42648
+
42649
+ if (inFocus) {
42650
+ window.addEventListener("wheel", wheelListener);
42651
+ } else {
42652
+ window.removeEventListener("wheel", wheelListener);
42653
+ }
42654
+ }, [inFocus]);
42620
42655
 
42621
42656
  var updateSelectedValue = function updateSelectedValue(data) {
42622
42657
  var updateText = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
@@ -42720,10 +42755,10 @@ var DropdownLookup = function DropdownLookup(props) {
42720
42755
  var calculatedWidth = "" + ddlContainerDOMRect.width + "px";
42721
42756
  var calculatedLeft = "" + ddlContainerDOMRect.left + "px";
42722
42757
  var calculatedTop = "" + ddlContainerDOMRect.top + "px";
42723
- el.style = "position: absolute;\n background-color: white;\n z-index: 2147483647 !important;\n transform: translateY( ".concat(heightBySize$9(size), ");\n left: ").concat(calculatedLeft, " !important;\n top: ").concat(calculatedTop, " !important;\n width: ").concat(calculatedWidth, ";\n min-height: ").concat(heightBySize$9(size));
42758
+ el.style = "position: fixed;\n background-color: white;\n z-index: 2147483647 !important;\n transform: translateY( ".concat(heightBySize$9(size), ");\n left: ").concat(calculatedLeft, " !important;\n top: ").concat(calculatedTop, " !important;\n width: ").concat(calculatedWidth, ";\n min-height: ").concat(heightBySize$9(size));
42724
42759
 
42725
42760
  if (options !== null && options.length > 0 && inFocus) {
42726
- el.style = "position: absolute;\n background-color: white;\n z-index: 2147483647 !important;\n transform: translateY( ".concat(heightBySize$9(size), ");\n overflow: auto;\n left: ").concat(calculatedLeft, " !important;\n top: ").concat(calculatedTop, " !important;\n width: ").concat(calculatedWidth, ";\n min-height: ").concat(options.length > 5 ? heightBySize$9(size, 5) : heightBySize$9(size, options.length + 1));
42761
+ el.style = "position: fixed;\n background-color: white;\n z-index: 2147483647 !important;\n transform: translateY( ".concat(heightBySize$9(size), ");\n overflow: auto;\n left: ").concat(calculatedLeft, " !important;\n top: ").concat(calculatedTop, " !important;\n width: ").concat(calculatedWidth, ";\n min-height: ").concat(options.length > 5 ? heightBySize$9(size, 5) : heightBySize$9(size, options.length + 1));
42727
42762
 
42728
42763
  if (target !== null) {
42729
42764
  target.appendChild(el);
@@ -42758,7 +42793,11 @@ var DropdownLookup = function DropdownLookup(props) {
42758
42793
 
42759
42794
  return /*#__PURE__*/React__default['default'].createElement(Container$e, _extends__default['default']({
42760
42795
  id: "ddl_container" + id
42761
- }, themeProps), /*#__PURE__*/React__default['default'].createElement(Inner$4, themeProps, /*#__PURE__*/React__default['default'].createElement(InputContainer$2, themeProps, /*#__PURE__*/React__default['default'].createElement(Input$3, _extends__default['default']({}, themeProps, {
42796
+ }, themeProps, {
42797
+ onWheel: function onWheel(event) {
42798
+ event.stopPropagation();
42799
+ }
42800
+ }), /*#__PURE__*/React__default['default'].createElement(Inner$4, themeProps, /*#__PURE__*/React__default['default'].createElement(InputContainer$2, themeProps, /*#__PURE__*/React__default['default'].createElement(Input$3, _extends__default['default']({}, themeProps, {
42762
42801
  ref: InputRef,
42763
42802
  autoComplete: "off",
42764
42803
  id: id,
@@ -47116,7 +47155,7 @@ var Tooltip = function Tooltip(props) {
47116
47155
  show = _useState2[0],
47117
47156
  setShow = _useState2[1];
47118
47157
 
47119
- var _useState3 = React.useState("position: absolute;"),
47158
+ var _useState3 = React.useState("position: fixed;"),
47120
47159
  _useState4 = _slicedToArray__default['default'](_useState3, 2),
47121
47160
  style = _useState4[0],
47122
47161
  setStyle = _useState4[1];
@@ -47133,13 +47172,13 @@ var Tooltip = function Tooltip(props) {
47133
47172
 
47134
47173
  var CalculateStyle = function CalculateStyle(mouseX, mouseY) {
47135
47174
  if (mouseX <= window.innerWidth / 2 && mouseY <= window.innerHeight / 2) {
47136
- return "position: absolute; \n left: ".concat(mouseX - 10, "px; \n top: ").concat(mouseY - 10, "px; \n width: auto; \n height: auto; \n box-shadow: 0 0 6px #bebebe; \n border-radius: 0.175rem; \n background-color: white; \n overflow: auto; \n max-height: ").concat(window.innerHeight - 20, "px; \n z-index: 999;");
47175
+ return "position: fixed; \n left: ".concat(mouseX - 10, "px; \n top: ").concat(mouseY - 10, "px; \n width: auto; \n height: auto; \n box-shadow: 0 0 6px #bebebe; \n border-radius: 0.175rem; \n background-color: white; \n overflow: auto; \n max-height: ").concat(window.innerHeight - 20, "px; \n z-index: 999;");
47137
47176
  } else if (mouseX > window.innerWidth / 2 && mouseY <= window.innerHeight / 2) {
47138
- return "position: absolute; \n right: ".concat(window.innerWidth - mouseX - 10, "px; \n top: ").concat(mouseY - 10, "px; \n width: auto; \n height: auto; \n box-shadow: 0 0 6px #bebebe; \n border-radius: 0.175rem; \n background-color: white; \n overflow: auto; \n max-height: ").concat(window.innerHeight - 20, "px; \n z-index: 999;");
47177
+ return "position: fixed; \n right: ".concat(window.innerWidth - mouseX - 10, "px; \n top: ").concat(mouseY - 10, "px; \n width: auto; \n height: auto; \n box-shadow: 0 0 6px #bebebe; \n border-radius: 0.175rem; \n background-color: white; \n overflow: auto; \n max-height: ").concat(window.innerHeight - 20, "px; \n z-index: 999;");
47139
47178
  } else if (mouseX <= window.innerWidth / 2 && mouseY > window.innerHeight / 2) {
47140
- return "position: absolute; \n left: ".concat(mouseX - 10, "px; \n bottom: ").concat(window.innerHeight - mouseY - 10, "px; \n width: auto; \n height: auto; \n box-shadow: 0 0 6px #bebebe; \n border-radius: 0.175rem; \n background-color: white; \n overflow: auto; \n max-height: ").concat(window.innerHeight - 20, "px; \n z-index: 999;");
47179
+ return "position: fixed; \n left: ".concat(mouseX - 10, "px; \n bottom: ").concat(window.innerHeight - mouseY - 10, "px; \n width: auto; \n height: auto; \n box-shadow: 0 0 6px #bebebe; \n border-radius: 0.175rem; \n background-color: white; \n overflow: auto; \n max-height: ").concat(window.innerHeight - 20, "px; \n z-index: 999;");
47141
47180
  } else if (mouseX > window.innerWidth / 2 && mouseY > window.innerHeight / 2) {
47142
- return "position: absolute; \n right: ".concat(window.innerWidth - mouseX - 10, "px; \n bottom: ").concat(window.innerHeight - mouseY - 10, "px; \n width: auto; \n height: auto; \n box-shadow: 0 0 6px #bebebe; \n border-radius: 0.175rem; \n background-color: white; \n overflow: auto; \n max-height: ").concat(window.innerHeight - 20, "px; \n z-index: 999;");
47181
+ return "position: fixed; \n right: ".concat(window.innerWidth - mouseX - 10, "px; \n bottom: ").concat(window.innerHeight - mouseY - 10, "px; \n width: auto; \n height: auto; \n box-shadow: 0 0 6px #bebebe; \n border-radius: 0.175rem; \n background-color: white; \n overflow: auto; \n max-height: ").concat(window.innerHeight - 20, "px; \n z-index: 999;");
47143
47182
  }
47144
47183
  };
47145
47184
 
@@ -47148,7 +47187,7 @@ var Tooltip = function Tooltip(props) {
47148
47187
  onMouseLeave: function onMouseLeave(event) {
47149
47188
  event.stopPropagation();
47150
47189
  target.innerHTML = "";
47151
- setStyle("position: absolute;");
47190
+ setStyle("position: fixed;");
47152
47191
  setShow(false);
47153
47192
  }
47154
47193
  }, renderContent());
@@ -47166,7 +47205,7 @@ var Tooltip = function Tooltip(props) {
47166
47205
  onMouseLeave: function onMouseLeave(event) {
47167
47206
  event.stopPropagation();
47168
47207
  target.innerHTML = "";
47169
- setStyle("position: absolute;");
47208
+ setStyle("position: fixed;");
47170
47209
  setShow(false);
47171
47210
  }
47172
47211
  }, props.children));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lanaco/lnc-react-ui",
3
- "version": "2.1.44",
3
+ "version": "2.1.46",
4
4
  "description": "component library",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib/index.esm.js",