freemium-ui 2.0.0-beta.22 → 2.0.0-beta.23

package/index.cjs.js

@@ -3634,7 +3634,7 @@ className:"SelectScrollButton"},e.createElement(rr,{fill:n.colors.text.primary
 })))))),w&&z&&e.createElement(vc,null,z))
 },rm=({itemIdentifier:t="id",label:n,id:r,items:a=[],placeholder:o,readOnly:i=!1,disabled:l=!1,isRequired:c=!1,hideClear:s=!1,itemToString:u,name:d,filterKey:h,width:p,customValues:f,onCustomValueAdd:m,itemComponent:v,emptyItemsText:g,getCustomMessage:y,onChange:b,useComboboxProps:w,isErrored:C,errorText:z,defaultSelectedItem:M,isMenuLoading:x})=>{
 const E=qt(),[S,_]=e.useState(a),{isOpen:H,selectedItem:D,getToggleButtonProps:L,getLabelProps:V,getMenuProps:A,openMenu:k,highlightedIndex:T,setHighlightedIndex:R,setInputValue:P,inputValue:I,getItemProps:O,getInputProps:N}=ff({
-selectedItem:M,items:S,isOpen:!0,onSelectedItemChange:({selectedItem:e})=>{
+selectedItem:M,items:S,onSelectedItemChange:({selectedItem:e})=>{
 console.log("onSelectedItemChange",{sI:e}),b?.(e??null)},
 onIsOpenChange:({isOpen:e})=>{
 if(e&&(""===I||D&&h&&(I||"").toLowerCase()===`${D?.[h||t]||""}`.toLowerCase()))_(a),

package/index.d.ts

@@ -6,7 +6,7 @@ import { PopperContentProps } from '@radix-ui/react-popover';
 import { RadioGroupProps as RadioGroupProps$1, RadioGroupContextValue } from '@radix-ui/react-radio-group';
 import { CheckboxProps as CheckboxProps$1 } from '@radix-ui/react-checkbox';
 import * as Select from '@radix-ui/react-select';
-import { SelectProps } from '@radix-ui/react-select';
+import { SelectProps, SelectItemProps } from '@radix-ui/react-select';
 export { Item as RadixSelectItem } from '@radix-ui/react-select';
 import * as styled_components from 'styled-components';
 import * as styled_components_dist_types from 'styled-components/dist/types';
@@ -355,6 +355,9 @@ type StyledListItemType = {
     isSelected?: boolean;
     isHilighted?: boolean;
 };
+type DropdownInputItemProps = React.LiHTMLAttributes<HTMLLIElement> & StyledListItemType & {
+    key: string;
+};
 type PickedSelectProps = Pick<SelectProps, 'name' | 'disabled' | 'value'>;
 interface DropdownProps<T extends DefaultDropdownItem = DefaultDropdownItem> extends PickedSelectProps {
     /**
@@ -466,7 +469,11 @@ interface DropdownProps<T extends DefaultDropdownItem = DefaultDropdownItem> ext
      *
      */
     useComboboxProps?: UseComboboxProps<T>;
+    itemComponent?: (item: T, props?: DropdownItemProps | DropdownInputItemProps) => React.ReactNode | string;
 }
+type DropdownItemProps = SelectItemProps & {
+    showTick: boolean;
+};
 
 declare const ListItem: styled_components.IStyledComponent<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, StyledListItemType>>;
 

package/index.js

@@ -3624,7 +3624,7 @@ className:"SelectScrollButton"},t.createElement(xr,{fill:n.colors.text.primary
 })))))),w&&z&&t.createElement(Oc,null,z))
 },Dm=({itemIdentifier:e="id",label:n,id:r,items:a=[],placeholder:o,readOnly:i=!1,disabled:l=!1,isRequired:c=!1,hideClear:s=!1,itemToString:u,name:d,filterKey:h,width:p,customValues:f,onCustomValueAdd:m,itemComponent:v,emptyItemsText:g,getCustomMessage:y,onChange:b,useComboboxProps:w,isErrored:C,errorText:z,defaultSelectedItem:M,isMenuLoading:x})=>{
 const S=vn(),[E,_]=t.useState(a),{isOpen:H,selectedItem:D,getToggleButtonProps:L,getLabelProps:V,getMenuProps:A,openMenu:k,highlightedIndex:T,setHighlightedIndex:P,setInputValue:I,inputValue:R,getItemProps:O,getInputProps:N}=Nf({
-selectedItem:M,items:E,isOpen:!0,onSelectedItemChange:({selectedItem:e})=>{
+selectedItem:M,items:E,onSelectedItemChange:({selectedItem:e})=>{
 console.log("onSelectedItemChange",{sI:e}),b?.(e??null)},
 onIsOpenChange:({isOpen:t})=>{
 if(t&&(""===R||D&&h&&(R||"").toLowerCase()===`${D?.[h||e]||""}`.toLowerCase()))_(a),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "freemium-ui",
-  "version": "2.0.0-beta.22",
+  "version": "2.0.0-beta.23",
   "description": "React Ui Components for Freemium Apps",
   "main": "./index.js",
   "module": "./index.js",