@nulogy/components 13.1.3 → 13.1.5

package/dist/main.js

@@ -355,12 +355,12 @@
     }
 
     var isBrowser$7 = typeof window !== "undefined";
-    var useIsomorphicLayoutEffect$4 = isBrowser$7 ? React.useLayoutEffect : React.useEffect;
+    var useIsomorphicLayoutEffect$5 = isBrowser$7 ? React.useLayoutEffect : React.useEffect;
 
     function useSnapshotOnUnmount(visualElement) {
         var syncLayout = React.useContext(SharedLayoutContext);
         var framerSyncLayout = React.useContext(FramerTreeLayoutContext);
-        useIsomorphicLayoutEffect$4(function () { return function () {
+        useIsomorphicLayoutEffect$5(function () { return function () {
             if (isSharedLayout(syncLayout)) {
                 syncLayout.remove(visualElement);
             }
@@ -391,7 +391,7 @@
                 blockInitialAnimation: (presenceContext === null || presenceContext === void 0 ? void 0 : presenceContext.initial) === false,
             });
         });
-        useIsomorphicLayoutEffect$4(function () {
+        useIsomorphicLayoutEffect$5(function () {
             visualElement.setProps(__assign$3(__assign$3(__assign$3({}, config), props), { layoutId: layoutId }));
             visualElement.isPresent = isPresent(presenceContext);
             visualElement.isPresenceRoot =
@@ -10719,225 +10719,6 @@
       };
     }
 
-    function _toConsumableArray$1(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
-
-    // Older browsers don't support event options, feature detect it.
-
-    // Adopted and modified solution from Bohdan Didukh (2017)
-    // https://stackoverflow.com/questions/41594997/ios-10-safari-prevent-scrolling-behind-a-fixed-overlay-and-maintain-scroll-posi
-
-    var hasPassiveEvents = false;
-    if (typeof window !== 'undefined') {
-      var passiveTestOptions = {
-        get passive() {
-          hasPassiveEvents = true;
-          return undefined;
-        }
-      };
-      window.addEventListener('testPassive', null, passiveTestOptions);
-      window.removeEventListener('testPassive', null, passiveTestOptions);
-    }
-
-    var isIosDevice = typeof window !== 'undefined' && window.navigator && window.navigator.platform && (/iP(ad|hone|od)/.test(window.navigator.platform) || window.navigator.platform === 'MacIntel' && window.navigator.maxTouchPoints > 1);
-
-
-    var locks = [];
-    var documentListenerAdded = false;
-    var initialClientY = -1;
-    var previousBodyOverflowSetting = void 0;
-    var previousBodyPaddingRight = void 0;
-
-    // returns true if `el` should be allowed to receive touchmove events.
-    var allowTouchMove$1 = function allowTouchMove(el) {
-      return locks.some(function (lock) {
-        if (lock.options.allowTouchMove && lock.options.allowTouchMove(el)) {
-          return true;
-        }
-
-        return false;
-      });
-    };
-
-    var preventDefault = function preventDefault(rawEvent) {
-      var e = rawEvent || window.event;
-
-      // For the case whereby consumers adds a touchmove event listener to document.
-      // Recall that we do document.addEventListener('touchmove', preventDefault, { passive: false })
-      // in disableBodyScroll - so if we provide this opportunity to allowTouchMove, then
-      // the touchmove event on document will break.
-      if (allowTouchMove$1(e.target)) {
-        return true;
-      }
-
-      // Do not prevent if the event has more than one touch (usually meaning this is a multi touch gesture like pinch to zoom).
-      if (e.touches.length > 1) return true;
-
-      if (e.preventDefault) e.preventDefault();
-
-      return false;
-    };
-
-    var setOverflowHidden = function setOverflowHidden(options) {
-      // If previousBodyPaddingRight is already set, don't set it again.
-      if (previousBodyPaddingRight === undefined) {
-        var _reserveScrollBarGap = !!options && options.reserveScrollBarGap === true;
-        var scrollBarGap = window.innerWidth - document.documentElement.clientWidth;
-
-        if (_reserveScrollBarGap && scrollBarGap > 0) {
-          previousBodyPaddingRight = document.body.style.paddingRight;
-          document.body.style.paddingRight = scrollBarGap + 'px';
-        }
-      }
-
-      // If previousBodyOverflowSetting is already set, don't set it again.
-      if (previousBodyOverflowSetting === undefined) {
-        previousBodyOverflowSetting = document.body.style.overflow;
-        document.body.style.overflow = 'hidden';
-      }
-    };
-
-    var restoreOverflowSetting = function restoreOverflowSetting() {
-      if (previousBodyPaddingRight !== undefined) {
-        document.body.style.paddingRight = previousBodyPaddingRight;
-
-        // Restore previousBodyPaddingRight to undefined so setOverflowHidden knows it
-        // can be set again.
-        previousBodyPaddingRight = undefined;
-      }
-
-      if (previousBodyOverflowSetting !== undefined) {
-        document.body.style.overflow = previousBodyOverflowSetting;
-
-        // Restore previousBodyOverflowSetting to undefined
-        // so setOverflowHidden knows it can be set again.
-        previousBodyOverflowSetting = undefined;
-      }
-    };
-
-    // https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollHeight#Problems_and_solutions
-    var isTargetElementTotallyScrolled = function isTargetElementTotallyScrolled(targetElement) {
-      return targetElement ? targetElement.scrollHeight - targetElement.scrollTop <= targetElement.clientHeight : false;
-    };
-
-    var handleScroll$1 = function handleScroll(event, targetElement) {
-      var clientY = event.targetTouches[0].clientY - initialClientY;
-
-      if (allowTouchMove$1(event.target)) {
-        return false;
-      }
-
-      if (targetElement && targetElement.scrollTop === 0 && clientY > 0) {
-        // element is at the top of its scroll.
-        return preventDefault(event);
-      }
-
-      if (isTargetElementTotallyScrolled(targetElement) && clientY < 0) {
-        // element is at the bottom of its scroll.
-        return preventDefault(event);
-      }
-
-      event.stopPropagation();
-      return true;
-    };
-
-    var disableBodyScroll = function disableBodyScroll(targetElement, options) {
-      // targetElement must be provided
-      if (!targetElement) {
-        // eslint-disable-next-line no-console
-        console.error('disableBodyScroll unsuccessful - targetElement must be provided when calling disableBodyScroll on IOS devices.');
-        return;
-      }
-
-      // disableBodyScroll must not have been called on this targetElement before
-      if (locks.some(function (lock) {
-        return lock.targetElement === targetElement;
-      })) {
-        return;
-      }
-
-      var lock = {
-        targetElement: targetElement,
-        options: options || {}
-      };
-
-      locks = [].concat(_toConsumableArray$1(locks), [lock]);
-
-      if (isIosDevice) {
-        targetElement.ontouchstart = function (event) {
-          if (event.targetTouches.length === 1) {
-            // detect single touch.
-            initialClientY = event.targetTouches[0].clientY;
-          }
-        };
-        targetElement.ontouchmove = function (event) {
-          if (event.targetTouches.length === 1) {
-            // detect single touch.
-            handleScroll$1(event, targetElement);
-          }
-        };
-
-        if (!documentListenerAdded) {
-          document.addEventListener('touchmove', preventDefault, hasPassiveEvents ? { passive: false } : undefined);
-          documentListenerAdded = true;
-        }
-      } else {
-        setOverflowHidden(options);
-      }
-    };
-
-    var clearAllBodyScrollLocks = function clearAllBodyScrollLocks() {
-      if (isIosDevice) {
-        // Clear all locks ontouchstart/ontouchmove handlers, and the references.
-        locks.forEach(function (lock) {
-          lock.targetElement.ontouchstart = null;
-          lock.targetElement.ontouchmove = null;
-        });
-
-        if (documentListenerAdded) {
-          document.removeEventListener('touchmove', preventDefault, hasPassiveEvents ? { passive: false } : undefined);
-          documentListenerAdded = false;
-        }
-
-        // Reset initial clientY.
-        initialClientY = -1;
-      } else {
-        restoreOverflowSetting();
-      }
-
-      locks = [];
-    };
-
-    var PreventBodyElementScrolling = /*#__PURE__*/function (_React$Component) {
-      _inheritsLoose__default["default"](PreventBodyElementScrolling, _React$Component);
-
-      function PreventBodyElementScrolling() {
-        return _React$Component.apply(this, arguments) || this;
-      }
-
-      var _proto = PreventBodyElementScrolling.prototype;
-
-      _proto.componentDidMount = function componentDidMount() {
-        var scrollableRef = this.props.scrollableRef;
-        var refs = Array.isArray(scrollableRef) ? scrollableRef : [scrollableRef];
-        refs.every(function (ref) {
-          if (ref && ref.current) {
-            disableBodyScroll(ref.current);
-          }
-        });
-      };
-
-      _proto.componentWillUnmount = function componentWillUnmount() {
-        clearAllBodyScrollLocks();
-      };
-
-      _proto.render = function render() {
-        var children = this.props.children;
-        return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, children);
-      };
-
-      return PreventBodyElementScrolling;
-    }(React__default["default"].Component);
-
     var convertPxToNumber = function convertPxToNumber(px) {
       return parseFloat(px);
     };
@@ -11253,7 +11034,7 @@
      * Small wrapper around `useLayoutEffect` to get rid of the warning on SSR envs
      */
 
-    var useIsomorphicLayoutEffect$3 = typeof window !== 'undefined' && window.document && window.document.createElement ? React__namespace.useLayoutEffect : React__namespace.useEffect;
+    var useIsomorphicLayoutEffect$4 = typeof window !== 'undefined' && window.document && window.document.createElement ? React__namespace.useLayoutEffect : React__namespace.useEffect;
 
     var top = 'top';
     var bottom = 'bottom';
@@ -13198,12 +12979,12 @@
         }
       }, [optionsWithDefaults.onFirstUpdate, optionsWithDefaults.placement, optionsWithDefaults.strategy, optionsWithDefaults.modifiers, updateStateModifier]);
       var popperInstanceRef = React__namespace.useRef();
-      useIsomorphicLayoutEffect$3(function () {
+      useIsomorphicLayoutEffect$4(function () {
         if (popperInstanceRef.current) {
           popperInstanceRef.current.setOptions(popperOptions);
         }
       }, [popperOptions]);
-      useIsomorphicLayoutEffect$3(function () {
+      useIsomorphicLayoutEffect$4(function () {
         if (referenceElement == null || popperElement == null) {
           return;
         }
@@ -18406,7 +18187,7 @@
       capture: false,
       passive: false
     };
-    function useScrollLock(_ref) {
+    function useScrollLock$1(_ref) {
       var isEnabled = _ref.isEnabled,
         _ref$accountForScroll = _ref.accountForScrollbars,
         accountForScrollbars = _ref$accountForScroll === void 0 ? true : _ref$accountForScroll;
@@ -18525,7 +18306,7 @@
         onTopArrive: onTopArrive,
         onTopLeave: onTopLeave
       });
-      var setScrollLockTarget = useScrollLock({
+      var setScrollLockTarget = useScrollLock$1({
         isEnabled: lockEnabled
       });
       var targetRef = function targetRef(element) {
@@ -24111,6 +23892,14 @@
       }), /*#__PURE__*/React__default["default"].createElement(Wrapper, null, errorMessage && /*#__PURE__*/React__default["default"].createElement(Text, null, errorMessage), mapErrorsToList(errorList), children)) : null;
     }
 
+    /**
+     * Returns the number from a [CSS dimension]{@link https://developer.mozilla.org/en-US/docs/Web/CSS/dimension}.
+     * @param {string} dimension - A css dimension
+     */
+    function numberFromDimension (dimension) {
+      return parseInt(String(dimension), 10);
+    }
+
     var getBorderColor = function getBorderColor(_ref) {
       var errored = _ref.errored,
           disabled = _ref.disabled,
@@ -24362,7 +24151,7 @@
           return Object.assign(Object.assign({}, provided), {
             minWidth: "fit-content",
             padding: 0,
-            maxHeight: parseInt(maxHeight, 10),
+            maxHeight: numberFromDimension(maxHeight),
             borderRadius: theme.radii.medium,
             marginTop: windowed ? "-4px" : 0,
             marginBottom: windowed ? "-4px" : 0
@@ -24742,7 +24531,7 @@
      * @param deps
      */
 
-    var useIsomorphicLayoutEffect$2 = /*#__PURE__*/canUseDOM() ? React.useLayoutEffect : React.useEffect;
+    var useIsomorphicLayoutEffect$3 = /*#__PURE__*/canUseDOM() ? React.useLayoutEffect : React.useEffect;
 
     /**
      * Forces a re-render, similar to `forceUpdate` in class components.
@@ -24817,7 +24606,7 @@
         }, [containerRef]);
       }
 
-      useIsomorphicLayoutEffect$2(function () {
+      useIsomorphicLayoutEffect$3(function () {
         // This ref may be null when a hot-loader replaces components on the page
         if (!mountNode.current) return; // It's possible that the content of the portal has, itself, been portaled.
         // In that case, it's important to append to the correct document element.
@@ -25138,7 +24927,7 @@
         return ref.facade;
     }
 
-    var useIsomorphicLayoutEffect$1 = typeof window !== 'undefined' ? React__namespace.useLayoutEffect : React__namespace.useEffect;
+    var useIsomorphicLayoutEffect$2 = typeof window !== 'undefined' ? React__namespace.useLayoutEffect : React__namespace.useEffect;
     var currentValues = new WeakMap();
     /**
      * Merges two or more refs together providing a single interface to set their value
@@ -25159,7 +24948,7 @@
             return refs.forEach(function (ref) { return assignRef(ref, newValue); });
         });
         // handle refs changes - added or removed
-        useIsomorphicLayoutEffect$1(function () {
+        useIsomorphicLayoutEffect$2(function () {
             var oldValue = currentValues.get(callbackRef);
             if (oldValue) {
                 var prevRefs_1 = new Set(oldValue);
@@ -27977,14 +27766,6 @@
       }))))))));
     }
 
-    /**
-     * Returns the number from a [CSS dimension]{@link https://developer.mozilla.org/en-US/docs/Web/CSS/dimension}.
-     * @param {string} dimension - A css dimension
-     */
-    function numberFromDimension (dimension) {
-      return parseInt(String(dimension), 10);
-    }
-
     var getMenuMargin = function getMenuMargin(placement, showArrow) {
       var direction = String(placement).split("-")[0];
 
@@ -29611,6 +29392,116 @@
       };
     });
 
+    var useIsomorphicLayoutEffect$1 = typeof window !== "undefined" ? React.useLayoutEffect : React.useEffect;
+    var IS_SERVER = typeof window === "undefined";
+    /**
+     * A custom hook that locks and unlocks scroll.
+     * @param {UseScrollLockOptions} [options] - Options to configure the hook, by default it will lock the scroll automatically.
+     * @returns {UseScrollLockReturn} - An object containing the lock and unlock functions.
+     * @public
+     * @see [Documentation](https://usehooks-ts.com/react-hook/use-scroll-lock)
+     * @example
+     * ```tsx
+     * // Lock the scroll when the modal is mounted, and unlock it when it's unmounted
+     * useScrollLock()
+     * ```
+     * @example
+     * ```tsx
+     * // Manually lock and unlock the scroll
+     * const { lock, unlock } = useScrollLock({ autoLock: false })
+     *
+     * return (
+     *  <div>
+     *   <button onClick={lock}>Lock</button>
+     *   <button onClick={unlock}>Unlock</button>
+     *  </div>
+     * )
+     * ```
+     */
+
+    function useScrollLock(options) {
+      if (options === void 0) {
+        options = {};
+      }
+
+      var _options = options,
+          _options$autoLock = _options.autoLock,
+          autoLock = _options$autoLock === void 0 ? true : _options$autoLock,
+          lockTarget = _options.lockTarget,
+          _options$widthReflow = _options.widthReflow,
+          widthReflow = _options$widthReflow === void 0 ? true : _options$widthReflow;
+
+      var _useState = React.useState(false),
+          isLocked = _useState[0],
+          setIsLocked = _useState[1];
+
+      var target = React.useRef(null);
+      var originalStyle = React.useRef(null);
+
+      var lock = function lock() {
+        if (target.current) {
+          var _target$current$style = target.current.style,
+              overflow = _target$current$style.overflow,
+              paddingRight = _target$current$style.paddingRight; // Save the original styles
+
+          originalStyle.current = {
+            overflow: overflow,
+            paddingRight: paddingRight
+          }; // Prevent width reflow
+
+          if (widthReflow) {
+            // Use window inner width if body is the target as global scrollbar isn't part of the document
+            var offsetWidth = target.current === document.body ? window.innerWidth : target.current.offsetWidth; // Get current computed padding right in pixels
+
+            var currentPaddingRight = parseInt(window.getComputedStyle(target.current).paddingRight, 10) || 0;
+            var scrollbarWidth = offsetWidth - target.current.scrollWidth;
+            target.current.style.paddingRight = scrollbarWidth + currentPaddingRight + "px";
+          } // Lock the scroll
+
+
+          target.current.style.overflow = "hidden";
+          setIsLocked(true);
+        }
+      };
+
+      var unlock = function unlock() {
+        if (target.current && originalStyle.current) {
+          target.current.style.overflow = originalStyle.current.overflow; // Only reset padding right if we changed it
+
+          if (widthReflow) {
+            target.current.style.paddingRight = originalStyle.current.paddingRight;
+          }
+        }
+
+        setIsLocked(false);
+      };
+
+      useIsomorphicLayoutEffect$1(function () {
+        if (IS_SERVER) return;
+
+        if (lockTarget) {
+          target.current = typeof lockTarget === "string" ? document.querySelector(lockTarget) : lockTarget;
+        }
+
+        if (!target.current) {
+          target.current = document.body;
+        }
+
+        if (autoLock) {
+          lock();
+        }
+
+        return function () {
+          unlock();
+        }; // eslint-disable-next-line react-hooks/exhaustive-deps
+      }, [autoLock, lockTarget, widthReflow]);
+      return {
+        isLocked: isLocked,
+        lock: lock,
+        unlock: unlock
+      };
+    }
+
     var borderStyle = "1px solid #e4e7eb";
     var BrandingWrap = styled__default["default"].div.withConfig({
       displayName: "MobileMenu__BrandingWrap",
@@ -29841,6 +29732,7 @@
           showNulogyLogo = _a.showNulogyLogo,
           props = __rest$3(_a, ["menuData", "closeMenu", "subtext", "themeColorObject", "showNulogyLogo"]);
 
+      useScrollLock();
       return /*#__PURE__*/React__default["default"].createElement(Nav, Object.assign({
         backgroundColor: themeColorObject && themeColorObject.background
       }, props), /*#__PURE__*/React__default["default"].createElement(BrandingWrap, null, /*#__PURE__*/React__default["default"].createElement(BrandingText, {
@@ -29997,13 +29889,13 @@
         "aria-expanded": ariaExpanded
       }), /*#__PURE__*/React__default["default"].createElement(MenuIcon, {
         isOpen: isOpen
-      }))))), isOpen && /*#__PURE__*/React__default["default"].createElement(PreventBodyElementScrolling, null, /*#__PURE__*/React__default["default"].createElement(MobileMenu, {
+      }))))), isOpen && /*#__PURE__*/React__default["default"].createElement(MobileMenu, {
         themeColorObject: themeColorObject,
         subtext: subtext,
         menuData: menuData,
         closeMenu: closeMenu,
         showNulogyLogo: showNulogyLogo
-      })));
+      }));
     };
     /* eslint-enable react/destructuring-assignment */
 
