@mindly/ui-components 4.8.0 → 4.9.0

package/dist/cjs/lib2/features/CardModal/CardModal.d.ts

@@ -1,13 +1,14 @@
-import React, { FC } from 'react';
+import React from 'react';
 type CardModalProps = {
     isOpen: boolean;
     presentingElement?: HTMLElement;
     onDidDismiss?: () => void;
     backButton?: boolean;
+    canDismiss?: boolean;
     renderHeader?: (props: {
         backButton?: boolean;
         onClose: () => void;
     }) => React.ReactNode;
 };
-declare const CardModal: FC<CardModalProps>;
+declare const CardModal: React.ForwardRefExoticComponent<CardModalProps & React.RefAttributes<HTMLIonModalElement>>;
 export default CardModal;

package/dist/cjs/lib2/features/SlotsGrid/SlotsGrid.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SlotsGridProps } from './types';
+declare const _default: React.NamedExoticComponent<SlotsGridProps>;
+export default _default;

package/dist/cjs/lib2/features/SlotsGrid/SlotsGrid.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import SlotsGrid from './SlotsGrid';
+declare const meta: Meta<typeof SlotsGrid>;
+export default meta;
+type Story = StoryObj<typeof SlotsGrid>;
+export declare const Default: Story;

package/dist/cjs/lib2/features/SlotsGrid/SlotsGridItem.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { SlotsGridItemProps } from './types';
+declare const _default: React.NamedExoticComponent<SlotsGridItemProps>;
+export default _default;

package/dist/cjs/lib2/features/SlotsGrid/index.d.ts

@@ -0,0 +1 @@
+export { default as SlotsGrid } from './SlotsGrid';

package/dist/cjs/lib2/features/SlotsGrid/styles.d.ts

@@ -0,0 +1,59 @@
+export declare const slotsStyles: import("tailwind-variants").TVReturnType<{
+    isSelected: {
+        true: {};
+    };
+    isDisabled: {
+        true: {};
+    };
+}, {
+    list: string;
+    listItem: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    isSelected: {
+        true: {};
+    };
+    isDisabled: {
+        true: {};
+    };
+}, {
+    isSelected: {
+        true: {};
+    };
+    isDisabled: {
+        true: {};
+    };
+}>, {
+    isSelected: {
+        true: {};
+    };
+    isDisabled: {
+        true: {};
+    };
+}, {
+    list: string;
+    listItem: string;
+}, import("tailwind-variants").TVReturnType<{
+    isSelected: {
+        true: {};
+    };
+    isDisabled: {
+        true: {};
+    };
+}, {
+    list: string;
+    listItem: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    isSelected: {
+        true: {};
+    };
+    isDisabled: {
+        true: {};
+    };
+}, {
+    isSelected: {
+        true: {};
+    };
+    isDisabled: {
+        true: {};
+    };
+}>, unknown, unknown, undefined>>;

package/dist/cjs/lib2/features/SlotsGrid/types.d.ts

@@ -0,0 +1,15 @@
+export type SlotsGridProps = {
+    times: string[];
+    selectedKeys: Set<string>;
+    onSelectionChange: (time: string) => void;
+    classNameList?: string;
+    classNameSlot?: string;
+    isDisabled?: boolean;
+};
+export type SlotsGridItemProps = {
+    isSelected: boolean;
+    isDisabled: boolean;
+    time: string;
+    className?: string;
+    onSelectionChange: () => void;
+};

package/dist/cjs/lib2/features/index.d.ts

@@ -1,3 +1,4 @@
 export * from './CountryOfOriginModal';
 export * from './ChangeLanguageModal';
 export * from './CardModal';
+export * from './SlotsGrid';

package/dist/cjs/lib2/shared/assets/icons/IconArrowLeft.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+interface IconProps extends React.SVGAttributes<SVGElement> {
+    size?: number | string;
+    color?: string;
+}
+export declare function IconArrowLeft({ color, size, ...other }: IconProps): JSX.Element;
+export {};

