@loadsmart/loadsmart-ui 5.8.1 → 5.9.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loadsmart/loadsmart-ui",
-  "version": "5.8.1",
+  "version": "5.9.0",
   "description": "Miranda UI, a React UI library",
   "main": "dist",
   "files": [

package/src/components/Select/Select.test.tsx

@@ -881,6 +881,28 @@ describe('Select', () => {
         expect(await screen.findByText(/add item/i)).toBeVisible()
       }
     )
+
+    it.each([[{ multiple: false }], [{ multiple: true }]])(
+      'show creatable option on the list even when option list is empty - %s',
+      async (args) => {
+        const CreatableOption = () => {
+          return <Select.CreatableOption>Add item</Select.CreatableOption>
+        }
+
+        setup({
+          ...args,
+          isValidNewOption: true,
+          createOptionPosition: 'first',
+          options: [],
+          components: {
+            CreatableOption,
+          },
+        })
+
+        await expandSelect(true)
+        expect(await screen.findByText(/add item/i)).toBeVisible()
+      }
+    )
   })
 
   describe('Creatable Async', () => {

package/src/components/Select/useSelect.ts

@@ -239,8 +239,14 @@ function useSelect(props: SelectProps): useSelectReturn {
   const options = useOptions({ datasources, adapters })
 
   const expandDisabled = useMemo(
-    () => !query.length && isEmpty(options.get()) && isEmpty(selectable.selected),
-    [query, options, selectable.selected]
+    () =>
+      !query.length &&
+      isEmpty(options.get()) &&
+      isEmpty(selectable.selected) &&
+      isFunction(isValidNewOption)
+        ? !isValidNewOption(query)
+        : !isValidNewOption,
+    [query, options, selectable.selected, isValidNewOption]
   )
 
   const dropdown = useDropdown({ ...props, expandDisabled })