@@ -45493,6 +45385,9 @@
       var sideBarRef = React.useRef(null);
       var contentRef = React.useRef(null);
       var selectedWidth = (_b = sidebarWidths[width]) !== null && _b !== void 0 ? _b : width;
+      useScrollLock({
+        autoLock: overlay && disableScroll && isOpen
+      });
       React.useEffect(function () {
         var _a;
 
@@ -45623,9 +45518,7 @@
         width: "100%",
         p: p,
         pt: "x2"
-      }, footer), overlay && disableScroll && isOpen && /*#__PURE__*/React__default["default"].createElement(PreventBodyElementScrolling, {
-        scrollRef: sideBarRef
-      })));
+      }, footer)));
     }
 
     function LoadingAnimation(_ref) {
@@ -47683,7 +47576,7 @@
           footerContent = _ref4.footerContent,
           closeAriaLabel = _ref4.closeAriaLabel,
           parentSelector = _ref4.parentSelector;
-      var modalHasHeader = onRequestClose || title;
+      var modalHasHeader = Boolean(onRequestClose || title);
       var themeContext = React.useContext(styled.ThemeContext);
       return /*#__PURE__*/React__default["default"].createElement(StyledReactModal, {
         maxWidth: maxWidth,
@@ -47709,22 +47602,40 @@
         appElement: appElement,
         ariaHideApp: ariaHideApp,
         parentSelector: parentSelector
-      }, /*#__PURE__*/React__default["default"].createElement(PreventBodyElementScrolling, null, modalHasHeader && /*#__PURE__*/React__default["default"].createElement(ModalHeader, {
+      }, /*#__PURE__*/React__default["default"].createElement(ModalWrapper, {
+        closeAriaLabel: closeAriaLabel,
+        modalHasHeader: modalHasHeader,
+        title: title,
+        onRequestClose: onRequestClose,
+        footerContent: footerContent
+      }, children));
+    };
+
+    function ModalWrapper(_ref5) {
+      var modalHasHeader = _ref5.modalHasHeader,
+          title = _ref5.title,
+          onRequestClose = _ref5.onRequestClose,
+          closeAriaLabel = _ref5.closeAriaLabel,
+          children = _ref5.children,
+          footerContent = _ref5.footerContent;
+      var theme = styled.useTheme();
+      useScrollLock();
+      return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, modalHasHeader && /*#__PURE__*/React__default["default"].createElement(ModalHeader, {
         hasCloseButton: Boolean(onRequestClose)
       }, title ? /*#__PURE__*/React__default["default"].createElement(Heading2, {
         id: "modal-title",
         mb: "none"
       }, title) : /*#__PURE__*/React__default["default"].createElement("div", {
         style: {
-          height: themeContext.space.x4
+          height: theme.space.x4
         }
       }), onRequestClose && /*#__PURE__*/React__default["default"].createElement(ModalCloseButton, {
         onClick: onRequestClose,
         "aria-label": closeAriaLabel
       })), /*#__PURE__*/React__default["default"].createElement(ModalContent, {
         hasFooter: !!footerContent
-      }, children), footerContent && /*#__PURE__*/React__default["default"].createElement(ModalFooter, null, footerContent)));
-    };
+      }, children), footerContent && /*#__PURE__*/React__default["default"].createElement(ModalFooter, null, footerContent));
+    }
 
     Modal.setAppElement = ReactModal.setAppElement;
 