package/dist/cjs/lib2/shared/assets/icons/IconArrowRight.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+interface IconProps extends React.SVGAttributes<SVGElement> {
+    size?: number | string;
+    color?: string;
+}
+export declare function IconArrowRight({ color, size, ...other }: IconProps): JSX.Element;
+export {};

package/dist/cjs/lib2/shared/assets/icons/IconBeachAccess.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+interface IconProps extends React.SVGAttributes<SVGElement> {
+    size?: number | string;
+    color?: string;
+}
+export declare function IconBeachAccess({ color, size, ...other }: IconProps): JSX.Element;
+export {};

package/dist/cjs/lib2/shared/assets/icons/IconCalendar.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+interface IconProps extends React.SVGAttributes<SVGElement> {
+    size?: number | string;
+    color?: string;
+}
+export declare function IconCalendar({ color, size, ...other }: IconProps): JSX.Element;
+export {};

package/dist/cjs/lib2/shared/assets/icons/IconCalendarMonth.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+interface IconProps extends React.SVGAttributes<SVGElement> {
+    size?: number | string;
+    color?: string;
+}
+export declare function IconCalendarMonth({ color, size, ...other }: IconProps): JSX.Element;
+export {};

package/dist/cjs/lib2/shared/assets/icons/IconChatOutline.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+interface IconProps extends React.SVGAttributes<SVGElement> {
+    size?: number | string;
+    color?: string;
+}
+export declare function IconChatOutline({ color, size, ...other }: IconProps): JSX.Element;
+export {};

package/dist/cjs/lib2/shared/assets/icons/IconEditCalendar.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+interface IconProps extends React.SVGAttributes<SVGElement> {
+    size?: number | string;
+    color?: string;
+}
+export declare function IconEditCalendar({ color, size, ...props }: IconProps): JSX.Element;
+export {};

package/dist/cjs/lib2/shared/assets/icons/IconInvisible.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+interface IconProps extends React.SVGAttributes<SVGElement> {
+    size?: number | string;
+    color?: string;
+}
+export declare function IconInvisible({ color, size, ...other }: IconProps): JSX.Element;
+export {};

package/dist/cjs/lib2/shared/assets/icons/IconLogout.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+interface IconProps extends React.SVGAttributes<SVGElement> {
+    size?: number | string;
+    color?: string;
+}
+export declare function IconLogout({ color, size, ...other }: IconProps): JSX.Element;
+export {};

package/dist/cjs/lib2/shared/assets/icons/IconPlus.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+type IconPlusProps = React.SVGProps<any>;
+export declare function IconPlus({ color, ...props }: IconPlusProps): JSX.Element;
+export {};

package/dist/cjs/lib2/shared/assets/icons/IconProfileChecked.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+interface IconProps extends React.SVGAttributes<SVGElement> {
+    size?: number | string;
+    color?: string;
+}
+export declare function IconProfileChecked({ color, size, ...other }: IconProps): JSX.Element;
+export {};

package/dist/cjs/lib2/shared/assets/icons/IconProfileCircle.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+interface IconProps extends React.SVGAttributes<SVGElement> {
+    size?: number | string;
+    color?: string;
+}
+export declare function IconProfileCircle({ color, size, ...other }: IconProps): JSX.Element;
+export {};

package/dist/cjs/lib2/shared/assets/icons/IconProfileSetting.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+interface IconProps extends React.SVGAttributes<SVGElement> {
+    size?: number | string;
+    color?: string;
+}
+export declare function IconProfileSetting({ color, size, ...other }: IconProps): JSX.Element;
+export {};

package/dist/cjs/lib2/shared/assets/icons/IconProfileUnderReview.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+interface IconProps extends React.SVGAttributes<SVGElement> {
+    size?: number | string;
+    color?: string;
+}
+export declare function IconProfileUnderReview({ color, size, ...other }: IconProps): JSX.Element;
+export {};

