@mindly/ui-components 8.5.0 → 8.5.2

package/dist/esm/lib2/shared/hooks/useCalendarData.d.ts

@@ -1,11 +1,15 @@
-import { SupportedLocales } from '../types';
-type CalendarListProps = {
-    locale?: SupportedLocales;
-    lastDate: Date;
-};
-type CalendarListItem = {
-    value: Date;
+type SelectionItem<T extends string | number> = {
     label: string;
+    value: T;
+};
+type CalendarSelections = {
+    day: SelectionItem<number>[];
+    month: SelectionItem<string>[];
+    year: SelectionItem<number>[];
+};
+type CalendarListProps = {
+    locale?: string;
+    lastDate?: Date;
 };
-export declare function useCalendarListData({ locale, lastDate, }: CalendarListProps): CalendarListItem[];
+export declare function useCalendarListData({ locale, lastDate, }: CalendarListProps): CalendarSelections;
 export {};

package/dist/esm/lib2/shared/hooks/useSpecialistPayments.d.ts

@@ -10,7 +10,12 @@ type DatesResultType = {
     isFutureMonth: boolean;
 };
 export declare function getDatePosition(calendarDate: Date): DatesResultType;
-export declare function getSelectedFormattedDate(date: Date, locale?: string): string;
+type CalendarDefaults = {
+    day: string;
+    month: string;
+    year: string;
+};
+export declare function getSelectedFormattedDate(selectedDate: Date | null | undefined, locale?: string): CalendarDefaults;
 type FormattedDateProps = {
     date: Date;
     locale?: SupportedLocales;

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

@@ -7,9 +7,10 @@ type Props = {
     height?: number;
     selections: Record<string, SelectionType[]>;
     defaults?: Record<string, string>;
-    onChange(value: Record<string, SelectionType>): void;
+    onChange(value: Record<string, string>): void;
     className?: string;
     compareBy?: 'value' | 'label';
+    presentation?: 'date' | 'month' | 'month-year';
 };
-declare const DrumListPicker: ({ height, selections, defaults, onChange, className, compareBy, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const DrumListPicker: ({ height, selections, defaults, onChange, className, compareBy, presentation, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default DrumListPicker;

package/dist/esm/lib2/widgets/SpecialistCardWithScheduleWidget/types.d.ts

@@ -16,4 +16,6 @@ export type SpecialistCardWithScheduleWidgetProps = {
         onScheduleSlotChange?: (slot: ScheduleSlot | null) => void;
         onScheduleShowAll?: () => void;
     };
+    shouldAnimateNotice?: boolean;
+    isNoticeReady?: boolean;
 };

package/dist/index.d.ts

@@ -1798,11 +1798,12 @@ type Props$9 = {
     height?: number;
     selections: Record<string, SelectionType$1[]>;
     defaults?: Record<string, string>;
-    onChange(value: Record<string, SelectionType$1>): void;
+    onChange(value: Record<string, string>): void;
     className?: string;
     compareBy?: 'value' | 'label';
+    presentation?: 'date' | 'month' | 'month-year';
 };
-declare const DrumListPicker: ({ height, selections, defaults, onChange, className, compareBy, }: Props$9) => react_jsx_runtime.JSX.Element;
+declare const DrumListPicker: ({ height, selections, defaults, onChange, className, compareBy, presentation, }: Props$9) => react_jsx_runtime.JSX.Element;
 
 type FontWeight = 'Regular' | 'Semi' | 'Bold';
 type CollapsableTextProps = {
@@ -4335,6 +4336,8 @@ type SpecialistCardWithScheduleWidgetProps = {
         onScheduleSlotChange?: (slot: ScheduleSlot | null) => void;
         onScheduleShowAll?: () => void;
     };
+    shouldAnimateNotice?: boolean;
+    isNoticeReady?: boolean;
 };
 
 declare const _default$q: React__default.NamedExoticComponent<SpecialistCardWithScheduleWidgetProps>;

package/package.json

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

package/src/lib2/shared/css/tailwind.css

@@ -93,3 +93,26 @@
 .PhotoView-Portal.PhotoView-Portal .PhotoView-Slider__BannerWrap .PhotoView-Slider__Counter {
     display: none;
 }
+
+@keyframes notice-bounce  {
+   0% {
+    transform: translateY(-100%);
+  }
+
+  60% {
+    transform: translateY(-16px);
+  }
+
+  80% {
+    transform: translateY(-30%);
+  }
+
+  100% {
+    transform: translateY(-16px);
+  }
+}
+
+.notice-animate {
+  animation: notice-bounce 500ms cubic-bezier(0.34, 1.56, 0.64, 1) both;
+  animation-delay: 300ms;
+}