funda-ui 2.2.215 → 2.2.355

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 (4) hide show
  1. package/DropdownMenu/index.js +3 -3
  2. package/lib/cjs/DropdownMenu/index.js +3 -3
  3. package/lib/esm/DropdownMenu/index.tsx +5 -4
  4. package/package.json +1 -1
package/DropdownMenu/index.js CHANGED
@@ -420,13 +420,13 @@ var DropdownMenu = function DropdownMenu(props) {
420
420
  //-----------
421
421
  // Determine whether it exceeds the far right or left side of the screen
422
422
  var _modalContent = modalRef.current;
423
- var _modalBox = _modalContent.getBoundingClientRect();
423
+ var _modalListContent = modalRef.current.querySelector('.dd-menu-list__inner');
424
+ var _modalBox = _modalListContent.getBoundingClientRect();
424
425
  var _iconRef = iconRef.current;
425
426
  if (_modalBox.right > window.innerWidth) {
426
427
  var _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;
427
428
  _modalContent.style.marginLeft = "-".concat(_modalOffsetPosition, "px");
428
429
  _iconRef.style.marginLeft = "".concat(_modalOffsetPosition, "px");
429
-
430
430
  // console.log('_modalPosition: ', _modalOffsetPosition)
431
431
  }
432
432
 
@@ -529,7 +529,7 @@ var DropdownMenu = function DropdownMenu(props) {
529
529
  className: "dd-menu-list__icon ".concat(isOpen ? 'active' : '')
530
530
  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("ul", {
531
531
  ref: listRef,
532
- className: "".concat(listClassName ? listClassName : 'dd-menu-default__inner', " ").concat(isOpen ? showClassName ? showClassName : 'show' : '')
532
+ className: "dd-menu-list__inner ".concat(listClassName ? listClassName : 'dd-menu-default__inner', " ").concat(isOpen ? showClassName ? showClassName : 'show' : '')
533
533
  }, selectOptionsListPresentation))));
534
534
  };
535
535
  /* harmony default export */ const src = (DropdownMenu);
package/lib/cjs/DropdownMenu/index.js CHANGED
@@ -420,13 +420,13 @@ var DropdownMenu = function DropdownMenu(props) {
420
420
  //-----------
421
421
  // Determine whether it exceeds the far right or left side of the screen
422
422
  var _modalContent = modalRef.current;
423
- var _modalBox = _modalContent.getBoundingClientRect();
423
+ var _modalListContent = modalRef.current.querySelector('.dd-menu-list__inner');
424
+ var _modalBox = _modalListContent.getBoundingClientRect();
424
425
  var _iconRef = iconRef.current;
425
426
  if (_modalBox.right > window.innerWidth) {
426
427
  var _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;
427
428
  _modalContent.style.marginLeft = "-".concat(_modalOffsetPosition, "px");
428
429
  _iconRef.style.marginLeft = "".concat(_modalOffsetPosition, "px");
429
-
430
430
  // console.log('_modalPosition: ', _modalOffsetPosition)
431
431
  }
432
432
 
@@ -529,7 +529,7 @@ var DropdownMenu = function DropdownMenu(props) {
529
529
  className: "dd-menu-list__icon ".concat(isOpen ? 'active' : '')
530
530
  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("ul", {
531
531
  ref: listRef,
532
- className: "".concat(listClassName ? listClassName : 'dd-menu-default__inner', " ").concat(isOpen ? showClassName ? showClassName : 'show' : '')
532
+ className: "dd-menu-list__inner ".concat(listClassName ? listClassName : 'dd-menu-default__inner', " ").concat(isOpen ? showClassName ? showClassName : 'show' : '')
533
533
  }, selectOptionsListPresentation))));
534
534
  };
535
535
  /* harmony default export */ const src = (DropdownMenu);
package/lib/esm/DropdownMenu/index.tsx CHANGED
@@ -215,14 +215,15 @@ const DropdownMenu = (props: DropdownMenuProps) => {
215
215
  //-----------
216
216
  // Determine whether it exceeds the far right or left side of the screen
217
217
  const _modalContent = modalRef.current;
218
- const _modalBox = _modalContent.getBoundingClientRect();
218
+ const _modalListContent = modalRef.current.querySelector('.dd-menu-list__inner');
219
+ const _modalBox = _modalListContent.getBoundingClientRect();
219
220
  const _iconRef: any = iconRef.current;
220
-
221
+
222
+
221
223
  if (_modalBox.right > window.innerWidth) {
222
224
  const _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;
223
225
  _modalContent.style.marginLeft = `-${_modalOffsetPosition}px`;
224
226
  _iconRef.style.marginLeft = `${_modalOffsetPosition}px`;
225
-
226
227
  // console.log('_modalPosition: ', _modalOffsetPosition)
227
228
  }
228
229
 
@@ -359,7 +360,7 @@ const DropdownMenu = (props: DropdownMenuProps) => {
359
360
 
360
361
  <ul
361
362
  ref={listRef}
362
- className={`${listClassName ? listClassName : 'dd-menu-default__inner'} ${isOpen ? (showClassName ? showClassName : 'show') : ''}`}
363
+ className={`dd-menu-list__inner ${listClassName ? listClassName : 'dd-menu-default__inner'} ${isOpen ? (showClassName ? showClassName : 'show') : ''}`}
363
364
  >
364
365
  {selectOptionsListPresentation}
365
366
  </ul>
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": "2.2.215",
5
+ "version": "2.2.355",
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",