package/dist/cjs/lib2/shared/assets/icons/IconSettings.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+interface IconProps extends React.SVGAttributes<SVGElement> {
+    size?: number | string;
+    color?: string;
+}
+export declare function IconSettings({ color, size, ...other }: IconProps): JSX.Element;
+export {};

package/dist/cjs/lib2/shared/assets/icons/IconTime.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+interface IconProps extends React.SVGAttributes<SVGElement> {
+    size?: number | string;
+    color?: string;
+}
+export declare function IconTime({ color, size, ...other }: IconProps): JSX.Element;
+export {};

package/dist/cjs/lib2/shared/assets/icons/IconVerifiedUser.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+interface IconProps extends React.SVGAttributes<SVGElement> {
+    size?: number | string;
+    color?: string;
+}
+export declare function IconVerifiedUser({ color, size, ...other }: IconProps): JSX.Element;
+export {};

package/dist/cjs/lib2/shared/assets/icons/IconVisible.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+interface IconProps extends React.SVGAttributes<SVGElement> {
+    size?: number | string;
+    color?: string;
+}
+export declare function IconVisible({ color, size, ...other }: IconProps): JSX.Element;
+export {};

package/dist/cjs/lib2/shared/assets/icons/index.d.ts

@@ -1,10 +1,28 @@
-export * from './iconCheckboxChecked';
-export * from './iconCheckboxUnchecked';
-export * from './iconLanguage';
-export * from './iconStar';
-export * from './iconStarFilled';
-export * from './iconClose';
-export * from './iconLeftArrow';
-export * from './iconSuccess';
-export * from './iconPause';
-export * from './iconResume';
+export * from './IconArrowLeft';
+export * from './IconArrowRight';
+export * from './IconBeachAccess';
+export * from './IconCalendar';
+export * from './IconCalendarMonth';
+export * from './IconChatOutline';
+export * from './IconCheckboxChecked';
+export * from './IconCheckboxUnchecked';
+export * from './IconClose';
+export * from './IconEditCalendar';
+export * from './IconInvisible';
+export * from './IconLanguage';
+export * from './IconLeftArrow';
+export * from './IconLogout';
+export * from './IconPause';
+export * from './IconPlus';
+export * from './IconProfileChecked';
+export * from './IconProfileCircle';
+export * from './IconProfileSetting';
+export * from './IconProfileUnderReview';
+export * from './IconResume';
+export * from "./IconSettings";
+export * from './IconStar';
+export * from './IconStarFilled';
+export * from './IconSuccess';
+export * from './IconTime';
+export * from './IconVerifiedUser';
+export * from './IconVisible';

package/dist/cjs/lib2/shared/ui/Calendar/Calendar.d.ts

@@ -0,0 +1,2 @@
+import { CalendarProps } from './types';
+export declare function Calendar({ maxValue, defaultValue, timeZone, locale, isShowWeekNames, isShowMonthNavigation, selectionMode, onSelectionChange, defaultSelectDates, onDatePress, renderCustomDateContent, ...props }: CalendarProps): JSX.Element;

package/dist/cjs/lib2/shared/ui/Calendar/CalendarButton.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { AriaButtonProps } from 'react-aria';
+export declare const CalendarButton: React.ForwardRefExoticComponent<AriaButtonProps<"button"> & {
+    className?: string | undefined;
+} & React.RefAttributes<HTMLButtonElement>>;

