@mindly/ui-components 5.48.0 → 5.49.0

package/dist/esm/lib2/shared/ui/ListBox/ListBox.d.ts

@@ -1,2 +1,2 @@
 import { ListBoxProps } from './types';
-export default function ListBox<T extends Record<string, unknown>>(props: ListBoxProps<T>): JSX.Element;
+export default function ListBox<T extends Record<string, unknown>>({ selectedIconProps, type, selectionPosition, enableSelection, ...props }: ListBoxProps<T>): JSX.Element;

package/dist/esm/lib2/shared/ui/ListBox/types.d.ts

@@ -1,2 +1,12 @@
 import { AriaListBoxProps } from 'react-aria';
-export type ListBoxProps<T> = AriaListBoxProps<T>;
+import { IconProps } from '../../types';
+export declare enum ListBoxSelectionType {
+    Checkbox = "checkbox",
+    Radio = "radio"
+}
+export type ListBoxProps<T> = AriaListBoxProps<T> & {
+    type?: ListBoxSelectionType;
+    enableSelection?: boolean;
+    selectedIconProps?: IconProps;
+    selectionPosition?: 'start' | 'end';
+};

package/dist/esm/lib2/shared/ui/ListBoxItem/ListBoxItem.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
 import { ItemProps } from 'react-stately';
 import { ListBoxItemProps, ListOptionsProps } from './types';
-export declare const ListOption: React.ForwardRefExoticComponent<ListOptionsProps & React.RefAttributes<HTMLLIElement>>;
+export declare const ListOption: React.ForwardRefExoticComponent<ListOptionsProps & React.RefAttributes<HTMLIonItemElement>>;
 export declare const ListBoxItem: (props: ItemProps<unknown> & ListBoxItemProps) => JSX.Element;

package/dist/esm/lib2/shared/ui/ListBoxItem/types.d.ts

@@ -1,16 +1,26 @@
 import { ListState, Node } from 'react-stately';
 import * as React from 'react';
+import { ListBoxSelectionType } from '../ListBox/types';
+import { IconProps } from '../../types';
 export type ListOptionsProps = {
     item: Node<unknown>;
     state: ListState<unknown>;
     icon?: React.ReactNode;
     divider?: boolean;
     value?: string;
+    selectedIconProps?: IconProps;
+    type?: ListBoxSelectionType;
+    selectionPosition?: 'start' | 'end';
+    enableSelection?: boolean;
+    customContent?: boolean;
 };
 export type ListBoxItemProps = {
     icon?: React.ReactNode;
+    type?: ListBoxSelectionType;
+    selectedIconProps?: IconProps;
     divider?: boolean;
     value?: string;
     children: React.ReactNode;
     className?: string;
+    onClick?: HTMLIonItemElement["onclick"];
 };

package/dist/index.d.ts

@@ -1535,82 +1535,6 @@ type AppHeaderProps = {
 };
 declare const AppHeader_v2: FC<AppHeaderProps>;
 
