@nulogy/components 13.1.4 → 13.1.6

package/dist/main.js

@@ -23892,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,
@@ -24143,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
@@ -27758,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];
 
@@ -52996,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,
@@ -53009,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;
@@ -53079,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,

package/dist/main.module.js

@@ -23875,6 +23875,14 @@ function InlineValidation(_a) {
   }), /*#__PURE__*/React__default.createElement(Wrapper, null, errorMessage && /*#__PURE__*/React__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,
@@ -24126,7 +24134,7 @@ var customStyles = function customStyles(_ref6) {
       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
@@ -27741,14 +27749,6 @@ function BottomSheet(_a) {
   }))))))));
 }
 
-/**
- * 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];
 
@@ -52979,12 +52979,10 @@ function MenuItem$1(_ref4) {
 }
 
 var NDSSelect = /*#__PURE__*/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,
@@ -52992,14 +52990,28 @@ var NDSSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
       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;
@@ -53062,7 +53074,12 @@ var NDSSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
       Input: SelectInput
     }, isWindowed ? {
       MenuList: MenuList
-    } : {}), components)
+    } : {}), components),
+    closeMenuOnSelect: closeMenuOnSelect,
+    classNamePrefix: classNamePrefix,
+    menuPosition: menuPosition,
+    menuPlacement: menuPlacement,
+    maxMenuHeight: numberFromDimension(maxHeight)
   }, props)), /*#__PURE__*/React__default.createElement(InlineValidation, {
     mt: "x1",
     errorMessage: errorMessage,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nulogy/components",
-  "version": "13.1.4",
+  "version": "13.1.6",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
   "publishConfig": {
@@ -97,6 +97,7 @@
     "@types/react": "^17.0.39",
     "@types/react-datepicker": "^4.1.0",
     "@types/react-dom": "^17.0.20",
+    "@types/react-router-dom": "5.3.0",
     "@typescript-eslint/eslint-plugin": "^4.0.0",
     "@typescript-eslint/parser": "^5.30.5",
     "@wojtekmaj/enzyme-adapter-react-17": "^0.8.0",
@@ -155,7 +156,6 @@
     "@reach/dialog": "0.17.0",
     "@styled-system/prop-types": "^5.1.4",
     "@styled-system/theme-get": "^5.1.2",
-    "@types/react-router-dom": "5.3.0",
     "@types/react-window": "^1.8.8",
     "@types/styled-system": "5.1.22",
     "body-scroll-lock": "^3.1.5",