kwant-ui 3.14.6-alpha.0 → 3.14.7

package/GlobalStyles/index.ts

@@ -100,6 +100,24 @@ const GlobalStyles = createGlobalStyle<{ theme: Color }>`
         }
       }
     }
+    
+    .calendar-readonly-true{
+      .rmdp-day {
+        cursor: not-allowed;
+          .sd:hover{
+              background-color: transparent !important;
+
+          }
+        }
+        &:not(.rmdp-range){
+          .sd{
+            color: #798ca4 !important;
+          }
+        }
+      }
+    
+
+
 
     /** Datepicker styles */
     .rmdp-calendar {

package/dist/components/Calendar/CalendarComponents.d.ts

@@ -7,8 +7,9 @@ export type SidebarOptionProps = {
     onClick?: () => void;
 };
 export declare const SidebarOption: ({ title, selected, onClick }: SidebarOptionProps) => import("react/jsx-runtime").JSX.Element;
-export declare const CalendarSidebar: ({ options, onOptionClick, }: {
+export declare const CalendarSidebar: ({ options, selectedOption, onOptionClick, }: {
     options?: Pick<SidebarOptionProps, 'title' | 'selected' | 'value'>[];
-    onOptionClick?: (value: () => DateObject[]) => void;
+    selectedOption: string;
+    onOptionClick?: (value: () => DateObject[], option?: Pick<SidebarOptionProps, 'title' | 'selected' | 'value'>) => void;
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const renderDatepickerNavigationButton: (direction: ICalendar.DatpickerNavigationDirection, handleClick: (event: React.MouseEvent<HTMLButtonElement>) => void) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Calendar/CalendarTypes.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CalendarProps } from 'react-multi-date-picker';
+import { CalendarProps, DateObject } from 'react-multi-date-picker';
 export declare namespace ICalendar {
     type Props = CalendarProps & {
         range?: boolean;
@@ -7,6 +7,9 @@ export declare namespace ICalendar {
         calenderRef?: any;
         showSidebar?: boolean;
         projectDuration?: ProjectDuration;
+        disableFutureDatesOnCustomRange?: boolean;
+        selectedSidebarOption?: string;
+        onChange?: (date: DateObject | DateObject[], selectedOption?: string) => void;
     };
     enum DatpickerNavigationDirectionEnum {
         right = "right",

package/dist/components/Calendar/CalendarUtils.d.ts

@@ -1,4 +1,4 @@
-import { DateObject, Value } from 'react-multi-date-picker';
+import { DateObject } from 'react-multi-date-picker';
 import { ICalendar } from './CalendarTypes';
 export declare const isRangeWithNumberOfMonths: (range: boolean, numberOfMonths: number) => boolean;
 declare const regexInputValidate: (event: ICalendar.InputChangeEvent, onChange: (event: ICalendar.InputChangeEvent) => void) => void;
@@ -11,13 +11,11 @@ export declare const CALENDAR_CONSTANTS: {
     LAST_30_DAYS: DateObject[];
     THIS_MONTH: DateObject[];
 };
-export declare const getSidebarOptions: (currentDate: (Value | DateObject)[], projectDuration?: ICalendar.ProjectDuration) => ({
+export declare const getSidebarOptions: (projectDuration?: ICalendar.ProjectDuration) => ({
     title: string;
     value: () => DateObject[];
-    selected: boolean;
 } | {
     title: string;
-    selected: boolean;
     value?: undefined;
 })[];
 export { fullMonthsText, regexInputValidate, weeks };

package/dist/hooks/useDropdown.d.ts

@@ -0,0 +1,11 @@
+declare const useDropdown: (props?: {
+    opened?: boolean;
+    onClose?: () => void;
+    targetRef?: React.RefObject<HTMLDivElement>;
+}) => {
+    isOpen: boolean;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+};
+export default useDropdown;