-type ListOptionsProps = {
-    item: Node<unknown>;
-    state: ListState<unknown>;
-    icon?: React.ReactNode;
-    divider?: boolean;
-    value?: string;
-};
-type ListBoxItemProps = {
-    icon?: React.ReactNode;
-    divider?: boolean;
-    value?: string;
-    children: React.ReactNode;
-    className?: string;
-};
-
-declare const ListOption: React.ForwardRefExoticComponent<ListOptionsProps & React.RefAttributes<HTMLLIElement>>;
-declare const ListBoxItem: (props: ItemProps$1<unknown> & ListBoxItemProps) => JSX.Element;
-
-type ListBoxProps<T> = AriaListBoxProps<T>;
-
-declare function ListBox<T extends Record<string, unknown>>(props: ListBoxProps<T>): JSX.Element;
-
-type BaseTypeProps = {
-    onDatePress?: (date: string, evt: React.MouseEvent<HTMLButtonElement>) => void;
-    locale: string;
-    timeZone?: string;
-    selectionMode?: SelectionMode;
-    renderCustomDateContent?: (date: string, formattedDate: string, isSelected: boolean, isToday: boolean) => React.ReactNode;
-};
-type CalendarProps = Omit<AriaCalendarProps<DateValue>, 'minValue' | 'defaultValue' | 'maxValue'> & BaseTypeProps & {
-    minValue?: string;
-    defaultValue?: string;
-    maxValue?: string;
-    slots?: Record<string, any[]>;
-    fullWidth?: boolean;
-    isShowWeekNames?: boolean;
-    isShowMonthNavigation?: boolean;
-    defaultSelectDates: string[];
-    selectionBehavior?: SelectionBehavior;
-    onSelectionChange: (dates: string[]) => void;
-};
-
-declare function Calendar({ maxValue, minValue, timeZone, locale, isShowWeekNames, isShowMonthNavigation, selectionMode, onSelectionChange, defaultSelectDates, onDatePress, renderCustomDateContent, fullWidth, ...props }: CalendarProps): JSX.Element;
-
-type VerticalCalendarProps = CalendarProps & {
-    visibleDuration?: number;
-};
-declare function VerticalCalendar({ maxValue, timeZone, locale, selectionMode, onSelectionChange, defaultSelectDates, onDatePress, renderCustomDateContent, fullWidth, minValue, visibleDuration, ...props }: VerticalCalendarProps): JSX.Element;
-
-type VerticalCalendarMonthSkeletonProps = {
-    days: number;
-};
-declare function VerticalCalendarMonthSkeleton({ days, }: VerticalCalendarMonthSkeletonProps): JSX.Element;
-
-declare function VerticalCalendarSkeleton(): JSX.Element;
-
-interface TextareaV2Props extends Omit<JSX$1.IonTextarea, 'color' | 'enterkeyhint' | 'inputmode' | 'mode'> {
-    borderTop?: boolean;
-    showCounter?: boolean;
-    className?: string;
-}
-
-declare const _default$i: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<TextareaV2Props & React__default.RefAttributes<HTMLIonTextareaElement>>>;
-
-type RatingProps = {
-    initialRating?: number;
-    onChange?: (value: number) => void;
-    onClick?: (value: number) => void;
-    onHover?: (value: number) => void;
-    size?: number;
-    className?: string;
-    readonly?: boolean;
-};
-
-declare const _default$h: React__default.NamedExoticComponent<RatingProps>;
-
 declare enum CircleRatingSize {
     'S' = "S",
     'M' = "M",
@@ -1792,6 +1716,99 @@ declare enum SupportedCurrency {
     'USD' = "USD"
 }
 
+declare enum ListBoxSelectionType {
+    Checkbox = "checkbox",
+    Radio = "radio"
+}
+type ListBoxProps<T> = AriaListBoxProps<T> & {
+    type?: ListBoxSelectionType;
+    enableSelection?: boolean;
+    selectedIconProps?: IconProps$z;
+    selectionPosition?: 'start' | 'end';
+};
+
+type ListOptionsProps = {
+    item: Node<unknown>;
+    state: ListState<unknown>;
+    icon?: React.ReactNode;
+    divider?: boolean;
+    value?: string;
+    selectedIconProps?: IconProps$z;
+    type?: ListBoxSelectionType;
+    selectionPosition?: 'start' | 'end';
+    enableSelection?: boolean;
+    customContent?: boolean;
+};
+type ListBoxItemProps = {
+    icon?: React.ReactNode;
+    type?: ListBoxSelectionType;
+    selectedIconProps?: IconProps$z;
+    divider?: boolean;
+    value?: string;
+    children: React.ReactNode;
+    className?: string;
+    onClick?: HTMLIonItemElement["onclick"];
+};
+
+declare const ListOption: React.ForwardRefExoticComponent<ListOptionsProps & React.RefAttributes<HTMLIonItemElement>>;
+declare const ListBoxItem: (props: ItemProps$1<unknown> & ListBoxItemProps) => JSX.Element;
+
+declare function ListBox<T extends Record<string, unknown>>({ selectedIconProps, type, selectionPosition, enableSelection, ...props }: ListBoxProps<T>): JSX.Element;
+
+type BaseTypeProps = {
+    onDatePress?: (date: string, evt: React.MouseEvent<HTMLButtonElement>) => void;
+    locale: string;
+    timeZone?: string;
+    selectionMode?: SelectionMode;
+    renderCustomDateContent?: (date: string, formattedDate: string, isSelected: boolean, isToday: boolean) => React.ReactNode;
+};
+type CalendarProps = Omit<AriaCalendarProps<DateValue>, 'minValue' | 'defaultValue' | 'maxValue'> & BaseTypeProps & {
+    minValue?: string;
+    defaultValue?: string;
+    maxValue?: string;
+    slots?: Record<string, any[]>;
+    fullWidth?: boolean;
+    isShowWeekNames?: boolean;
+    isShowMonthNavigation?: boolean;
+    defaultSelectDates: string[];
+    selectionBehavior?: SelectionBehavior;
+    onSelectionChange: (dates: string[]) => void;
+};
+
+declare function Calendar({ maxValue, minValue, timeZone, locale, isShowWeekNames, isShowMonthNavigation, selectionMode, onSelectionChange, defaultSelectDates, onDatePress, renderCustomDateContent, fullWidth, ...props }: CalendarProps): JSX.Element;
+
+type VerticalCalendarProps = CalendarProps & {
+    visibleDuration?: number;
+};
+declare function VerticalCalendar({ maxValue, timeZone, locale, selectionMode, onSelectionChange, defaultSelectDates, onDatePress, renderCustomDateContent, fullWidth, minValue, visibleDuration, ...props }: VerticalCalendarProps): JSX.Element;
+
+type VerticalCalendarMonthSkeletonProps = {
+    days: number;
+};
+declare function VerticalCalendarMonthSkeleton({ days, }: VerticalCalendarMonthSkeletonProps): JSX.Element;
+
+declare function VerticalCalendarSkeleton(): JSX.Element;
+
+interface TextareaV2Props extends Omit<JSX$1.IonTextarea, 'color' | 'enterkeyhint' | 'inputmode' | 'mode'> {
+    borderTop?: boolean;
+    showCounter?: boolean;
+    className?: string;
+}
+
+declare const _default$i: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<TextareaV2Props & React__default.RefAttributes<HTMLIonTextareaElement>>>;
+
+type RatingProps = {
+    initialRating?: number;
+    onChange?: (value: number) => void;
+    onClick?: (value: number) => void;
+    onHover?: (value: number) => void;
+    size?: number;
+    className?: string;
+    readonly?: boolean;
+};
+
+declare const _default$h: React__default.NamedExoticComponent<RatingProps>;
+
 declare const RatingCircleWrapper: FC<CircleRatingComponentProps & {
     t: WithTranslation | any;
 }>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mindly/ui-components",
-  "version": "5.48.0",
+  "version": "5.49.0",
   "private": false,
   "scripts": {
     "clean": "rimraf dist",