@delightui/components 0.1.50 → 0.1.52

package/dist/index.d.ts

@@ -365,7 +365,7 @@ type BreakpointProps<T> = {
 declare const Breakpoint: <T>({ children }: BreakpointProps<T>) => React__default.JSX.Element;
 declare const ResponsiveComponent: <T>(props: ResponsiveComponentProps<T>) => React__default.JSX.Element;
 
-type ListItemProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {
+type ListItemProps$1 = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {
     /**
      * Icon to be displayed before the button's content.
      */
@@ -392,7 +392,7 @@ type ListItemProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {
     className?: string;
 };
 
-declare const ListItem: (props: ListItemProps) => React__default.JSX.Element;
+declare const ListItem: (props: ListItemProps$1) => React__default.JSX.Element;
 
 type SelectListItemProps = Omit<HTMLAttributes<HTMLDivElement>, 'style'> & {
     /**
@@ -820,6 +820,81 @@ type SliderProps = React.HTMLAttributes<HTMLDivElement> & {
 
 declare const Slider: (props: SliderProps) => React__default.JSX.Element;
 
+type RadioButtonSizeEnum = 'Small' | 'Medium' | 'Large';
+type RadioButtonLabelAlignmentEnum = 'Left' | 'Right';
+type RadioButtonProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'checked' | 'value'> & {
+    /**
+     * The label of the radio button.
+     */
+    children?: React.ReactNode;
+    /**
+     * The size of the radio button.
+     * @default 'Medium'
+     */
+    size?: RadioButtonSizeEnum;
+    /**
+     * The checked state of the radio button.
+     */
+    checked?: boolean;
+    /**
+     * Callback function when the radio button state changes.
+     * @param value - The new checked state of the radio button.
+     */
+    onValueChanged?: (value: string | number) => void;
+    /**
+     * Indicates if the radio button is invalid.
+     * @default false
+     */
+    invalid?: boolean;
+    /**
+     * Flag to show the label on the right side of the radio button.
+     * @default false
+     */
+    labelAlignment?: RadioButtonLabelAlignmentEnum;
+    /**
+     * The value of the radio button.
+     */
+    value?: string | number;
+};
+
+declare const RadioButton: React__default.ForwardRefExoticComponent<Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "checked" | "value" | "type"> & {
+    children?: React__default.ReactNode;
+    size?: RadioButtonSizeEnum;
+    checked?: boolean;
+    onValueChanged?: (value: string | number) => void;
+    invalid?: boolean;
+    labelAlignment?: RadioButtonLabelAlignmentEnum;
+    value?: string | number;
+} & React__default.RefAttributes<HTMLInputElement>>;
+
+declare const RadioButtonItem: React__default.ForwardRefExoticComponent<Omit<RadioButtonProps, "onValueChanged"> & {
+    onChange?: (value: string | number) => void;
+    showRightButton?: boolean;
+    onRightButtonClick?: () => void;
+    rightButtonIcon?: React__default.ReactNode;
+} & React__default.RefAttributes<HTMLInputElement>>;
+
+type RadioButtonItemProps = Omit<RadioButtonProps, 'onValueChanged'> & {
+    /**
+     * Callback function when the radio button state changes.
+     * @param value: string | number - The value of the selected radio button.
+     */
+    onChange?: (value: string | number) => void;
+    /**
+     * Flag to show right button.
+     * @default false
+     */
+    showRightButton?: boolean;
+    /**
+     * Callback function when the right button is clicked.
+     */
+    onRightButtonClick?: () => void;
+    /**
+     * Custom icon for the right button.
+     */
+    rightButtonIcon?: ReactNode;
+};
+
 type AccordionSizeEnum = 'Small' | 'Medium' | 'Large';
 type AccordionSummaryProps = {
     children: ReactNode;
@@ -1048,6 +1123,20 @@ type ListItemType = object & {
     itemClassName?: string;
     itemStyle?: React.CSSProperties;
 };
+/**
+ * Props for an individual list item component.
+ *
+ * @template T - The type of the list item.
+ * @property {string | number} id - The unique identifier of the list item.
+ * @property {React.FC<any>} component - The React functional component used to render the list item.
+ * @property {T} item - The data for the list item.
+ */
+type ListItemProps<T extends ListItemType> = Omit<HTMLAttributes<HTMLLIElement>, 'id' | 'children'> & {
+    id: string | number;
+    component: React.FC<any>;
+    item: T;
+};
+type SortableTriggerProps = IconButtonProps;
 /**
  * Props for the list wrapper component.
  *
@@ -1109,6 +1198,17 @@ type ListProps<T extends ListItemType> = Omit<HTMLAttributes<HTMLUListElement>,
  */
 declare const List: <T extends ListItemType>(props: ListProps<T>) => React__default.JSX.Element;
 
+/**
+ * A sortable item component that integrates with the dnd-kit library for drag-and-drop functionality.
+ *
+ * @template T - The type of the list item.
+ * @param {ListItemProps<T>} props - The properties for the sortable item.
+ * @returns {JSX.Element} The rendered sortable item.
+ */
+declare const SortableItem: <T extends ListItemType>(props: ListItemProps<T>) => React__default.JSX.Element;
+
+declare const SortableTrigger: (props: SortableTriggerProps) => React__default.JSX.Element;
+
 type ContextMenuProps<T extends ListItemType> = ListProps<T>;
 
 declare const ContextMenu: <T extends ListItemType>(props: ContextMenuProps<T>) => React__default.JSX.Element;
@@ -1978,6 +2078,24 @@ declare const SelectProvider: ({ children, value, defaultValue, multiple, disabl
  */
 declare const Select: (props: SelectProps) => JSX.Element;
 
+type ChipListItemTypeEnum = 'chip' | 'input';
+type ChipListItemProps = {
+    type: ChipListItemTypeEnum;
+    props: ChipProps | InputProps;
+};
+type ChipInputProps = {
+    inputValue?: string;
+    onInputChange?: (value: string) => void;
+    options?: string[];
+    placeholder?: string;
+    className?: string;
+    onValueChanged?: (value: string[]) => void;
+    onAddNewOption?: (value: string) => void;
+    selectedValues?: string[];
+};
+
+declare const _default: React__default.NamedExoticComponent<ChipInputProps>;
+
 /**
  * Dropzone component props
  * @param initial React.ReactNode - The initial state of the dropzone.
@@ -2301,4 +2419,4 @@ declare const NotificationContext: React__default.Context<NotificationContextVal
 declare const NotificationProvider: React__default.FC<NotificationProviderProps>;
 declare const useNotification: () => NotificationContextValue;
 
-export { Accordion, AccordionDetails, AccordionGroup, AccordionSummary, ActionCard, type ActionCardProps, ActionImage, type ActionImageProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Breakpoint, type BreakpointProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, Card, type CardProps, Checkbox, CheckboxItem, type CheckboxItemProps, type CheckboxLabelAlignmentEnum, type CheckboxProps, type CheckboxSizeEnum, Chip, type ChipProps, ContextMenu, type ContextMenuProps, type CustomTimePickerConfig, CustomToggle, type CustomToggleProps, DatePicker, type DatePickerProps, Dropzone, DropzoneClear, DropzoneContent, type DropzoneContentProps, type DropzoneContentTypeEnum, DropzoneFilename as DropzonePreview, type DropzoneProps, DropzoneSupportedFormats as DropzoneReject, DropzoneTrigger as DropzoneRoot, type FieldValidationFunction, type FieldValidators, type FieldValue, Form, type FormContextValues, type FormErrors, FormField, type FormFieldProps, type FormFieldPropsWithProvider, type FormProps, type FormProviderProps, type FormState, type FormStateChangeHandler, type FormSubmitHandler, type FormValidator, Grid, GridItem, type GridItemProps, GridList, type GridListProps, type GridProps, Icon, IconButton, type IconButtonProps, type IconButtonStyleEnum, type IconProps, type IconSizeEnum, type IconStyleEnum, Image, type ImageFitEnum, type ImageProps, Input, type InputProps, type InputTypeEnum, List, ListItem, type ListItemProps, type ListProps, Modal, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, type ModalProps, Nav, NavItem, type NavItemProps, NavLink, type NavLinkProps, type NavProps, type NotificationContainerProps, NotificationContext, NotificationProvider, Option, type OptionProps, type OverlayDirectionEnum, Pagination, PaginationNumberField, type PaginationNumberFieldProps, type PaginationProps, Password, Popover, type PopoverHandle, type PopoverProps, ProgressBar, type ProgressBarProps, type RequiredFields, ResponsiveComponent, type ResponsiveComponentProps, Select, SelectListItem, type SelectListItemProps, type SelectProps, SelectProvider, Slider, type SliderProps, Spinner, type SpinnerProps, TabContent, type TabContentProps, TabItem, type TabItemProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableHeader, TableHeaderCell, type TableHeaderCellProps, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, Text, TextArea, type TextAreaProps, type TextDecorationEnum, type TextProps, type TextTypeEnum, type TextWeightEnum, ThemeContext, type ThemeContextType, ThemeProvider, type ThemeProviderProps, Toggle, ToggleButton, type ToggleButtonProps, type ToggleLabelAlignmentEnum, type ToggleProps, Tooltip, type TooltipProps, useDropzoneContext, useField, useNotification, useSelectContext, useTab };
+export { Accordion, AccordionDetails, AccordionGroup, AccordionSummary, ActionCard, type ActionCardProps, ActionImage, type ActionImageProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Breakpoint, type BreakpointProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, Card, type CardProps, Checkbox, CheckboxItem, type CheckboxItemProps, type CheckboxLabelAlignmentEnum, type CheckboxProps, type CheckboxSizeEnum, Chip, _default as ChipInput, type ChipInputProps, type ChipListItemProps, type ChipListItemTypeEnum, type ChipProps, ContextMenu, type ContextMenuProps, type CustomTimePickerConfig, CustomToggle, type CustomToggleProps, DatePicker, type DatePickerProps, SortableItem as DraggableItem, SortableTrigger as DraggableItemTrigger, Dropzone, DropzoneClear, DropzoneContent, type DropzoneContentProps, type DropzoneContentTypeEnum, DropzoneFilename, DropzoneFilename as DropzonePreview, type DropzoneProps, DropzoneSupportedFormats as DropzoneReject, DropzoneTrigger as DropzoneRoot, DropzoneSupportedFormats, DropzoneTrigger, type FieldValidationFunction, type FieldValidators, type FieldValue, Form, type FormContextValues, type FormErrors, FormField, type FormFieldProps, type FormFieldPropsWithProvider, type FormProps, type FormProviderProps, type FormState, type FormStateChangeHandler, type FormSubmitHandler, type FormValidator, Grid, GridItem, type GridItemProps, GridList, type GridListProps, type GridProps, Icon, IconButton, type IconButtonProps, type IconButtonStyleEnum, type IconProps, type IconSizeEnum, type IconStyleEnum, Image, type ImageFitEnum, type ImageProps, Input, type InputProps, type InputTypeEnum, List, ListItem, type ListItemProps$1 as ListItemProps, type ListProps, Modal, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, type ModalProps, Nav, NavItem, type NavItemProps, NavLink, type NavLinkProps, type NavProps, type NotificationContainerProps, NotificationContext, NotificationProvider, Option, type OptionProps, type OverlayDirectionEnum, Pagination, PaginationNumberField, type PaginationNumberFieldProps, type PaginationProps, Password, Popover, type PopoverHandle, type PopoverProps, ProgressBar, type ProgressBarProps, RadioButton, RadioButtonItem, type RadioButtonItemProps, type RadioButtonLabelAlignmentEnum, type RadioButtonProps, type RadioButtonSizeEnum, type RequiredFields, ResponsiveComponent, type ResponsiveComponentProps, Select, SelectListItem, type SelectListItemProps, type SelectProps, SelectProvider, Slider, type SliderProps, Spinner, type SpinnerProps, TabContent, type TabContentProps, TabItem, type TabItemProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableHeader, TableHeaderCell, type TableHeaderCellProps, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, Text, TextArea, type TextAreaProps, type TextDecorationEnum, type TextProps, type TextTypeEnum, type TextWeightEnum, ThemeContext, type ThemeContextType, ThemeProvider, type ThemeProviderProps, Toggle, ToggleButton, type ToggleButtonProps, type ToggleLabelAlignmentEnum, type ToggleProps, Tooltip, type TooltipProps, useDropzoneContext, useField, useNotification, useSelectContext, useTab };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@delightui/components",
-  "version": "0.1.50",
+  "version": "0.1.52",
   "private": false,
   "scripts": {
     "start": "vite",