qbs-react-grid 1.1.19 → 1.1.21

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.
Files changed (12) hide show
  1. package/es/qbsTable/CustomTableCell.js +1 -1
  2. package/es/qbsTable/utilities/ToolTip.js +13 -3
  3. package/lib/qbsTable/CustomTableCell.js +1 -1
  4. package/lib/qbsTable/utilities/ToolTip.js +13 -3
  5. package/package.json +1 -1
  6. package/src/qbsTable/CustomTableCell.tsx +1 -1
  7. package/src/qbsTable/utilities/ToolTip.tsx +13 -3
  8. package/es/qbsTable/utilities/scsd.d.ts +0 -0
  9. package/es/qbsTable/utilities/scsd.js +0 -0
  10. package/lib/qbsTable/utilities/scsd.d.ts +0 -0
  11. package/lib/qbsTable/utilities/scsd.js +0 -1
  12. package/src/qbsTable/utilities/scsd.tsx +0 -0
package/es/qbsTable/CustomTableCell.js CHANGED
@@ -120,7 +120,7 @@ export var CustomRowStatus = /*#__PURE__*/React.memo(function (_ref5) {
120
120
  var viewportHeight = window.innerHeight;
121
121
  var spaceAbove = inputBoxRect.top;
122
122
  var spaceBelow = viewportHeight - inputBoxRect.bottom;
123
- if (spaceAbove > spaceBelow) {
123
+ if (spaceAbove > 90 && spaceBelow < 90 || spaceAbove <= spaceBelow && spaceAbove > 90) {
124
124
  setDropdownPosition('top-position');
125
125
  } else {
126
126
  setDropdownPosition('bottom-position');
package/es/qbsTable/utilities/ToolTip.js CHANGED
@@ -14,10 +14,20 @@ var TooltipComponent = function TooltipComponent(_ref) {
14
14
  var viewportHeight = window.innerHeight;
15
15
  var spaceAbove = inputBoxRect.top;
16
16
  var spaceBelow = viewportHeight - inputBoxRect.bottom;
17
+ console.log(spaceAbove, spaceBelow);
17
18
  if (spaceAbove > spaceBelow) {
18
- setDropdownPosition('top-position');
19
+ if (spaceAbove > 90 && spaceBelow < 120) {
20
+ setDropdownPosition('top-position');
21
+ } else {
22
+ setDropdownPosition('bottom-position');
23
+ }
19
24
  } else {
20
- setDropdownPosition('bottom-position');
25
+ var diff = spaceBelow - spaceAbove;
26
+ if (spaceAbove > 90 && spaceBelow > 90 && diff < 90) {
27
+ setDropdownPosition('top-position');
28
+ } else {
29
+ setDropdownPosition('bottom-position');
30
+ }
21
31
  }
22
32
  }
23
33
  };
@@ -33,7 +43,7 @@ var TooltipComponent = function TooltipComponent(_ref) {
33
43
  }
34
44
  }, children), /*#__PURE__*/React.createElement("span", {
35
45
  ref: dropRef,
36
- className: "tooltiptext"
46
+ className: "tooltiptext "
37
47
  }, title));
38
48
  };
39
49
  export default TooltipComponent;
