@kaushverse/pickify 1.2.6 → 1.2.8

package/dist/index.d.mts

@@ -2,7 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import React$1 from 'react';
 import { TextStyle, ViewStyle, Animated } from 'react-native';
 
-type IconRenderer = (props: {
+type IconRenderer$1 = (props: {
     name?: string;
     size?: number;
     color?: string;
@@ -52,7 +52,7 @@ type Props$1 = {
     renderTab?: (tab: Group, isActive: boolean, onPress: () => void) => React$1.ReactNode;
     renderItem?: (item: Option, isSelected: boolean) => React$1.ReactNode;
     renderContainer?: (children: React$1.ReactNode) => React$1.ReactNode;
-    renderIcon?: IconRenderer;
+    renderIcon?: IconRenderer$1;
     onSelect: (value: string) => void;
     onClose: () => void;
 };
@@ -82,7 +82,7 @@ type MultiPickerItemProps = {
     label: string;
     selected: boolean;
     onPress: () => void;
-    renderItemIcon?: IconRenderer;
+    renderItemIcon?: IconRenderer$1;
     styles?: MultiPickerItemStyles;
 };
 type MultiPickerGroupStyles = {
@@ -95,7 +95,7 @@ type MultiPickerGroupStyles = {
 type MultiPickerGroupProps = {
     label: string;
     children: React.ReactNode;
-    renderGroupIcon?: IconRenderer;
+    renderGroupIcon?: IconRenderer$1;
     styles?: MultiPickerGroupStyles;
     defaultOpen: boolean;
 };
@@ -121,14 +121,19 @@ type MultiPickerProps = {
     label?: string;
     placeholder?: string;
     error?: string;
-    renderInputIcon?: IconRenderer;
-    renderGroupIcon?: IconRenderer;
-    renderItemIcon?: IconRenderer;
+    renderInputIcon?: IconRenderer$1;
+    renderGroupIcon?: IconRenderer$1;
+    renderItemIcon?: IconRenderer$1;
     styles?: MultiPickerStyles;
 };
 
 declare function MultiPickerModal({ visible, setVisible, selectedValues, options, groups, onChange, label, placeholder, error, renderInputIcon, renderGroupIcon, renderItemIcon, styles, }: MultiPickerProps): react_jsx_runtime.JSX.Element;
 
+type IconRenderer = (props: {
+    name: string;
+    size: number;
+    color: string;
+}) => React$1.ReactNode;
 type Action = {
     icon: string;
     onPress?: () => void;
@@ -142,23 +147,48 @@ type FloatingButtonStyles = {
     secondaryButton?: ViewStyle;
     circleContainer?: ViewStyle;
 };
-type Props = {
+type FloatingButtonProps = {
+    /** List of actions to display when menu is open */
     actions: Action[];
+    /** Layout direction: vertical, horizontal, or circle */
     mode?: "vertical" | "horizontal" | "circle";
+    /** Radius for circle mode (distance from main button) */
     radius?: number;
+    /** Custom renderer for the main icon */
     renderMainIcon?: IconRenderer;
+    /** Custom renderer for action icons */
     renderItemIcon?: IconRenderer;
+    /** Custom styles for different parts */
     styles?: FloatingButtonStyles;
+    /** Additional style for the container */
     style?: ViewStyle;
+    /** Name of the main icon (default: 'add') */
     mainIconName?: string;
-};
-declare class FloatingButton extends React$1.Component<Props> {
-    animation: Animated.Value;
-    open: boolean;
+    /** Controls menu open state (optional, for controlled mode) */
+    open?: boolean;
+    /** Callback when menu opens/closes */
+    onToggle?: (isOpen: boolean) => void;
+    /** Animation configuration (optional) */
+    animationConfig?: Partial<Animated.SpringAnimationConfig>;
+};
+type FloatingButtonRef = {
+    openMenu: () => void;
+    closeMenu: () => void;
     toggleMenu: () => void;
-    renderAction: (action: Action, index: number) => react_jsx_runtime.JSX.Element;
-    render(): react_jsx_runtime.JSX.Element;
-}
+};
+declare const FloatingButton: React$1.ForwardRefExoticComponent<FloatingButtonProps & React$1.RefAttributes<FloatingButtonRef>>;
+
+type SearchItem = {
+    text: string;
+    color?: string;
+};
+type Props = {
+    data: SearchItem[];
+    onSearch?: (text: string) => void;
+    renderLeftIcon: () => React$1.ReactNode;
+    renderRightIcons?: () => React$1.ReactNode;
+};
+declare function AnimatedSearchBar({ data, onSearch, renderLeftIcon, renderRightIcons, }: Props): react_jsx_runtime.JSX.Element;
 
 declare function MultiPickerItem({ label, selected, onPress, renderItemIcon, styles: customStyles, }: MultiPickerItemProps): react_jsx_runtime.JSX.Element;
 
@@ -168,4 +198,4 @@ declare const toggleValue: (arr: string[], value: string) => string[];
 
 declare const groupOptions: (options: Option[], config: Record<string, string[]>) => Group[];
 
-export { FloatingButton, type Group, type MultiGroup, type MultiOption, MultiPickerGroup, type MultiPickerGroupProps, type MultiPickerGroupStyles, MultiPickerItem, type MultiPickerItemProps, type MultiPickerItemStyles, MultiPickerModal, type MultiPickerProps, type MultiPickerStyles, type Option, PickerModal, type PickerStyles, type Props$1 as Props, type Theme, groupOptions, toggleValue };
+export { AnimatedSearchBar, FloatingButton, type Group, type MultiGroup, type MultiOption, MultiPickerGroup, type MultiPickerGroupProps, type MultiPickerGroupStyles, MultiPickerItem, type MultiPickerItemProps, type MultiPickerItemStyles, MultiPickerModal, type MultiPickerProps, type MultiPickerStyles, type Option, PickerModal, type PickerStyles, type Props$1 as Props, type Theme, groupOptions, toggleValue };

package/dist/index.d.ts

@@ -2,7 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import React$1 from 'react';
 import { TextStyle, ViewStyle, Animated } from 'react-native';
 
-type IconRenderer = (props: {
+type IconRenderer$1 = (props: {
     name?: string;
     size?: number;
     color?: string;
@@ -52,7 +52,7 @@ type Props$1 = {
     renderTab?: (tab: Group, isActive: boolean, onPress: () => void) => React$1.ReactNode;
     renderItem?: (item: Option, isSelected: boolean) => React$1.ReactNode;
     renderContainer?: (children: React$1.ReactNode) => React$1.ReactNode;
-    renderIcon?: IconRenderer;
+    renderIcon?: IconRenderer$1;
     onSelect: (value: string) => void;
     onClose: () => void;
 };
@@ -82,7 +82,7 @@ type MultiPickerItemProps = {
     label: string;
     selected: boolean;
     onPress: () => void;
-    renderItemIcon?: IconRenderer;
+    renderItemIcon?: IconRenderer$1;
     styles?: MultiPickerItemStyles;
 };
 type MultiPickerGroupStyles = {
@@ -95,7 +95,7 @@ type MultiPickerGroupStyles = {
 type MultiPickerGroupProps = {
     label: string;
     children: React.ReactNode;
-    renderGroupIcon?: IconRenderer;
+    renderGroupIcon?: IconRenderer$1;
     styles?: MultiPickerGroupStyles;
     defaultOpen: boolean;
 };
@@ -121,14 +121,19 @@ type MultiPickerProps = {
     label?: string;
     placeholder?: string;
     error?: string;
-    renderInputIcon?: IconRenderer;
-    renderGroupIcon?: IconRenderer;
-    renderItemIcon?: IconRenderer;
+    renderInputIcon?: IconRenderer$1;
+    renderGroupIcon?: IconRenderer$1;
+    renderItemIcon?: IconRenderer$1;
     styles?: MultiPickerStyles;
 };
 
 declare function MultiPickerModal({ visible, setVisible, selectedValues, options, groups, onChange, label, placeholder, error, renderInputIcon, renderGroupIcon, renderItemIcon, styles, }: MultiPickerProps): react_jsx_runtime.JSX.Element;
 
+type IconRenderer = (props: {
+    name: string;
+    size: number;
+    color: string;
+}) => React$1.ReactNode;
 type Action = {
     icon: string;
     onPress?: () => void;
@@ -142,23 +147,48 @@ type FloatingButtonStyles = {
     secondaryButton?: ViewStyle;
     circleContainer?: ViewStyle;
 };
-type Props = {
+type FloatingButtonProps = {
+    /** List of actions to display when menu is open */
     actions: Action[];
+    /** Layout direction: vertical, horizontal, or circle */
     mode?: "vertical" | "horizontal" | "circle";
+    /** Radius for circle mode (distance from main button) */
     radius?: number;
+    /** Custom renderer for the main icon */
     renderMainIcon?: IconRenderer;
+    /** Custom renderer for action icons */
     renderItemIcon?: IconRenderer;
+    /** Custom styles for different parts */
     styles?: FloatingButtonStyles;
+    /** Additional style for the container */
     style?: ViewStyle;
+    /** Name of the main icon (default: 'add') */
     mainIconName?: string;
-};
-declare class FloatingButton extends React$1.Component<Props> {
-    animation: Animated.Value;
-    open: boolean;
+    /** Controls menu open state (optional, for controlled mode) */
+    open?: boolean;
+    /** Callback when menu opens/closes */
+    onToggle?: (isOpen: boolean) => void;
+    /** Animation configuration (optional) */
+    animationConfig?: Partial<Animated.SpringAnimationConfig>;
+};
+type FloatingButtonRef = {
+    openMenu: () => void;
+    closeMenu: () => void;
     toggleMenu: () => void;
-    renderAction: (action: Action, index: number) => react_jsx_runtime.JSX.Element;
-    render(): react_jsx_runtime.JSX.Element;
-}
+};
+declare const FloatingButton: React$1.ForwardRefExoticComponent<FloatingButtonProps & React$1.RefAttributes<FloatingButtonRef>>;
+
+type SearchItem = {
+    text: string;
+    color?: string;
+};
+type Props = {
+    data: SearchItem[];
+    onSearch?: (text: string) => void;
+    renderLeftIcon: () => React$1.ReactNode;
+    renderRightIcons?: () => React$1.ReactNode;
+};
+declare function AnimatedSearchBar({ data, onSearch, renderLeftIcon, renderRightIcons, }: Props): react_jsx_runtime.JSX.Element;
 
 declare function MultiPickerItem({ label, selected, onPress, renderItemIcon, styles: customStyles, }: MultiPickerItemProps): react_jsx_runtime.JSX.Element;
 
@@ -168,4 +198,4 @@ declare const toggleValue: (arr: string[], value: string) => string[];
 
 declare const groupOptions: (options: Option[], config: Record<string, string[]>) => Group[];
 
-export { FloatingButton, type Group, type MultiGroup, type MultiOption, MultiPickerGroup, type MultiPickerGroupProps, type MultiPickerGroupStyles, MultiPickerItem, type MultiPickerItemProps, type MultiPickerItemStyles, MultiPickerModal, type MultiPickerProps, type MultiPickerStyles, type Option, PickerModal, type PickerStyles, type Props$1 as Props, type Theme, groupOptions, toggleValue };
+export { AnimatedSearchBar, FloatingButton, type Group, type MultiGroup, type MultiOption, MultiPickerGroup, type MultiPickerGroupProps, type MultiPickerGroupStyles, MultiPickerItem, type MultiPickerItemProps, type MultiPickerItemStyles, MultiPickerModal, type MultiPickerProps, type MultiPickerStyles, type Option, PickerModal, type PickerStyles, type Props$1 as Props, type Theme, groupOptions, toggleValue };