@hyphen/hyphen-components 2.16.1 → 2.16.3

package/dist/components/SelectInput/SelectInput.d.ts

@@ -29,6 +29,10 @@ export interface SelectInputProps {
      * The value(s) of select.
      */
     value: any | any[];
+    /**
+     * Options for dropdown list.
+     */
+    options: SelectInputOptions | AsyncOptions;
     /**
      * Autofocus select input on render.
      */
@@ -50,6 +54,10 @@ export interface SelectInputProps {
      * Visually hide the label.
      */
     hideLabel?: boolean;
+    /**
+     * Load the input asynchronously.
+     */
+    isAsync?: boolean;
     /**
      * If the input value is clearable programmatically.
      */

package/dist/hyphen-components.cjs.development.js

@@ -2009,7 +2009,8 @@ var Drawer = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     }
   }, React.createElement(Box, {
     "aria-label": ariaLabel,
-    "aria-labelledby": ariaLabelledBy
+    "aria-labelledby": ariaLabelledBy,
+    height: "100%"
   }, renderHeader(), content)))));
 });
 
@@ -2303,14 +2304,15 @@ function SelectInput(props) {
     }));
   };
   var Component = isCreatable && isAsync ? AsyncCreatableSelect : isCreatable ? CreatableSelect : isAsync ? AsyncSelect : Select;
-  return React.createElement(Box, {
-    width: "100%",
-    className: wrapperClasses
-  }, label && !hideLabel && React.createElement(FormLabel, _extends({}, labelProps), label), React.createElement(Component, _extends({}, restProps, isAsync ? {
+  var selectOptions = isAsync ? {
     loadOptions: options
   } : {
     options: options
-  }, {
+  };
+  return React.createElement(Box, {
+    width: "100%",
+    className: wrapperClasses
+  }, label && !hideLabel && React.createElement(FormLabel, _extends({}, labelProps), label), React.createElement(Component, _extends({}, restProps, selectOptions, {
     inputId: id,
     "aria-label": label,
     components: {