kwant-ui 3.38.1-dev.9 → 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,4 +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, 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

@@ -1,8 +1,41 @@
+/// <reference types="react" />
 export declare const CalendarWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const CalendarSidebarStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const CalendarSidebarOptions: import("styled-components").StyledComponent<"button", any, {
     selected?: boolean;
 }, never>;
+export declare const CalendarTimebar: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").InputHTMLAttributes<HTMLInputElement> & {
+    onClick?: (event: import("react").MouseEvent<HTMLInputElement, MouseEvent>) => void;
+    onChange?: (event: import("react").ChangeEvent<HTMLInputElement>) => void;
+    disabled?: boolean;
+    value?: string | number;
+    name?: string;
+    type?: string;
+    required?: boolean;
+    readOnly?: boolean;
+    label?: string;
+    errorMessage?: string;
+    error?: boolean;
+    id?: string;
+    helperText?: string;
+    onBlur?: (e: import("react").FocusEvent<HTMLInputElement, Element>) => void;
+    onFocus?: (e: import("react").FocusEvent<HTMLInputElement, Element>) => void;
+    rightSection?: import("react").ReactNode;
+    leftSection?: import("react").ReactNode;
+    width?: number;
+    variant?: import("../Input/types").InputComponent.InputVariant;
+    tooltipContent?: string;
+    tooltipPosition?: import("../Tooltip/types").TooltipComponent.Position;
+} & 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, 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, {
+    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

@@ -7,14 +7,38 @@ export declare namespace ICalendar {
         range?: boolean;
         numberOfMonths?: 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';
+    type CalendarTimeBarProps = {
+        times: string[];
+        onTimeChange: (index: number, value: string) => void;
+    };
     enum DatpickerNavigationDirectionEnum {
         right = "right",
         left = "left"
@@ -31,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

@@ -5,6 +5,10 @@ export declare const isRangeWithNumberOfMonths: (range: boolean, numberOfMonths:
 declare const regexInputValidate: (event: ICalendar.InputChangeEvent, onChange: (event: ICalendar.InputChangeEvent) => void) => void;
 declare const weeks: string[];
 declare const fullMonthsText: any;
+export declare const selectorContent: {
+    [key: string]: string;
+    clockType: ICalendar.ClockType;
+}[];
 export declare const getDateObjectForCalendarConstants: (date: string | Date, amount: number, unit: dayjs.ManipulateType, end: 'startOf' | 'endOf') => DateObject;
 export declare const CALENDAR_CONSTANTS: {
     TODAY: DateObject[];
@@ -18,6 +22,9 @@ export declare const CALENDAR_CONSTANTS: {
     THIS_MONTH: DateObject[];
     PAST_MONTH: DateObject[];
     CUSTOM_RANGE: DateObject[];
+    NOW: DateObject[];
+    LAST_HOUR: DateObject[];
+    YESTERDAY: DateObject[];
 };
 export declare const getSidebarOptions: (projectDuration?: ICalendar.ProjectDuration) => {
     title: string;
@@ -25,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/HorizontalStepper/index.d.ts

@@ -6,6 +6,8 @@ type HorizontalStepperType = {
     steps?: any;
     activeStep?: any;
     setActiveStep?: any;
+    navigateOnStepClick?: boolean;
+    onStepChange?: (value: any) => void;
 };
-declare const HorizontalStepper: ({ activeStep, setActiveStep, ...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/components/Tag/types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export type TGTypes = {
-    type: 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'orange' | 'grey';
+    type: 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'orange' | 'grey' | 'insight';
     size?: 'small' | 'default';
     avatar?: any;
     icon?: any;

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';