package/dist/cjs/lib2/shared/ui/Calendar/CalendarCell.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { CalendarCellProps } from './types';
+export declare const CalendarCell: React.ForwardRefExoticComponent<{
+    onDatePress?: ((date: Date, evt: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
+    locale: string;
+    timeZone?: string | undefined;
+    selectionMode?: import("react-stately").SelectionMode | undefined;
+    renderCustomDateContent?: ((date: Date, formattedDate: string, isSelected: boolean, isToday: boolean) => React.ReactNode) | undefined;
+} & {
+    state: import("react-stately").CalendarState;
+    selectionState: Map<string, Date>;
+    currentMonth: import("@internationalized/date").CalendarDate;
+    slots?: Record<string, any[]> | undefined;
+    handleSelectionDateChange: (dateKey: string, date: Date) => void;
+    date: import("@internationalized/date").CalendarDate;
+} & React.RefAttributes<HTMLButtonElement>>;
+declare const _default: React.NamedExoticComponent<CalendarCellProps>;
+export default _default;

package/dist/cjs/lib2/shared/ui/Calendar/CalendarGrid.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { CalendarGridProps } from './types';
+export declare function CalendarGrid({ state, selectionState, locale, isShowWeekNames, weekdayStyle, handleSelectionDateChange, selectionMode, onDatePress, offset, slots, renderCustomDateContent, ...props }: CalendarGridProps): JSX.Element;
+declare const _default: React.NamedExoticComponent<CalendarGridProps>;
+export default _default;

package/dist/cjs/lib2/shared/ui/Calendar/VerticalCalendar.d.ts

@@ -0,0 +1,2 @@
+import { CalendarProps } from './types';
+export declare function VerticalCalendar({ maxValue, defaultValue, timeZone, locale, selectionMode, onSelectionChange, defaultSelectDates, onDatePress, renderCustomDateContent, fullWidth, ...props }: CalendarProps): JSX.Element;

package/dist/cjs/lib2/shared/ui/Calendar/VerticalCalendarMonthSkeleton.d.ts

@@ -0,0 +1,5 @@
+type VerticalCalendarMonthSkeletonProps = {
+    days: number;
+};
+export declare function VerticalCalendarMonthSkeleton({ days, }: VerticalCalendarMonthSkeletonProps): JSX.Element;
+export {};

package/dist/cjs/lib2/shared/ui/Calendar/VerticalCalendarSkeleton.d.ts

@@ -0,0 +1 @@
+export declare function VerticalCalendarSkeleton(): JSX.Element;

package/dist/cjs/lib2/shared/ui/Calendar/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Calendar';
+export * from './VerticalCalendar';
+export * from './VerticalCalendarMonthSkeleton';
+export * from './VerticalCalendarSkeleton';

package/dist/cjs/lib2/shared/ui/Calendar/styles.d.ts

@@ -0,0 +1,140 @@
+export declare const calendarStyles: import("tailwind-variants").TVReturnType<{
+    isDisabled: {
+        true: {};
+    };
+    isToday: {
+        true: {};
+    };
+    isSelected: {
+        true: {};
+    };
+    isUnavailable: {
+        true: {};
+    };
+    fullWidth: {
+        true: {};
+    };
+}, {
+    header: string;
+    title: string;
+    week: string;
+    weekday: string;
+    daysOfWeek: string;
+    day: string;
+    navigation: string;
+    navigationButton: string;
+}, "flex-1 max-w-xs", import("tailwind-variants/dist/config").TVConfig<{
+    isDisabled: {
+        true: {};
+    };
+    isToday: {
+        true: {};
+    };
+    isSelected: {
+        true: {};
+    };
+    isUnavailable: {
+        true: {};
+    };
+    fullWidth: {
+        true: {};
+    };
+}, {
+    isDisabled: {
+        true: {};
+    };
+    isToday: {
+        true: {};
+    };
+    isSelected: {
+        true: {};
+    };
+    isUnavailable: {
+        true: {};
+    };
+    fullWidth: {
+        true: {};
+    };
+}>, {
+    isDisabled: {
+        true: {};
+    };
+    isToday: {
+        true: {};
+    };
+    isSelected: {
+        true: {};
+    };
+    isUnavailable: {
+        true: {};
+    };
+    fullWidth: {
+        true: {};
+    };
+}, {
+    header: string;
+    title: string;
+    week: string;
+    weekday: string;
+    daysOfWeek: string;
+    day: string;
+    navigation: string;
+    navigationButton: string;
+}, import("tailwind-variants").TVReturnType<{
+    isDisabled: {
+        true: {};
+    };
+    isToday: {
+        true: {};
+    };
+    isSelected: {
+        true: {};
+    };
+    isUnavailable: {
+        true: {};
+    };
+    fullWidth: {
+        true: {};
+    };
+}, {
+    header: string;
+    title: string;
+    week: string;
+    weekday: string;
+    daysOfWeek: string;
+    day: string;
+    navigation: string;
+    navigationButton: string;
+}, "flex-1 max-w-xs", import("tailwind-variants/dist/config").TVConfig<{
+    isDisabled: {
+        true: {};
+    };
+    isToday: {
+        true: {};
+    };
+    isSelected: {
+        true: {};
+    };
+    isUnavailable: {
+        true: {};
+    };
+    fullWidth: {
+        true: {};
+    };
+}, {
+    isDisabled: {
+        true: {};
+    };
+    isToday: {
+        true: {};
+    };
+    isSelected: {
+        true: {};
+    };
+    isUnavailable: {
+        true: {};
+    };
+    fullWidth: {
+        true: {};
+    };
+}>, unknown, unknown, undefined>>;

package/dist/cjs/lib2/shared/ui/Calendar/types.d.ts

@@ -0,0 +1,37 @@
+import * as React from 'react';
+import { AriaCalendarGridProps, AriaCalendarProps, DateValue } from 'react-aria';
+import { CalendarState, SelectionBehavior, SelectionMode } from 'react-stately';
+import { CalendarDate } from '@internationalized/date';
+type BaseTypeProps = {
+    onDatePress?: (date: Date, evt: React.MouseEvent<HTMLButtonElement>) => void;
+    locale: string;
+    timeZone?: string;
+    selectionMode?: SelectionMode;
+    renderCustomDateContent?: (date: Date, formattedDate: string, isSelected: boolean, isToday: boolean) => React.ReactNode;
+};
+export type CalendarProps = AriaCalendarProps<DateValue> & BaseTypeProps & {
+    slots?: Record<string, any[]>;
+    fullWidth?: boolean;
+    isShowWeekNames?: boolean;
+    isShowMonthNavigation?: boolean;
+    defaultSelectDates: Date[];
+    selectionBehavior?: SelectionBehavior;
+    onSelectionChange: (dates: Date[]) => void;
+};
+export type CalendarGridProps = AriaCalendarGridProps & BaseTypeProps & {
+    state: CalendarState;
+    selectionState: Map<string, Date>;
+    slots?: Record<string, any[]>;
+    handleSelectionDateChange: (dateKey: string, date: Date) => void;
+    isShowWeekNames: boolean;
+    offset?: Record<string, any>;
+};
+export type CalendarCellProps = BaseTypeProps & {
+    state: CalendarState;
+    selectionState: Map<string, Date>;
+    currentMonth: CalendarDate;
+    slots?: Record<string, any[]>;
+    handleSelectionDateChange: (dateKey: string, date: Date) => void;
+    date: CalendarDate;
+};
+export {};

package/dist/cjs/lib2/shared/ui/Calendar/utils/getWeekDayNames.d.ts

@@ -0,0 +1 @@
+export declare function getWeekDates(locale: string, timeZone?: string): string[];

package/dist/cjs/lib2/shared/ui/index.d.ts

@@ -10,6 +10,7 @@ export * from './Badge';
 export * from './AppHeader_v2';
 export * from './ListBoxItem';
 export * from './ListBox';
+export * from './Calendar';
 export * from './Textarea_v2';
 export * from './Rating';
 export * from './IconButton';