agroptima-design-system 1.1.1 → 1.1.2-beta.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agroptima-design-system",
-  "version": "1.1.1",
+  "version": "1.1.2-beta.0",
   "scripts": {
     "dev": "npm run storybook",
     "storybook": "storybook dev -p 6006 --ci",

package/src/atoms/Select/InfiniteSelect.tsx

@@ -20,10 +20,8 @@ export type Payload = {
   page_size?: string
 }
 
-export interface InfiniteSelectProps<T> extends Omit<
-  BaseSelectProps,
-  'defaultValue' | 'isEmpty' | 'children'
-> {
+export interface InfiniteSelectProps<T>
+  extends Omit<BaseSelectProps, 'defaultValue' | 'isEmpty' | 'children'> {
   id?: string
   name?: string
   label: string
@@ -39,7 +37,7 @@ export interface InfiniteSelectProps<T> extends Omit<
   query: (payload: Payload) => Promise<{ items: T[]; totalPages: number }>
   errors?: string[]
   fullWidth?: boolean
-  onChange?: (value: T) => void
+  onChange?: (value: T | null) => void
 }
 
 export function InfiniteSelect<T extends { uid: string }>({
@@ -90,6 +88,7 @@ export function InfiniteSelect<T extends { uid: string }>({
 
   const handleClear = () => {
     setSelectedItem(null)
+    onChange(null)
   }
   const handleSelectOption = (item: T) => {
     // TODO: MultiSelect case

package/src/atoms/Select/Select.tsx

@@ -8,10 +8,8 @@ import { SelectTrigger } from './SelectTrigger'
 
 export type Option = { id: string; label: string }
 
-export interface SelectProps extends Omit<
-  BaseSelectProps,
-  'isEmpty' | 'children'
-> {
+export interface SelectProps
+  extends Omit<BaseSelectProps, 'isEmpty' | 'children'> {
   placeholder?: string
   options: Option[]
   label: string

package/src/stories/InfiniteSelect.stories.ts

@@ -140,6 +140,9 @@ export const Primary: Story = {
       return item.name || ''
     },
     query: fakeQuery,
+    onChange: (value) => {
+      console.log('selected', value)
+    },
   },
   parameters: figmaPrimaryDesign,
 }