funda-ui 3.9.14 → 3.9.55

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 (33) hide show
  1. package/CascadingSelect/index.js +3 -2
  2. package/CascadingSelectE2E/index.js +3 -2
  3. package/Date/index.js +3 -2
  4. package/DropdownMenu/index.js +4 -2
  5. package/EventCalendarTimeline/index.js +3 -2
  6. package/LiveSearch/index.js +3 -2
  7. package/MultiFuncSelect/index.js +3 -2
  8. package/Table/index.d.ts +2 -1
  9. package/Table/index.js +13 -4
  10. package/Tooltip/index.js +3 -2
  11. package/lib/cjs/CascadingSelect/index.js +3 -2
  12. package/lib/cjs/CascadingSelectE2E/index.js +3 -2
  13. package/lib/cjs/Date/index.js +3 -2
  14. package/lib/cjs/DropdownMenu/index.js +4 -2
  15. package/lib/cjs/EventCalendarTimeline/index.js +3 -2
  16. package/lib/cjs/LiveSearch/index.js +3 -2
  17. package/lib/cjs/MultiFuncSelect/index.js +3 -2
  18. package/lib/cjs/Table/index.d.ts +2 -1
  19. package/lib/cjs/Table/index.js +13 -4
  20. package/lib/cjs/Tooltip/index.js +3 -2
  21. package/lib/esm/CascadingSelect/index.tsx +3 -2
  22. package/lib/esm/CascadingSelectE2E/index.tsx +3 -2
  23. package/lib/esm/Date/index.tsx +3 -2
  24. package/lib/esm/DropdownMenu/index.tsx +5 -5
  25. package/lib/esm/EventCalendarTimeline/index.tsx +3 -2
  26. package/lib/esm/LiveSearch/index.tsx +3 -2
  27. package/lib/esm/MultiFuncSelect/index.tsx +3 -2
  28. package/lib/esm/Table/TableFieldRow.tsx +5 -3
  29. package/lib/esm/Table/TableHeaders.tsx +5 -2
  30. package/lib/esm/Table/TableRow.tsx +1 -1
  31. package/lib/esm/Table/index.tsx +4 -2
  32. package/lib/esm/Tooltip/index.tsx +3 -2
  33. package/package.json +1 -1
