kwant-ui 3.38.2 → 3.39.0

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

@@ -1,5 +1,5 @@
 import { DateObject } from 'react-multi-date-picker';
-import { ICalendar } from './CalendarTypes';
+import { CalendarTimeBarProps, ICalendar } from './CalendarTypes';
 export type SidebarOptionProps = ICalendar.SidebarOptionProps;
 export declare const SidebarOption: ({ title, selected, onClick }: SidebarOptionProps) => import("react/jsx-runtime").JSX.Element;
 export declare const CalendarSidebar: ({ options, selectedOption, onOptionClick, }: {
@@ -7,10 +7,5 @@ export declare const CalendarSidebar: ({ options, selectedOption, onOptionClick,
     selectedOption: string;
     onOptionClick?: (value: () => DateObject[], option?: Pick<SidebarOptionProps, 'title' | 'selected' | 'value'>) => void;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const CalendarTimeBar: ({ label, timeHour, timeMinute, clockType, }: {
-    label?: string;
-    timeHour?: string;
-    timeMinute?: string;
-    clockType?: ICalendar.ClockType | string;
-}) => import("react/jsx-runtime").JSX.Element;
+export declare const CalendarTimeBar: ({ label, timeHour, timeMinute, clockType, disabled, onClockTypeChange, onHourChange, onMinuteChange, }: CalendarTimeBarProps) => 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/CalendarStyled.d.ts

@@ -30,10 +30,12 @@ export declare const StyledInput: import("styled-components").StyledComponent<im
 } & import("react").RefAttributes<HTMLInputElement>>, any, {}, never>;
 export declare const Colon: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const InputGroup: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SelectorStyled: import("styled-components").StyledComponent<({ content, activeKey, onClick, height }: import("../Selector/types").SelectorComponent.Props) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+export declare const SelectorStyled: import("styled-components").StyledComponent<({ content, activeKey, onClick, height, multiple, disabled, }: import("../Selector/types").SelectorComponent.Props) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
 export declare const TimeBarContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TopLabel: import("styled-components").StyledComponent<"label", any, import("../Label/types").LabelComponent.Label, never>;
-export declare const TimeBarStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TimeBarStyled: import("styled-components").StyledComponent<"div", any, {
+    showTime?: boolean;
+}, never>;
 declare const DatepickerNavigationButton: import("styled-components").StyledComponent<"button", any, {}, never>;
 declare const IconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export { DatepickerNavigationButton, IconWrapper };

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

@@ -6,17 +6,32 @@ export declare namespace ICalendar {
     type Props = CalendarProps & {
         range?: boolean;
         numberOfMonths?: number;
-        timeHour?: number;
-        timeMinute?: number;
         calenderRef?: any;
         labels?: string;
         showSidebar?: boolean;
         showTime?: boolean;
+        disableTime?: boolean;
+        time?: {
+            from: {
+                hour: string;
+                minute: string;
+                clockType: ClockType;
+            };
+            to: {
+                hour: string;
+                minute: string;
+                clockType: ClockType;
+            };
+        };
+        onHourChange?: (key: string, value: string) => void;
+        onMinuteChange?: (key: string, value: string) => void;
+        onClockTypeChange?: (key: string, value: string) => void;
         sidebarOptions?: Omit<SidebarOptionProps, 'onClick'>[];
         projectDuration?: ProjectDuration;
         disableFutureDatesOnCustomRange?: boolean;
         selectedSidebarOption?: string;
         rangeDomain?: RangeDomain;
+        onSidebarOptionSelect?: (value: string) => void;
         onChange?: (date: DateObject | DateObject[], selectedOption?: string) => void;
     };
     type ClockType = 'am' | 'pm';
@@ -40,4 +55,21 @@ export declare namespace ICalendar {
         value?: () => DateObject[];
         onClick?: () => void;
     };
+    type Time = {
+        key: string;
+        label: string;
+        timeHour: string;
+        timeMinute: string;
+        clockType: string;
+    };
 }
+export type CalendarTimeBarProps = {
+    label?: string;
+    timeHour?: string;
+    timeMinute?: string;
+    clockType?: ICalendar.ClockType | string;
+    disabled?: boolean;
+    onHourChange: (key: string, value: string) => void;
+    onMinuteChange: (key: string, value: string) => void;
+    onClockTypeChange: (key: string, value: string) => void;
+};

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

@@ -32,4 +32,9 @@ export declare const getSidebarOptions: (projectDuration?: ICalendar.ProjectDura
 }[];
 declare const getDateOffset: (valueArr: Value, domain: RangeDomain) => DateObject[];
 declare const isNotInCurrentMonth: (date: string | DateObject) => boolean;
-export { fullMonthsText, regexInputValidate, weeks, getDateOffset, isNotInCurrentMonth };
+declare const timeSet: {
+    key: string;
+    label: string;
+}[];
+declare const addPadStart: (value: string) => string;
+export { fullMonthsText, regexInputValidate, weeks, getDateOffset, isNotInCurrentMonth, timeSet, addPadStart, };

package/dist/components/Datepicker/DatepickerStyled.d.ts

@@ -1,3 +1,6 @@
+declare const DatepickerWrapper: import("styled-components").StyledComponent<"div", any, {
+    showTime?: boolean;
+}, never>;
 declare const DatepickerNavigationButton: import("styled-components").StyledComponent<"button", any, {}, never>;
 declare const IconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export { DatepickerNavigationButton, IconWrapper };
+export { DatepickerNavigationButton, IconWrapper, DatepickerWrapper };

package/dist/components/Datepicker/types.d.ts

@@ -2,6 +2,11 @@
 import { CalendarProps, DatePickerProps } from 'react-multi-date-picker';
 import { InputComponent } from '../Input/types';
 export declare namespace IDatepicker {
+    type ClockType = 'am' | 'pm';
+    enum ClockTypeEnum {
+        am = "am",
+        pm = "pm"
+    }
     type Props = CalendarProps & DatePickerProps & {
         range?: boolean;
         numberOfMonths?: number;
@@ -12,6 +17,9 @@ export declare namespace IDatepicker {
         calendarRef?: any;
         inputProps?: InputComponent.Props;
         dateFormat?: string;
+        showTime?: boolean;
+        dateTimeRange?: DateRangeType;
+        onChangeDateTime?: (time: DateRangeType) => void;
     };
     enum DatpickerNavigationDirectionEnum {
         right = "right",
@@ -19,4 +27,24 @@ export declare namespace IDatepicker {
     }
     type InputChangeEvent = React.ChangeEvent<HTMLInputElement>;
     type DatpickerNavigationDirection = keyof typeof DatpickerNavigationDirectionEnum;
+    type DateRangeType = {
+        startDate: string;
+        endDate: string;
+    };
+    type TimeRangeType = {
+        from: {
+            hour: string;
+            minute: string;
+            clockType: ClockType;
+        };
+        to: {
+            hour: string;
+            minute: string;
+            clockType: ClockType;
+        };
+    };
+    type DateTimeRangeType = {
+        dateRange: DateRangeType;
+        timeRange: TimeRangeType;
+    };
 }

package/dist/components/Datepicker/utils/index.d.ts

@@ -1,7 +1,35 @@
+import { DateObject } from 'react-multi-date-picker';
 import { IDatepicker } from '../types';
 declare const renderDatepickerNavigationButton: (direction: IDatepicker.DatpickerNavigationDirection, handleClick: (event: React.MouseEvent<HTMLButtonElement>) => void) => import("react/jsx-runtime").JSX.Element;
 declare const regexInputValidate: (event: IDatepicker.InputChangeEvent, onChange: (event: IDatepicker.InputChangeEvent) => void) => void;
 declare const months: string[];
 declare const weeks: string[];
 declare const fullMonthsText: any;
-export { renderDatepickerNavigationButton, regexInputValidate, months, weeks, fullMonthsText };
+declare const createDateTimeRangeParams: (dateTimeRange?: IDatepicker.DateTimeRangeType) => {
+    startDate: string;
+    endDate: string;
+};
+declare const getDateRange: (dates: DateObject[] | DateObject | null) => string;
+declare const extractTimeFromDate: (dateTimeRange: IDatepicker.DateRangeType) => {
+    startDateOnly: string;
+    endDateOnly: string;
+    time: {
+        from: {
+            hour: string;
+            minute: string;
+            clockType: IDatepicker.ClockTypeEnum;
+        };
+        to: {
+            hour: string;
+            minute: string;
+            clockType: IDatepicker.ClockTypeEnum;
+        };
+    };
+};
+declare const formatDateTime: (date: string | Date, format: string, timeRange: {
+    hour: string;
+    minute: string;
+    clockType: string;
+}) => string;
+declare const getFormattedDateTime: (dateTimeRange?: IDatepicker.DateRangeType, dateFormat?: string) => string;
+export { renderDatepickerNavigationButton, regexInputValidate, months, weeks, fullMonthsText, createDateTimeRangeParams, getDateRange, extractTimeFromDate, formatDateTime, getFormattedDateTime, };

package/dist/components/Dropdown/DropdownStyled.d.ts

@@ -6,7 +6,9 @@ export declare const OptionsContainer: import("styled-components").StyledCompone
     separator?: boolean;
     showScrollbar?: boolean;
 }, never>;
-export declare const Option: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Option: import("styled-components").StyledComponent<"div", any, {
+    isSelected?: boolean;
+}, never>;
 export declare const CustomOption: import("styled-components").StyledComponent<"div", any, {
     isSelected?: boolean;
 }, never>;

package/dist/components/HorizontalStepper/index.d.ts

@@ -7,6 +7,7 @@ type HorizontalStepperType = {
     activeStep?: any;
     setActiveStep?: any;
     navigateOnStepClick?: boolean;
+    onStepChange?: (value: any) => void;
 };
-declare const HorizontalStepper: ({ activeStep, setActiveStep, navigateOnStepClick, ...props }: HorizontalStepperType) => import("react/jsx-runtime").JSX.Element;
+declare const HorizontalStepper: ({ activeStep, setActiveStep, navigateOnStepClick, onStepChange, ...props }: HorizontalStepperType) => import("react/jsx-runtime").JSX.Element;
 export { HorizontalStepper };

package/dist/components/Selector/Selector.d.ts

@@ -1,3 +1,3 @@
 import { SelectorComponent } from './types';
-declare const Selector: ({ content, activeKey, onClick, height }: SelectorComponent.Props) => import("react/jsx-runtime").JSX.Element;
+declare const Selector: ({ content, activeKey, onClick, height, multiple, disabled, }: SelectorComponent.Props) => import("react/jsx-runtime").JSX.Element;
 export default Selector;

package/dist/components/Selector/types.d.ts

@@ -1,8 +1,17 @@
 export declare namespace SelectorComponent {
     type Props = {
         content: any;
-        activeKey?: string;
+        activeKey?: string | string[];
         onClick?: any;
         height?: string;
+        multiple?: boolean;
+        disabled?: boolean;
+    };
+    type ClassOptions = {
+        isFirst?: boolean;
+        isLast?: boolean;
+        isSingle?: boolean;
+        isActive?: boolean;
+        isDisabled?: boolean;
     };
 }

package/dist/hooks/index.d.ts

@@ -2,3 +2,4 @@ export * from './useToast';
 export * from './useOutsideClick';
 export * from './useDebouncedValue';
 export * from './useToggle';
+export * from './useTimeBar';

package/dist/hooks/useTimeBar.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+import { IDatepicker } from '../components/Datepicker/types';
+declare const useTimeBar: () => {
+    time: {
+        from: {
+            hour: string;
+            minute: string;
+            clockType: IDatepicker.ClockType;
+        };
+        to: {
+            hour: string;
+            minute: string;
+            clockType: IDatepicker.ClockType;
+        };
+    };
+    setTime: import("react").Dispatch<import("react").SetStateAction<{
+        from: {
+            hour: string;
+            minute: string;
+            clockType: IDatepicker.ClockType;
+        };
+        to: {
+            hour: string;
+            minute: string;
+            clockType: IDatepicker.ClockType;
+        };
+    }>>;
+};
+export { useTimeBar };

package/dist/index.d.ts

@@ -65,3 +65,4 @@ export { CALENDAR_CONSTANTS, getDateObjectForCalendarConstants, } from './compon
 export * from './components/TrendPercentage';
 export * from './components/Charts/WorkerTimeChart';
 export { processDataForWorkerTimeChart } from './components/Charts/WorkerTimeChart/WorkerTimeChartData';
+export { extractTimeFromDate, createDateTimeRangeParams, formatDateTime, getFormattedDateTime, } from './components/Datepicker/utils';