@dhis2-ui/select 10.10.1 → 10.11.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dhis2-ui/select",
-    "version": "10.10.1",
+    "version": "10.11.0",
     "description": "UI Select",
     "repository": {
         "type": "git",
@@ -33,21 +33,21 @@
         "styled-jsx": "^4"
     },
     "dependencies": {
-        "@dhis2-ui/box": "10.10.1",
-        "@dhis2-ui/button": "10.10.1",
-        "@dhis2-ui/card": "10.10.1",
-        "@dhis2-ui/checkbox": "10.10.1",
-        "@dhis2-ui/chip": "10.10.1",
-        "@dhis2-ui/field": "10.10.1",
-        "@dhis2-ui/input": "10.10.1",
-        "@dhis2-ui/layer": "10.10.1",
-        "@dhis2-ui/loader": "10.10.1",
-        "@dhis2-ui/popper": "10.10.1",
-        "@dhis2-ui/status-icon": "10.10.1",
-        "@dhis2-ui/tooltip": "10.10.1",
+        "@dhis2-ui/box": "10.11.0",
+        "@dhis2-ui/button": "10.11.0",
+        "@dhis2-ui/card": "10.11.0",
+        "@dhis2-ui/checkbox": "10.11.0",
+        "@dhis2-ui/chip": "10.11.0",
+        "@dhis2-ui/field": "10.11.0",
+        "@dhis2-ui/input": "10.11.0",
+        "@dhis2-ui/layer": "10.11.0",
+        "@dhis2-ui/loader": "10.11.0",
+        "@dhis2-ui/popper": "10.11.0",
+        "@dhis2-ui/status-icon": "10.11.0",
+        "@dhis2-ui/tooltip": "10.11.0",
         "@dhis2/prop-types": "^3.1.2",
-        "@dhis2/ui-constants": "10.10.1",
-        "@dhis2/ui-icons": "10.10.1",
+        "@dhis2/ui-constants": "10.11.0",
+        "@dhis2/ui-icons": "10.11.0",
         "classnames": "^2.3.1",
         "prop-types": "^15.7.2"
     },

package/types/index.d.ts

@@ -323,7 +323,7 @@ type SimpleSingleSelectCustomOptionProp = (props: {
 
 export interface SimpleSingleSelectProps {
     /** necessary for IDs that are required for accessibility **/
-    name: string.isRequired
+    name: string
 
     /** An array of options **/
     options: Array<{
@@ -350,7 +350,7 @@ export interface SimpleSingleSelectProps {
 
     /** Allows to override what's rendered inside the `button[role="option"]`.
      * Can be overriden on an individual option basis **/
-    customOption?: SimpleSingleSelectCustomOptionProp
+    optionComponent?: SimpleSingleSelectCustomOptionProp
 
     /** A value for a `data-test` attribute on the root element **/
     dataTest?: string
@@ -382,6 +382,11 @@ export interface SimpleSingleSelectProps {
     /** Whether the select should display a filter input **/
     filterable?: boolean
 
+    /**
+     * Constrains the height of the input
+     */
+    inputMaxHeight?: string | number
+
     /** Should contain the id of the element that labels the select, if applicable **/
     labelledBy?: string
 
@@ -391,7 +396,7 @@ export interface SimpleSingleSelectProps {
     /** Text that will be displayed next to the loading indicator **/
     menuLoadingText?: string
 
-    /** Allows to modify the max height of the menu **/
+    /** Allows to modify the max height of the menu - Default is 288px **/
     menuMaxHeight?: string
 
     /** String that will be displayed when the select is being filtered but the options array is empty **/
@@ -412,8 +417,10 @@ export interface SimpleSingleSelectProps {
     /** Applies 'valid' appearance for validation feedback. Mutually exclusive with `warning` and `valid` props **/
     valid?: boolean
 
-    /** As of now, this component does not support being uncontrolled **/
-    value?: string
+    selected?: {
+        label: string
+        value: string
+    }
 
     /**
      * When the option is not in the options list (e.g. not loaded or list is
@@ -428,6 +435,9 @@ export interface SimpleSingleSelectProps {
     /** Will be called when the combobox is loses focus **/
     onBlur?: (e: React.FocusEvent<HTMLElement>) => void
 
+    /** Will be called when the combobox is loses focus **/
+    onClear?: () => void
+
     /** Will be called when the last option is scrolled into the visible area **/
     onEndReached?: () => void