package/CascadingSelect/index.js CHANGED
@@ -898,14 +898,15 @@ var CascadingSelect = function CascadingSelect(props) {
898
898
  var _modalContent = _modalRef;
899
899
  var _modalBox = _modalContent.getBoundingClientRect();
900
900
  if (typeof _modalContent.dataset.offset === 'undefined') {
901
- if (_modalBox.right > window.innerWidth) {
901
+ // 10 pixels is used to account for some bias in mobile devices
902
+ if (_modalBox.right + 10 > window.innerWidth) {
902
903
  var _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;
903
904
  _modalContent.dataset.offset = _modalOffsetPosition;
904
905
  _modalContent.style.marginLeft = "-".concat(_modalOffsetPosition, "px");
905
906
  // console.log('_modalPosition: ', _modalOffsetPosition)
906
907
  }
907
908
 
908
- if (_modalBox.left < 0) {
909
+ if (_modalBox.left - 10 < 0) {
909
910
  var _modalOffsetPosition2 = Math.abs(_modalBox.left) + EXCEEDED_SIDE_POS_OFFSET;
910
911
  _modalContent.dataset.offset = _modalOffsetPosition2;
911
912
  _modalContent.style.marginLeft = "".concat(_modalOffsetPosition2, "px");
package/CascadingSelectE2E/index.js CHANGED
@@ -1075,14 +1075,15 @@ var CascadingSelectE2E = function CascadingSelectE2E(props) {
1075
1075
  var _modalContent = _modalRef;
1076
1076
  var _modalBox = _modalContent.getBoundingClientRect();
1077
1077
  if (typeof _modalContent.dataset.offset === 'undefined') {
1078
- if (_modalBox.right > window.innerWidth) {
1078
+ // 10 pixels is used to account for some bias in mobile devices
1079
+ if (_modalBox.right + 10 > window.innerWidth) {
1079
1080
  var _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;
1080
1081
  _modalContent.dataset.offset = _modalOffsetPosition;
1081
1082
  _modalContent.style.marginLeft = "-".concat(_modalOffsetPosition, "px");
1082
1083
  // console.log('_modalPosition: ', _modalOffsetPosition)
1083
1084
  }
1084
1085
 
1085
- if (_modalBox.left < 0) {
1086
+ if (_modalBox.left - 10 < 0) {
1086
1087
  var _modalOffsetPosition2 = Math.abs(_modalBox.left) + EXCEEDED_SIDE_POS_OFFSET;
1087
1088
  _modalContent.dataset.offset = _modalOffsetPosition2;
1088
1089
  _modalContent.style.marginLeft = "".concat(_modalOffsetPosition2, "px");
package/Date/index.js CHANGED
@@ -2407,14 +2407,15 @@ var src_Date = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_reac
2407
2407
  var _modalContent = _modalRef;
2408
2408
  var _modalBox = _modalContent.getBoundingClientRect();
2409
2409
  if (typeof _modalContent.dataset.offset === 'undefined') {
2410
- if (_modalBox.right > window.innerWidth) {
2410
+ // 10 pixels is used to account for some bias in mobile devices
2411
+ if (_modalBox.right + 10 > window.innerWidth) {
2411
2412
  var _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;
2412
2413
  _modalContent.dataset.offset = _modalOffsetPosition;
2413
2414
  _modalContent.style.marginLeft = "-".concat(_modalOffsetPosition, "px");
2414
2415
  // console.log('_modalPosition: ', _modalOffsetPosition)
2415
2416
  }
2416
2417
 
2417
- if (_modalBox.left < 0) {
2418
+ if (_modalBox.left - 10 < 0) {
2418
2419
  var _modalOffsetPosition2 = Math.abs(_modalBox.left) + EXCEEDED_SIDE_POS_OFFSET;
2419
2420
  _modalContent.dataset.offset = _modalOffsetPosition2;
2420
2421
  _modalContent.style.marginLeft = "".concat(_modalOffsetPosition2, "px");
package/DropdownMenu/index.js CHANGED
@@ -650,14 +650,16 @@ var DropdownMenu = function DropdownMenu(props) {
650
650
  var _modalListContent = modalRef.current.querySelector('.dd-menu-list__inner');
651
651
  var _modalBox = _modalListContent.getBoundingClientRect();
652
652
  var _iconRef = iconRef.current;
653
- if (_modalBox.right > window.innerWidth) {
653
+
654
+ // 10 pixels is used to account for some bias in mobile devices
655
+ if (_modalBox.right + 10 > window.innerWidth) {
654
656
  var _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;
655
657
  _modalContent.style.marginLeft = "-".concat(_modalOffsetPosition, "px");
656
658
  _iconRef.style.marginLeft = "".concat(_modalOffsetPosition, "px");
657
659
  // console.log('_modalPosition: ', _modalOffsetPosition)
658
660
  }
659
661
 
660
- if (_modalBox.left < 0) {
662
+ if (_modalBox.left - 10 < 0) {
661
663
  var _modalOffsetPosition2 = Math.abs(_modalBox.left) + EXCEEDED_SIDE_POS_OFFSET;
662
664
  _modalContent.style.marginLeft = "".concat(_modalOffsetPosition2, "px");
663
665
  _iconRef.style.marginLeft = "-".concat(_modalOffsetPosition2, "px");
package/EventCalendarTimeline/index.js CHANGED
@@ -1838,14 +1838,15 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
1838
1838
  var _modalContent = _tableTooltipModalRef.querySelector('.e-cal-tl-table__cell-tooltipcontent');
1839
1839
  var _modalBox = _modalContent.getBoundingClientRect();
1840
1840
  if (typeof _modalContent.dataset.offset === 'undefined') {
1841
- if (_modalBox.right > window.innerWidth) {
1841
+ // 10 pixels is used to account for some bias in mobile devices
1842
+ if (_modalBox.right + 10 > window.innerWidth) {
1842
1843
  var _modalOffsetPosition = _modalBox.right - window.innerWidth + CELL_TOOLTIP_EXCEEDED_SIDE_POS_OFFSET;
1843
1844
  _modalContent.dataset.offset = _modalOffsetPosition;
1844
1845
  _modalContent.style.marginLeft = "-".concat(_modalOffsetPosition, "px");
1845
1846
  // console.log('_modalPosition: ', _modalOffsetPosition)
1846
1847
  }
1847
1848
 
1848
- if (_modalBox.left < 0) {
1849
+ if (_modalBox.left - 10 < 0) {
1849
1850
  var _modalOffsetPosition2 = Math.abs(_modalBox.left) + CELL_TOOLTIP_EXCEEDED_SIDE_POS_OFFSET;
1850
1851
  _modalContent.dataset.offset = _modalOffsetPosition2;
1851
1852
  _modalContent.style.marginLeft = "".concat(_modalOffsetPosition2, "px");
package/LiveSearch/index.js CHANGED
@@ -1241,14 +1241,15 @@ var LiveSearch = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_re
1241
1241
  var _modalContent = _modalRef;
1242
1242
  var _modalBox = _modalContent.getBoundingClientRect();
1243
1243
  if (typeof _modalContent.dataset.offset === 'undefined') {
1244
- if (_modalBox.right > window.innerWidth) {
1244
+ // 10 pixels is used to account for some bias in mobile devices
1245
+ if (_modalBox.right + 10 > window.innerWidth) {
1245
1246
  var _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;
1246
1247
  _modalContent.dataset.offset = _modalOffsetPosition;
1247
1248
  _modalContent.style.marginLeft = "-".concat(_modalOffsetPosition, "px");
1248
1249
  // console.log('_modalPosition: ', _modalOffsetPosition)
1249
1250
  }
1250
1251
 
1251
- if (_modalBox.left < 0) {
1252
+ if (_modalBox.left - 10 < 0) {
1252
1253
  var _modalOffsetPosition2 = Math.abs(_modalBox.left) + EXCEEDED_SIDE_POS_OFFSET;
1253
1254
  _modalContent.dataset.offset = _modalOffsetPosition2;
1254
1255
  _modalContent.style.marginLeft = "".concat(_modalOffsetPosition2, "px");
package/MultiFuncSelect/index.js CHANGED
@@ -1855,14 +1855,15 @@ var MultiFuncSelect = /*#__PURE__*/(0,external_root_React_commonjs2_react_common
1855
1855
  var _modalContent = _modalRef;
1856
1856
  var _modalBox = _modalContent.getBoundingClientRect();
1857
1857
  if (typeof _modalContent.dataset.offset === 'undefined') {
1858
- if (_modalBox.right > window.innerWidth) {
1858
+ // 10 pixels is used to account for some bias in mobile devices
1859
+ if (_modalBox.right + 10 > window.innerWidth) {
1859
1860
  var _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;
1860
1861
  _modalContent.dataset.offset = _modalOffsetPosition;
1861
1862
  _modalContent.style.marginLeft = "-".concat(_modalOffsetPosition, "px");
1862
1863
  // console.log('_modalPosition: ', _modalOffsetPosition)
1863
1864
  }
1864
1865
 
1865
- if (_modalBox.left < 0) {
1866
+ if (_modalBox.left - 10 < 0) {
1866
1867
  var _modalOffsetPosition2 = Math.abs(_modalBox.left) + EXCEEDED_SIDE_POS_OFFSET;
1867
1868
  _modalContent.dataset.offset = _modalOffsetPosition2;
1868
1869
  _modalContent.style.marginLeft = "".concat(_modalOffsetPosition2, "px");
package/Table/index.d.ts CHANGED
@@ -17,6 +17,7 @@ declare type TableProps = {
17
17
  responsive?: boolean;
18
18
  enhancedResponsive?: boolean;
19
19
  enhancedResponsiveWithScrollBar?: boolean;
20
+ cellAutoWidth?: boolean;
20
21
  /** -- */
21
22
  id?: string;
22
23
  onCellMouseEnter?: (el: any) => void;
@@ -29,7 +30,7 @@ declare type TableProps = {
29
30
  onHeadCellMouseLeave?: (el: any) => void;
30
31
  onHeadCellClick?: (el: any) => void;
31
32
  onClick?: (el: any, val: any) => void;
32
- onCheck?: (val: any) => void;
33
+ onCheck?: (val: any, el: any, checked: boolean) => void;
33
34
  onDrag?: (dragStart: any, dragEnd: any) => void;
34
35
  onRenderFinished?: (res: boolean) => void;
35
36
  };
package/Table/index.js CHANGED
@@ -627,7 +627,7 @@ var TableFieldRow = function TableFieldRow(props) {
627
627
  // STEP 6:
628
628
  // callback
629
629
  //-----------
630
- onCheck === null || onCheck === void 0 ? void 0 : onCheck(_res);
630
+ onCheck === null || onCheck === void 0 ? void 0 : onCheck(_res, el, val);
631
631
  }
632
632
  function handleTbodyEnter(e) {
633
633
  var _e$target$closest;
@@ -707,6 +707,7 @@ var TableFieldRow = function TableFieldRow(props) {
707
707
  className: "radio-svg-btn",
708
708
  "data-index": "".concat(rowIndex),
709
709
  "data-key": "".concat(rowKey),
710
+ "data-use": dataUse,
710
711
  onClick: function onClick(e) {
711
712
  e.preventDefault();
712
713
 
@@ -728,7 +729,7 @@ var TableFieldRow = function TableFieldRow(props) {
728
729
  // STEP 2:
729
730
  // callback
730
731
  //-----------
731
- onCheck === null || onCheck === void 0 ? void 0 : onCheck([formatCheckboxControlVal(e.currentTarget)]);
732
+ onCheck === null || onCheck === void 0 ? void 0 : onCheck([formatCheckboxControlVal(e.currentTarget)], e.currentTarget, true);
732
733
  }
733
734
  }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
734
735
  className: "radio-svg--default"
@@ -773,6 +774,7 @@ var TableFieldRow = function TableFieldRow(props) {
773
774
  tabIndex: -1,
774
775
  "data-index": "".concat(rowIndex),
775
776
  "data-key": "".concat(rowKey),
777
+ "data-use": dataUse,
776
778
  value: "".concat(rowKey),
777
779
  checked: (_latestCheckedData$fi = latestCheckedData().filter(function (cur) {
778
780
  return cur.key === rowKey;
@@ -1020,7 +1022,7 @@ var TableHeaders = function TableHeaders(props) {
1020
1022
  // STEP 6:
1021
1023
  // callback
1022
1024
  //-----------
1023
- onCheck === null || onCheck === void 0 ? void 0 : onCheck(_res);
1025
+ onCheck === null || onCheck === void 0 ? void 0 : onCheck(_res, el, val);
1024
1026
  }
1025
1027
  return data ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("thead", {
1026
1028
  className: headClassName ? headClassName : ''
@@ -1061,6 +1063,9 @@ var TableHeaders = function TableHeaders(props) {
1061
1063
  className: "form-check-input",
1062
1064
  name: "checkbox-".concat(checkboxNamePrefix, "-all"),
1063
1065
  tabIndex: -1,
1066
+ "data-index": -1,
1067
+ "data-key": "row-all",
1068
+ "data-use": "",
1064
1069
  value: "row-all",
1065
1070
  checked: (_filter$ = getCheckedRootData.filter(function (cur) {
1066
1071
  return cur.key === 'row-all';
@@ -1165,6 +1170,7 @@ var Table = function Table(props) {
1165
1170
  responsive = props.responsive,
1166
1171
  enhancedResponsive = props.enhancedResponsive,
1167
1172
  enhancedResponsiveWithScrollBar = props.enhancedResponsiveWithScrollBar,
1173
+ cellAutoWidth = props.cellAutoWidth,
1168
1174
  id = props.id,
1169
1175
  onCellMouseEnter = props.onCellMouseEnter,
1170
1176
  onCellMouseLeave = props.onCellMouseLeave,
@@ -1601,7 +1607,10 @@ var Table = function Table(props) {
1601
1607
  id: idRes,
1602
1608
  className: "table__wrapper ".concat(wrapperClassName || wrapperClassName === '' ? wrapperClassName : "mb-3 position-relative", " ").concat(responsiveClasses, " ").concat(enhancedResponsiveClasses, " ").concat(checkableClasses, " ").concat(radioClasses, " ").concat(draggableClasses, " ").concat(sortableClasses)
1603
1609
  }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("table", {
1604
- className: "".concat(tableClassName || tableClassName === '' ? tableClassName : "table", " ").concat(tableClasses)
1610
+ className: "".concat(tableClassName || tableClassName === '' ? tableClassName : "table", " ").concat(tableClasses),
1611
+ style: typeof cellAutoWidth === 'undefined' || cellAutoWidth === false ? {} : {
1612
+ width: '1%'
1613
+ }
1605
1614
  }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(src_TableHeaders, {
1606
1615
  data: _headers,
1607
1616
  useRadio: useRadio || false,
package/Tooltip/index.js CHANGED
@@ -565,14 +565,15 @@ var Tooltip = function Tooltip(props) {
565
565
  var _modalContent = _modalRef.querySelector('.tooltip__content');
566
566
  var _modalBox = _modalContent.getBoundingClientRect();
567
567
  if (typeof _modalContent.dataset.offset === 'undefined') {
568
- if (_modalBox.right > window.innerWidth) {
568
+ // 10 pixels is used to account for some bias in mobile devices
569
+ if (_modalBox.right + 10 > window.innerWidth) {
569
570
  var _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;
570
571
  _modalContent.dataset.offset = _modalOffsetPosition;
571
572
  _modalContent.style.marginLeft = "-".concat(_modalOffsetPosition, "px");
572
573
  // console.log('_modalPosition: ', _modalOffsetPosition)
573
574
  }
574
575
 
575
- if (_modalBox.left < 0) {
576
+ if (_modalBox.left - 10 < 0) {
576
577
  var _modalOffsetPosition2 = Math.abs(_modalBox.left) + EXCEEDED_SIDE_POS_OFFSET;
577
578
  _modalContent.dataset.offset = _modalOffsetPosition2;
578
579
  _modalContent.style.marginLeft = "".concat(_modalOffsetPosition2, "px");
package/lib/cjs/CascadingSelect/index.js CHANGED
@@ -898,14 +898,15 @@ var CascadingSelect = function CascadingSelect(props) {
898
898
  var _modalContent = _modalRef;
899
899
  var _modalBox = _modalContent.getBoundingClientRect();
900
900
  if (typeof _modalContent.dataset.offset === 'undefined') {
901
- if (_modalBox.right > window.innerWidth) {
901
+ // 10 pixels is used to account for some bias in mobile devices
902
+ if (_modalBox.right + 10 > window.innerWidth) {
902
903
  var _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;
903
904
  _modalContent.dataset.offset = _modalOffsetPosition;
904
905
  _modalContent.style.marginLeft = "-".concat(_modalOffsetPosition, "px");
905
906
  // console.log('_modalPosition: ', _modalOffsetPosition)
906
907
  }
907
908
 
908
- if (_modalBox.left < 0) {
909
+ if (_modalBox.left - 10 < 0) {
909
910
  var _modalOffsetPosition2 = Math.abs(_modalBox.left) + EXCEEDED_SIDE_POS_OFFSET;
910
911
  _modalContent.dataset.offset = _modalOffsetPosition2;
911
912
  _modalContent.style.marginLeft = "".concat(_modalOffsetPosition2, "px");
package/lib/cjs/CascadingSelectE2E/index.js CHANGED
@@ -1075,14 +1075,15 @@ var CascadingSelectE2E = function CascadingSelectE2E(props) {
1075
1075
  var _modalContent = _modalRef;
1076
1076
  var _modalBox = _modalContent.getBoundingClientRect();
1077
1077
  if (typeof _modalContent.dataset.offset === 'undefined') {
1078
- if (_modalBox.right > window.innerWidth) {
1078
+ // 10 pixels is used to account for some bias in mobile devices
1079
+ if (_modalBox.right + 10 > window.innerWidth) {
1079
1080
  var _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;
1080
1081
  _modalContent.dataset.offset = _modalOffsetPosition;
1081
1082
  _modalContent.style.marginLeft = "-".concat(_modalOffsetPosition, "px");
1082
1083
  // console.log('_modalPosition: ', _modalOffsetPosition)
1083
1084
  }
1084
1085
 
1085
- if (_modalBox.left < 0) {
1086
+ if (_modalBox.left - 10 < 0) {
1086
1087
  var _modalOffsetPosition2 = Math.abs(_modalBox.left) + EXCEEDED_SIDE_POS_OFFSET;
1087
1088
  _modalContent.dataset.offset = _modalOffsetPosition2;
1088
1089
  _modalContent.style.marginLeft = "".concat(_modalOffsetPosition2, "px");
package/lib/cjs/Date/index.js CHANGED
@@ -2407,14 +2407,15 @@ var src_Date = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_reac
2407
2407
  var _modalContent = _modalRef;
2408
2408
  var _modalBox = _modalContent.getBoundingClientRect();
2409
2409
  if (typeof _modalContent.dataset.offset === 'undefined') {
2410
- if (_modalBox.right > window.innerWidth) {
2410
+ // 10 pixels is used to account for some bias in mobile devices
2411
+ if (_modalBox.right + 10 > window.innerWidth) {
2411
2412
  var _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;
2412
2413
  _modalContent.dataset.offset = _modalOffsetPosition;
2413
2414
  _modalContent.style.marginLeft = "-".concat(_modalOffsetPosition, "px");
2414
2415
  // console.log('_modalPosition: ', _modalOffsetPosition)
2415
2416
  }
2416
2417
 
2417
- if (_modalBox.left < 0) {
2418
+ if (_modalBox.left - 10 < 0) {
2418
2419
  var _modalOffsetPosition2 = Math.abs(_modalBox.left) + EXCEEDED_SIDE_POS_OFFSET;
2419
2420
  _modalContent.dataset.offset = _modalOffsetPosition2;
2420
2421
  _modalContent.style.marginLeft = "".concat(_modalOffsetPosition2, "px");
package/lib/cjs/DropdownMenu/index.js CHANGED
@@ -650,14 +650,16 @@ var DropdownMenu = function DropdownMenu(props) {
650
650
  var _modalListContent = modalRef.current.querySelector('.dd-menu-list__inner');
651
651
  var _modalBox = _modalListContent.getBoundingClientRect();
652
652
  var _iconRef = iconRef.current;
653
- if (_modalBox.right > window.innerWidth) {
653
+
654
+ // 10 pixels is used to account for some bias in mobile devices
655
+ if (_modalBox.right + 10 > window.innerWidth) {
654
656
  var _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;
655
657
  _modalContent.style.marginLeft = "-".concat(_modalOffsetPosition, "px");
656
658
  _iconRef.style.marginLeft = "".concat(_modalOffsetPosition, "px");
657
659
  // console.log('_modalPosition: ', _modalOffsetPosition)
658
660
  }
659
661
 
660
- if (_modalBox.left < 0) {
662
+ if (_modalBox.left - 10 < 0) {
661
663
  var _modalOffsetPosition2 = Math.abs(_modalBox.left) + EXCEEDED_SIDE_POS_OFFSET;
662
664
  _modalContent.style.marginLeft = "".concat(_modalOffsetPosition2, "px");
663
665
  _iconRef.style.marginLeft = "-".concat(_modalOffsetPosition2, "px");
package/lib/cjs/EventCalendarTimeline/index.js CHANGED
@@ -1838,14 +1838,15 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
1838
1838
  var _modalContent = _tableTooltipModalRef.querySelector('.e-cal-tl-table__cell-tooltipcontent');
1839
1839
  var _modalBox = _modalContent.getBoundingClientRect();
1840
1840
  if (typeof _modalContent.dataset.offset === 'undefined') {
1841
- if (_modalBox.right > window.innerWidth) {
1841
+ // 10 pixels is used to account for some bias in mobile devices
1842
+ if (_modalBox.right + 10 > window.innerWidth) {
1842
1843
  var _modalOffsetPosition = _modalBox.right - window.innerWidth + CELL_TOOLTIP_EXCEEDED_SIDE_POS_OFFSET;
1843
1844
  _modalContent.dataset.offset = _modalOffsetPosition;
1844
1845
  _modalContent.style.marginLeft = "-".concat(_modalOffsetPosition, "px");
1845
1846
  // console.log('_modalPosition: ', _modalOffsetPosition)
1846
1847
  }
1847
1848
 
1848
- if (_modalBox.left < 0) {
1849
+ if (_modalBox.left - 10 < 0) {
1849
1850
  var _modalOffsetPosition2 = Math.abs(_modalBox.left) + CELL_TOOLTIP_EXCEEDED_SIDE_POS_OFFSET;
1850
1851
  _modalContent.dataset.offset = _modalOffsetPosition2;
1851
1852
  _modalContent.style.marginLeft = "".concat(_modalOffsetPosition2, "px");
package/lib/cjs/LiveSearch/index.js CHANGED
@@ -1241,14 +1241,15 @@ var LiveSearch = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_re
1241
1241
  var _modalContent = _modalRef;
1242
1242
  var _modalBox = _modalContent.getBoundingClientRect();
1243
1243
  if (typeof _modalContent.dataset.offset === 'undefined') {
1244
- if (_modalBox.right > window.innerWidth) {
1244
+ // 10 pixels is used to account for some bias in mobile devices
1245
+ if (_modalBox.right + 10 > window.innerWidth) {
1245
1246
  var _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;
1246
1247
  _modalContent.dataset.offset = _modalOffsetPosition;
1247
1248
  _modalContent.style.marginLeft = "-".concat(_modalOffsetPosition, "px");
1248
1249
  // console.log('_modalPosition: ', _modalOffsetPosition)
1249
1250
  }
1250
1251
 
1251
- if (_modalBox.left < 0) {
1252
+ if (_modalBox.left - 10 < 0) {
1252
1253
  var _modalOffsetPosition2 = Math.abs(_modalBox.left) + EXCEEDED_SIDE_POS_OFFSET;
1253
1254
  _modalContent.dataset.offset = _modalOffsetPosition2;
1254
1255
  _modalContent.style.marginLeft = "".concat(_modalOffsetPosition2, "px");
package/lib/cjs/MultiFuncSelect/index.js CHANGED
@@ -1855,14 +1855,15 @@ var MultiFuncSelect = /*#__PURE__*/(0,external_root_React_commonjs2_react_common
1855
1855
  var _modalContent = _modalRef;
1856
1856
  var _modalBox = _modalContent.getBoundingClientRect();
1857
1857
  if (typeof _modalContent.dataset.offset === 'undefined') {
1858
- if (_modalBox.right > window.innerWidth) {
1858
+ // 10 pixels is used to account for some bias in mobile devices
1859
+ if (_modalBox.right + 10 > window.innerWidth) {
1859
1860
  var _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;
1860
1861
  _modalContent.dataset.offset = _modalOffsetPosition;
1861
1862
  _modalContent.style.marginLeft = "-".concat(_modalOffsetPosition, "px");
1862
1863
  // console.log('_modalPosition: ', _modalOffsetPosition)
1863
1864
  }
1864
1865
 
1865
- if (_modalBox.left < 0) {
1866
+ if (_modalBox.left - 10 < 0) {
1866
1867
  var _modalOffsetPosition2 = Math.abs(_modalBox.left) + EXCEEDED_SIDE_POS_OFFSET;
1867
1868
  _modalContent.dataset.offset = _modalOffsetPosition2;
1868
1869
  _modalContent.style.marginLeft = "".concat(_modalOffsetPosition2, "px");
package/lib/cjs/Table/index.d.ts CHANGED
@@ -17,6 +17,7 @@ declare type TableProps = {
17
17
  responsive?: boolean;
18
18
  enhancedResponsive?: boolean;
19
19
  enhancedResponsiveWithScrollBar?: boolean;
20
+ cellAutoWidth?: boolean;
20
21
  /** -- */
21
22
  id?: string;
22
23
  onCellMouseEnter?: (el: any) => void;
@@ -29,7 +30,7 @@ declare type TableProps = {
29
30
  onHeadCellMouseLeave?: (el: any) => void;
30
31
  onHeadCellClick?: (el: any) => void;
31
32
  onClick?: (el: any, val: any) => void;
32
- onCheck?: (val: any) => void;
33
+ onCheck?: (val: any, el: any, checked: boolean) => void;
33
34
  onDrag?: (dragStart: any, dragEnd: any) => void;
34
35
  onRenderFinished?: (res: boolean) => void;
35
36
  };
package/lib/cjs/Table/index.js CHANGED
@@ -627,7 +627,7 @@ var TableFieldRow = function TableFieldRow(props) {
627
627
  // STEP 6:
628
628
  // callback
629
629
  //-----------
630
- onCheck === null || onCheck === void 0 ? void 0 : onCheck(_res);
630
+ onCheck === null || onCheck === void 0 ? void 0 : onCheck(_res, el, val);
631
631
  }
632
632
  function handleTbodyEnter(e) {
633
633
  var _e$target$closest;
@@ -707,6 +707,7 @@ var TableFieldRow = function TableFieldRow(props) {
707
707
  className: "radio-svg-btn",
708
708
  "data-index": "".concat(rowIndex),
709
709
  "data-key": "".concat(rowKey),
710
+ "data-use": dataUse,
710
711
  onClick: function onClick(e) {
711
712
  e.preventDefault();
712
713
 
@@ -728,7 +729,7 @@ var TableFieldRow = function TableFieldRow(props) {
728
729
  // STEP 2:
729
730
  // callback
730
731
  //-----------
731
- onCheck === null || onCheck === void 0 ? void 0 : onCheck([formatCheckboxControlVal(e.currentTarget)]);
732
+ onCheck === null || onCheck === void 0 ? void 0 : onCheck([formatCheckboxControlVal(e.currentTarget)], e.currentTarget, true);
732
733
  }
733
734
  }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
734
735
  className: "radio-svg--default"
@@ -773,6 +774,7 @@ var TableFieldRow = function TableFieldRow(props) {
773
774
  tabIndex: -1,
774
775
  "data-index": "".concat(rowIndex),
775
776
  "data-key": "".concat(rowKey),
777
+ "data-use": dataUse,
776
778
  value: "".concat(rowKey),
777
779
  checked: (_latestCheckedData$fi = latestCheckedData().filter(function (cur) {
778
780
  return cur.key === rowKey;
@@ -1020,7 +1022,7 @@ var TableHeaders = function TableHeaders(props) {
1020
1022
  // STEP 6:
1021
1023
  // callback
1022
1024
  //-----------
1023
- onCheck === null || onCheck === void 0 ? void 0 : onCheck(_res);
1025
+ onCheck === null || onCheck === void 0 ? void 0 : onCheck(_res, el, val);
1024
1026
  }
1025
1027
  return data ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("thead", {
1026
1028
  className: headClassName ? headClassName : ''
@@ -1061,6 +1063,9 @@ var TableHeaders = function TableHeaders(props) {
1061
1063
  className: "form-check-input",
1062
1064
  name: "checkbox-".concat(checkboxNamePrefix, "-all"),
1063
1065
  tabIndex: -1,
1066
+ "data-index": -1,
1067
+ "data-key": "row-all",
1068
+ "data-use": "",
1064
1069
  value: "row-all",
1065
1070
  checked: (_filter$ = getCheckedRootData.filter(function (cur) {
1066
1071
  return cur.key === 'row-all';
@@ -1165,6 +1170,7 @@ var Table = function Table(props) {
1165
1170
  responsive = props.responsive,
1166
1171
  enhancedResponsive = props.enhancedResponsive,
1167
1172
  enhancedResponsiveWithScrollBar = props.enhancedResponsiveWithScrollBar,
1173
+ cellAutoWidth = props.cellAutoWidth,
1168
1174
  id = props.id,
1169
1175
  onCellMouseEnter = props.onCellMouseEnter,
1170
1176
  onCellMouseLeave = props.onCellMouseLeave,
@@ -1601,7 +1607,10 @@ var Table = function Table(props) {
1601
1607
  id: idRes,
1602
1608
  className: "table__wrapper ".concat(wrapperClassName || wrapperClassName === '' ? wrapperClassName : "mb-3 position-relative", " ").concat(responsiveClasses, " ").concat(enhancedResponsiveClasses, " ").concat(checkableClasses, " ").concat(radioClasses, " ").concat(draggableClasses, " ").concat(sortableClasses)
1603
1609
  }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("table", {
1604
- className: "".concat(tableClassName || tableClassName === '' ? tableClassName : "table", " ").concat(tableClasses)
1610
+ className: "".concat(tableClassName || tableClassName === '' ? tableClassName : "table", " ").concat(tableClasses),
1611
+ style: typeof cellAutoWidth === 'undefined' || cellAutoWidth === false ? {} : {
1612
+ width: '1%'
1613
+ }
1605
1614
  }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(src_TableHeaders, {
1606
1615
  data: _headers,
1607
1616
  useRadio: useRadio || false,
package/lib/cjs/Tooltip/index.js CHANGED
@@ -565,14 +565,15 @@ var Tooltip = function Tooltip(props) {
565
565
  var _modalContent = _modalRef.querySelector('.tooltip__content');
566
566
  var _modalBox = _modalContent.getBoundingClientRect();
567
567
  if (typeof _modalContent.dataset.offset === 'undefined') {
568
- if (_modalBox.right > window.innerWidth) {
568
+ // 10 pixels is used to account for some bias in mobile devices
569
+ if (_modalBox.right + 10 > window.innerWidth) {
569
570
  var _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;
570
571
  _modalContent.dataset.offset = _modalOffsetPosition;
571
572
  _modalContent.style.marginLeft = "-".concat(_modalOffsetPosition, "px");
572
573
  // console.log('_modalPosition: ', _modalOffsetPosition)
573
574
  }
574
575
 
575
- if (_modalBox.left < 0) {
576
+ if (_modalBox.left - 10 < 0) {
576
577
  var _modalOffsetPosition2 = Math.abs(_modalBox.left) + EXCEEDED_SIDE_POS_OFFSET;
577
578
  _modalContent.dataset.offset = _modalOffsetPosition2;
578
579
  _modalContent.style.marginLeft = "".concat(_modalOffsetPosition2, "px");
package/lib/esm/CascadingSelect/index.tsx CHANGED
@@ -256,7 +256,8 @@ const CascadingSelect = (props: CascadingSelectProps) => {
256
256
  const _modalBox = _modalContent.getBoundingClientRect();
257
257
  if (typeof _modalContent.dataset.offset === 'undefined') {
258
258
 
259
- if (_modalBox.right > window.innerWidth) {
259
+ // 10 pixels is used to account for some bias in mobile devices
260
+ if ((_modalBox.right + 10) > window.innerWidth) {
260
261
  const _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;
261
262
  _modalContent.dataset.offset = _modalOffsetPosition;
262
263
  _modalContent.style.marginLeft = `-${_modalOffsetPosition}px`;
@@ -264,7 +265,7 @@ const CascadingSelect = (props: CascadingSelectProps) => {
264
265
  }
265
266
 
266
267
 
267
- if (_modalBox.left < 0) {
268
+ if ((_modalBox.left - 10) < 0) {
268
269
  const _modalOffsetPosition = Math.abs(_modalBox.left) + EXCEEDED_SIDE_POS_OFFSET;
269
270
  _modalContent.dataset.offset = _modalOffsetPosition;
270
271
  _modalContent.style.marginLeft = `${_modalOffsetPosition}px`;
package/lib/esm/CascadingSelectE2E/index.tsx CHANGED
@@ -293,7 +293,8 @@ const CascadingSelectE2E = (props: CascadingSelectE2EProps) => {
293
293
  const _modalBox = _modalContent.getBoundingClientRect();
294
294
  if (typeof _modalContent.dataset.offset === 'undefined') {
295
295
 
296
- if (_modalBox.right > window.innerWidth) {
296
+ // 10 pixels is used to account for some bias in mobile devices
297
+ if ((_modalBox.right + 10) > window.innerWidth) {
297
298
  const _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;
298
299
  _modalContent.dataset.offset = _modalOffsetPosition;
299
300
  _modalContent.style.marginLeft = `-${_modalOffsetPosition}px`;
@@ -301,7 +302,7 @@ const CascadingSelectE2E = (props: CascadingSelectE2EProps) => {
301
302
  }
302
303
 
303
304
 
304
- if (_modalBox.left < 0) {
305
+ if ((_modalBox.left - 10) < 0) {
305
306
  const _modalOffsetPosition = Math.abs(_modalBox.left) + EXCEEDED_SIDE_POS_OFFSET;
306
307
  _modalContent.dataset.offset = _modalOffsetPosition;
307
308
  _modalContent.style.marginLeft = `${_modalOffsetPosition}px`;
package/lib/esm/Date/index.tsx CHANGED
@@ -433,7 +433,8 @@ const Date = forwardRef((props: DateProps, ref: any) => {
433
433
  const _modalBox = _modalContent.getBoundingClientRect();
434
434
  if (typeof _modalContent.dataset.offset === 'undefined') {
435
435
 
436
- if (_modalBox.right > window.innerWidth) {
436
+ // 10 pixels is used to account for some bias in mobile devices
437
+ if ((_modalBox.right + 10) > window.innerWidth) {
437
438
  const _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;
438
439
  _modalContent.dataset.offset = _modalOffsetPosition;
439
440
  _modalContent.style.marginLeft = `-${_modalOffsetPosition}px`;
@@ -441,7 +442,7 @@ const Date = forwardRef((props: DateProps, ref: any) => {
441
442
  }
442
443
 
443
444
 
444
- if (_modalBox.left < 0) {
445
+ if ((_modalBox.left - 10) < 0) {
445
446
  const _modalOffsetPosition = Math.abs(_modalBox.left) + EXCEEDED_SIDE_POS_OFFSET;
446
447
  _modalContent.dataset.offset = _modalOffsetPosition;
447
448
  _modalContent.style.marginLeft = `${_modalOffsetPosition}px`;
package/lib/esm/DropdownMenu/index.tsx CHANGED
@@ -2,7 +2,6 @@ import React, { useEffect, useState, useRef, useId } from 'react';
2
2
 
3
3
  import RootPortal from 'funda-root-portal';
4
4
 
5
-
6
5
  import Option from './Option';
7
6
 
8
7
  import { getAbsolutePositionOfStage } from './utils/get-element-property';
@@ -219,9 +218,10 @@ const DropdownMenu = (props: DropdownMenuProps) => {
219
218
  const _modalListContent = modalRef.current.querySelector('.dd-menu-list__inner');
220
219
  const _modalBox = _modalListContent.getBoundingClientRect();
221
220
  const _iconRef: any = iconRef.current;
222
-
223
-
224
- if (_modalBox.right > window.innerWidth) {
221
+
222
+
223
+ // 10 pixels is used to account for some bias in mobile devices
224
+ if ((_modalBox.right + 10) > window.innerWidth) {
225
225
  const _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;
226
226
  _modalContent.style.marginLeft = `-${_modalOffsetPosition}px`;
227
227
  _iconRef.style.marginLeft = `${_modalOffsetPosition}px`;
@@ -229,7 +229,7 @@ const DropdownMenu = (props: DropdownMenuProps) => {
229
229
  }
230
230
 
231
231
 
232
- if (_modalBox.left < 0) {
232
+ if ((_modalBox.left - 10) < 0) {
233
233
  const _modalOffsetPosition = Math.abs(_modalBox.left) + EXCEEDED_SIDE_POS_OFFSET;
234
234
  _modalContent.style.marginLeft = `${_modalOffsetPosition}px`;
235
235
  _iconRef.style.marginLeft = `-${_modalOffsetPosition}px`;
package/lib/esm/EventCalendarTimeline/index.tsx CHANGED
@@ -375,7 +375,8 @@ const EventCalendarTimeline = (props: EventCalendarTimelineProps) => {
375
375
  const _modalBox = _modalContent.getBoundingClientRect();
376
376
  if (typeof _modalContent.dataset.offset === 'undefined') {
377
377
 
378
- if (_modalBox.right > window.innerWidth) {
378
+ // 10 pixels is used to account for some bias in mobile devices
379
+ if ((_modalBox.right + 10) > window.innerWidth) {
379
380
  const _modalOffsetPosition = _modalBox.right - window.innerWidth + CELL_TOOLTIP_EXCEEDED_SIDE_POS_OFFSET;
380
381
  _modalContent.dataset.offset = _modalOffsetPosition;
381
382
  _modalContent.style.marginLeft = `-${_modalOffsetPosition}px`;
@@ -383,7 +384,7 @@ const EventCalendarTimeline = (props: EventCalendarTimelineProps) => {
383
384
  }
384
385
 
385
386
 
386
- if (_modalBox.left < 0) {
387
+ if ((_modalBox.left - 10) < 0) {
387
388
  const _modalOffsetPosition = Math.abs(_modalBox.left) + CELL_TOOLTIP_EXCEEDED_SIDE_POS_OFFSET;
388
389
  _modalContent.dataset.offset = _modalOffsetPosition;
389
390
  _modalContent.style.marginLeft = `${_modalOffsetPosition}px`;
package/lib/esm/LiveSearch/index.tsx CHANGED
@@ -335,7 +335,8 @@ const LiveSearch = forwardRef((props: LiveSearchProps, ref: any) => {
335
335
  const _modalBox = _modalContent.getBoundingClientRect();
336
336
  if (typeof _modalContent.dataset.offset === 'undefined') {
337
337
 
338
- if (_modalBox.right > window.innerWidth) {
338
+ // 10 pixels is used to account for some bias in mobile devices
339
+ if ((_modalBox.right + 10) > window.innerWidth) {
339
340
  const _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;
340
341
  _modalContent.dataset.offset = _modalOffsetPosition;
341
342
  _modalContent.style.marginLeft = `-${_modalOffsetPosition}px`;
@@ -343,7 +344,7 @@ const LiveSearch = forwardRef((props: LiveSearchProps, ref: any) => {
343
344
  }
344
345
 
345
346
 
346
- if (_modalBox.left < 0) {
347
+ if ((_modalBox.left - 10) < 0) {
347
348
  const _modalOffsetPosition = Math.abs(_modalBox.left) + EXCEEDED_SIDE_POS_OFFSET;
348
349
  _modalContent.dataset.offset = _modalOffsetPosition;
349
350
  _modalContent.style.marginLeft = `${_modalOffsetPosition}px`;
package/lib/esm/MultiFuncSelect/index.tsx CHANGED
@@ -928,7 +928,8 @@ const MultiFuncSelect = forwardRef((props: MultiFuncSelectProps, ref: any) => {
928
928
  const _modalBox = _modalContent.getBoundingClientRect();
929
929
  if (typeof _modalContent.dataset.offset === 'undefined') {
930
930
 
931
- if (_modalBox.right > window.innerWidth) {
931
+ // 10 pixels is used to account for some bias in mobile devices
932
+ if ((_modalBox.right + 10) > window.innerWidth) {
932
933
  const _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;
933
934
  _modalContent.dataset.offset = _modalOffsetPosition;
934
935
  _modalContent.style.marginLeft = `-${_modalOffsetPosition}px`;
@@ -936,7 +937,7 @@ const MultiFuncSelect = forwardRef((props: MultiFuncSelectProps, ref: any) => {
936
937
  }
937
938
 
938
939
 
939
- if (_modalBox.left < 0) {
940
+ if ((_modalBox.left - 10) < 0) {
940
941
  const _modalOffsetPosition = Math.abs(_modalBox.left) + EXCEEDED_SIDE_POS_OFFSET;
941
942
  _modalContent.dataset.offset = _modalOffsetPosition;
942
943
  _modalContent.style.marginLeft = `${_modalOffsetPosition}px`;
package/lib/esm/Table/TableFieldRow.tsx CHANGED
@@ -34,7 +34,7 @@ type TableFieldRowProps = {
34
34
  updategetCheckedData?: any;
35
35
  getCheckedRootData?: any[];
36
36
  updategetCheckedRootData?: any;
37
- onCheck?: (val: any) => void;
37
+ onCheck?: (val: any, el: any, checked: boolean) => void;
38
38
  evCellMouseEnter?: (el: any) => void | undefined;
39
39
  evCellMouseLeave?: (el: any) => void | undefined;
40
40
  evCellClick?: (el: any) => void | undefined;
@@ -306,7 +306,7 @@ const TableFieldRow = (props: TableFieldRowProps) => {
306
306
  // STEP 6:
307
307
  // callback
308
308
  //-----------
309
- onCheck?.(_res);
309
+ onCheck?.(_res, el, val);
310
310
 
311
311
  }
312
312
 
@@ -361,6 +361,7 @@ const TableFieldRow = (props: TableFieldRowProps) => {
361
361
  className="radio-svg-btn"
362
362
  data-index={`${rowIndex}`}
363
363
  data-key={`${rowKey}`}
364
+ data-use={dataUse}
364
365
  onClick={(e: any) => {
365
366
  e.preventDefault();
366
367
 
@@ -382,7 +383,7 @@ const TableFieldRow = (props: TableFieldRowProps) => {
382
383
  // STEP 2:
383
384
  // callback
384
385
  //-----------
385
- onCheck?.([formatCheckboxControlVal(e.currentTarget)]);
386
+ onCheck?.([formatCheckboxControlVal(e.currentTarget)], e.currentTarget, true);
386
387
  }}
387
388
  >
388
389
  <span className="radio-svg--default">
@@ -433,6 +434,7 @@ const TableFieldRow = (props: TableFieldRowProps) => {
433
434
  tabIndex={-1}
434
435
  data-index={`${rowIndex}`}
435
436
  data-key={`${rowKey}`}
437
+ data-use={dataUse}
436
438
  value={`${rowKey}`}
437
439
  checked={latestCheckedData().filter((cur: any) => cur.key === rowKey)[0]?.checked}
438
440
  onChange={(e: any) => {
package/lib/esm/Table/TableHeaders.tsx CHANGED
@@ -22,7 +22,7 @@ type TableHeadersProps = {
22
22
  updategetCheckedData?: any;
23
23
  getCheckedRootData?: any[];
24
24
  updategetCheckedRootData?: any;
25
- onCheck?: (val: any) => void;
25
+ onCheck?: (val: any, el: any, checked: boolean) => void;
26
26
  evSort?: (option: any) => void;
27
27
  evHeadCellMouseEnter?: (el: any) => void | undefined;
28
28
  evHeadCellMouseLeave?: (el: any) => void | undefined;
@@ -111,7 +111,7 @@ const TableHeaders = (props: TableHeadersProps) => {
111
111
  // STEP 6:
112
112
  // callback
113
113
  //-----------
114
- onCheck?.(_res);
114
+ onCheck?.(_res, el, val);
115
115
 
116
116
  }
117
117
 
@@ -151,6 +151,9 @@ const TableHeaders = (props: TableHeadersProps) => {
151
151
  className="form-check-input"
152
152
  name={`checkbox-${checkboxNamePrefix}-all`}
153
153
  tabIndex={-1}
154
+ data-index={-1}
155
+ data-key="row-all"
156
+ data-use=""
154
157
  value={`row-all`}
155
158
  checked={getCheckedRootData!.filter((cur: any) => cur.key === 'row-all')[0]?.checked}
156
159
  onChange={(e: any) => {
package/lib/esm/Table/TableRow.tsx CHANGED
@@ -29,7 +29,7 @@ type TableRowProps = {
29
29
  getCheckedRootData?: any[];
30
30
  updategetCheckedRootData?: any;
31
31
  onClick?: (el: any, val: any) => void;
32
- onCheck?: (val: any) => void;
32
+ onCheck?: (val: any, el: any, checked: boolean) => void;
33
33
  evDragEnd?: (option: any) => void | undefined;
34
34
  evDragStart?: (option: any) => void | undefined;
35
35
  evCellMouseEnter?: (el: any) => void | undefined;
package/lib/esm/Table/index.tsx CHANGED
@@ -31,6 +31,7 @@ type TableProps = {
31
31
  responsive?: boolean;
32
32
  enhancedResponsive?: boolean;
33
33
  enhancedResponsiveWithScrollBar?: boolean;
34
+ cellAutoWidth?: boolean;
34
35
  /** -- */
35
36
  id?: string;
36
37
  onCellMouseEnter?: (el: any) => void;
@@ -43,7 +44,7 @@ type TableProps = {
43
44
  onHeadCellMouseLeave?: (el: any) => void;
44
45
  onHeadCellClick?: (el: any) => void;
45
46
  onClick?: (el: any, val: any) => void;
46
- onCheck?: (val: any) => void;
47
+ onCheck?: (val: any, el: any, checked: boolean) => void;
47
48
  onDrag?: (dragStart: any, dragEnd: any ) => void;
48
49
  onRenderFinished?: (res: boolean) => void;
49
50
  };
@@ -68,6 +69,7 @@ const Table = (props: TableProps) => {
68
69
  responsive,
69
70
  enhancedResponsive,
70
71
  enhancedResponsiveWithScrollBar,
72
+ cellAutoWidth,
71
73
  id,
72
74
  onCellMouseEnter,
73
75
  onCellMouseLeave,
@@ -569,7 +571,7 @@ const Table = (props: TableProps) => {
569
571
 
570
572
  <div ref={rootRef} id={idRes} className={`table__wrapper ${wrapperClassName || wrapperClassName === '' ? wrapperClassName : `mb-3 position-relative`} ${responsiveClasses} ${enhancedResponsiveClasses} ${checkableClasses} ${radioClasses} ${draggableClasses} ${sortableClasses}`}>
571
573
 
572
- <table className={`${tableClassName || tableClassName === '' ? tableClassName : "table"} ${tableClasses}`}>
574
+ <table className={`${tableClassName || tableClassName === '' ? tableClassName : "table"} ${tableClasses}`} style={typeof cellAutoWidth === 'undefined' || cellAutoWidth === false ? {} : {width: '1%'}}>
573
575
 
574
576
  <TableHeaders
575
577
  data={_headers}
package/lib/esm/Tooltip/index.tsx CHANGED
@@ -131,7 +131,8 @@ const Tooltip = (props: TooltipProps) => {
131
131
  const _modalBox = _modalContent.getBoundingClientRect();
132
132
  if (typeof _modalContent.dataset.offset === 'undefined') {
133
133
 
134
- if (_modalBox.right > window.innerWidth) {
134
+ // 10 pixels is used to account for some bias in mobile devices
135
+ if ((_modalBox.right + 10) > window.innerWidth) {
135
136
  const _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;
136
137
  _modalContent.dataset.offset = _modalOffsetPosition;
137
138
  _modalContent.style.marginLeft = `-${_modalOffsetPosition}px`;
@@ -139,7 +140,7 @@ const Tooltip = (props: TooltipProps) => {
139
140
  }
140
141
 
141
142
 
142
- if (_modalBox.left < 0) {
143
+ if ((_modalBox.left - 10) < 0) {
143
144
  const _modalOffsetPosition = Math.abs(_modalBox.left) + EXCEEDED_SIDE_POS_OFFSET;
144
145
  _modalContent.dataset.offset = _modalOffsetPosition;
145
146
  _modalContent.style.marginLeft = `${_modalOffsetPosition}px`;
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "author": "UIUX Lab",
3
3
  "email": "uiuxlab@gmail.com",
4
4
  "name": "funda-ui",
5
- "version": "3.9.14",
5
+ "version": "3.9.55",
6
6
  "description": "React components using pure Bootstrap 5+ which does not contain any external style and script libraries.",
7
7
  "repository": {
8
8
  "type": "git",