@@ -53085,12 +52996,10 @@
     }
 
     var NDSSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
-      var autocomplete = _a.autocomplete,
-          value = _a.value,
+      var value = _a.value,
           _onChange = _a.onChange,
           defaultValue = _a.defaultValue,
           labelText = _a.labelText,
-          required = _a.required,
           requirementText = _a.requirementText,
           helpText = _a.helpText,
           disabled = _a.disabled,
@@ -53098,14 +53007,28 @@
           errorList = _a.errorList,
           id = _a.id,
           initialIsOpen = _a.initialIsOpen,
-          maxHeight = _a.maxHeight,
           multiselect = _a.multiselect,
           placeholder = _a.placeholder,
           components = _a.components,
-          windowThreshold = _a.windowThreshold,
           options = _a.options,
           styles = _a.styles,
-          props = __rest$3(_a, ["autocomplete", "value", "onChange", "defaultValue", "labelText", "required", "requirementText", "helpText", "disabled", "errorMessage", "errorList", "id", "initialIsOpen", "maxHeight", "multiselect", "placeholder", "components", "windowThreshold", "options", "styles"]);
+          _a$windowThreshold = _a.windowThreshold,
+          windowThreshold = _a$windowThreshold === void 0 ? 300 : _a$windowThreshold,
+          _a$autocomplete = _a.autocomplete,
+          autocomplete = _a$autocomplete === void 0 ? true : _a$autocomplete,
+          _a$maxHeight = _a.maxHeight,
+          maxHeight = _a$maxHeight === void 0 ? "248px" : _a$maxHeight,
+          _a$required = _a.required,
+          required = _a$required === void 0 ? false : _a$required,
+          _a$menuPosition = _a.menuPosition,
+          menuPosition = _a$menuPosition === void 0 ? "absolute" : _a$menuPosition,
+          _a$menuPlacement = _a.menuPlacement,
+          menuPlacement = _a$menuPlacement === void 0 ? "bottom" : _a$menuPlacement,
+          _a$classNamePrefix = _a.classNamePrefix,
+          classNamePrefix = _a$classNamePrefix === void 0 ? "ndsSelect" : _a$classNamePrefix,
+          _a$closeMenuOnSelect = _a.closeMenuOnSelect,
+          closeMenuOnSelect = _a$closeMenuOnSelect === void 0 ? true : _a$closeMenuOnSelect,
+          props = __rest$3(_a, ["value", "onChange", "defaultValue", "labelText", "requirementText", "helpText", "disabled", "errorMessage", "errorList", "id", "initialIsOpen", "multiselect", "placeholder", "components", "options", "styles", "windowThreshold", "autocomplete", "maxHeight", "required", "menuPosition", "menuPlacement", "classNamePrefix", "closeMenuOnSelect"]);
 
       var _useTranslation = useTranslation(),
           t = _useTranslation.t;
@@ -53168,7 +53091,12 @@
           Input: SelectInput
         }, isWindowed ? {
           MenuList: MenuList
-        } : {}), components)
+        } : {}), components),
+        closeMenuOnSelect: closeMenuOnSelect,
+        classNamePrefix: classNamePrefix,
+        menuPosition: menuPosition,
+        menuPlacement: menuPlacement,
+        maxMenuHeight: numberFromDimension(maxHeight)
       }, props)), /*#__PURE__*/React__default["default"].createElement(InlineValidation, {
         mt: "x1",
         errorMessage: errorMessage,