package/lib/qbsTable/CustomTableCell.js CHANGED
@@ -131,7 +131,7 @@ var CustomRowStatus = /*#__PURE__*/_react["default"].memo(function (_ref5) {
131
131
  var viewportHeight = window.innerHeight;
132
132
  var spaceAbove = inputBoxRect.top;
133
133
  var spaceBelow = viewportHeight - inputBoxRect.bottom;
134
- if (spaceAbove > spaceBelow) {
134
+ if (spaceAbove > 90 && spaceBelow < 90 || spaceAbove <= spaceBelow && spaceAbove > 90) {
135
135
  setDropdownPosition('top-position');
136
136
  } else {
137
137
  setDropdownPosition('bottom-position');
package/lib/qbsTable/utilities/ToolTip.js CHANGED
@@ -20,10 +20,20 @@ var TooltipComponent = function TooltipComponent(_ref) {
20
20
  var viewportHeight = window.innerHeight;
21
21
  var spaceAbove = inputBoxRect.top;
22
22
  var spaceBelow = viewportHeight - inputBoxRect.bottom;
23
+ console.log(spaceAbove, spaceBelow);
23
24
  if (spaceAbove > spaceBelow) {
24
- setDropdownPosition('top-position');
25
+ if (spaceAbove > 90 && spaceBelow < 120) {
26
+ setDropdownPosition('top-position');
27
+ } else {
28
+ setDropdownPosition('bottom-position');
29
+ }
25
30
  } else {
26
- setDropdownPosition('bottom-position');
31
+ var diff = spaceBelow - spaceAbove;
32
+ if (spaceAbove > 90 && spaceBelow > 90 && diff < 90) {
33
+ setDropdownPosition('top-position');
34
+ } else {
35
+ setDropdownPosition('bottom-position');
36
+ }
27
37
  }
28
38
  }
29
39
  };
@@ -39,7 +49,7 @@ var TooltipComponent = function TooltipComponent(_ref) {
39
49
  }
40
50
  }, children), /*#__PURE__*/_react["default"].createElement("span", {
41
51
  ref: dropRef,
42
- className: "tooltiptext"
52
+ className: "tooltiptext "
43
53
  }, title));
44
54
  };
45
55
  var _default = TooltipComponent;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "qbs-react-grid",
3
- "version": "1.1.19",
3
+ "version": "1.1.21",
4
4
  "description": "A React table component",
5
5
  "main": "lib/index.js",
6
6
  "typings": "lib/index.d.ts",
package/src/qbsTable/CustomTableCell.tsx CHANGED
@@ -93,7 +93,7 @@ export const CustomRowStatus: React.FC<any> = React.memo(
93
93
 
94
94
  const spaceAbove = inputBoxRect.top;
95
95
  const spaceBelow = viewportHeight - inputBoxRect.bottom;
96
- if (spaceAbove > spaceBelow) {
96
+ if ((spaceAbove > 90 && spaceBelow < 90) || (spaceAbove <= spaceBelow && spaceAbove > 90)) {
97
97
  setDropdownPosition('top-position');
98
98
  } else {
99
99
  setDropdownPosition('bottom-position');
package/src/qbsTable/utilities/ToolTip.tsx CHANGED
@@ -11,10 +11,20 @@ const TooltipComponent: React.FC<any> = ({ title, children }) => {
11
11
 
12
12
  const spaceAbove = inputBoxRect.top;
13
13
  const spaceBelow = viewportHeight - inputBoxRect.bottom;
14
+ console.log(spaceAbove, spaceBelow);
14
15
  if (spaceAbove > spaceBelow) {
15
- setDropdownPosition('top-position');
16
+ if (spaceAbove > 90 && spaceBelow < 120) {
17
+ setDropdownPosition('top-position');
18
+ } else {
19
+ setDropdownPosition('bottom-position');
20
+ }
16
21
  } else {
17
- setDropdownPosition('bottom-position');
22
+ const diff: number = spaceBelow - spaceAbove;
23
+ if (spaceAbove > 90 && spaceBelow > 90 && diff < 90) {
24
+ setDropdownPosition('top-position');
25
+ } else {
26
+ setDropdownPosition('bottom-position');
27
+ }
18
28
  }
19
29
  }
20
30
  };
@@ -28,7 +38,7 @@ const TooltipComponent: React.FC<any> = ({ title, children }) => {
28
38
  >
29
39
  {children}
30
40
  </span>
31
- <span ref={dropRef} className={`tooltiptext`}>
41
+ <span ref={dropRef} className={`tooltiptext `}>
32
42
  {title}
33
43
  </span>
34
44
  </div>
package/es/qbsTable/utilities/scsd.d.ts DELETED
File without changes
package/es/qbsTable/utilities/scsd.js DELETED
File without changes
package/lib/qbsTable/utilities/scsd.d.ts DELETED
File without changes
package/lib/qbsTable/utilities/scsd.js DELETED
@@ -1 +0,0 @@
1
- "use strict";
package/src/qbsTable/utilities/scsd.tsx DELETED
File without changes