kwant-ui 3.35.0-alpha.0 → 3.37.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/dist/components/Charts/AreaChart/AreaChartData.d.ts +2 -2
  2. package/dist/components/Charts/AreaChart/AreaChartStyled.d.ts +3 -0
  3. package/dist/components/Charts/AreaChart/AreaChartTypes.d.ts +2 -0
  4. package/dist/components/Charts/AreaChart/AreaChartUtils.d.ts +7 -2
  5. package/dist/components/Charts/LineChart/LineChartData.d.ts +3 -8
  6. package/dist/components/Charts/LineChart/LineChartTypes.d.ts +1 -0
  7. package/dist/components/Charts/LineChart/LineChartUtils.d.ts +2 -1
  8. package/dist/components/Charts/StackedBarChart/StackedBarChartData.d.ts +5 -14
  9. package/dist/components/Charts/StackedBarChart/StackedBarChartTypes.d.ts +2 -0
  10. package/dist/components/Charts/StackedBarChart/StackedBarChartUtils.d.ts +7 -1
  11. package/dist/components/Charts/WeekwiseBarChart/WeekwiseBarChartTypes.d.ts +1 -0
  12. package/dist/components/Charts/WeekwiseBarChart/WeekwiseBarChartUtils.d.ts +4 -1
  13. package/dist/components/Charts/WorkerTimeChart/WorkerTimeChartData.d.ts +4 -4
  14. package/dist/components/Charts/WorkerTimeChart/WorkerTimeChartTypes.d.ts +2 -0
  15. package/dist/components/Charts/WorkerTimeChart/WorkerTimeChartUtils.d.ts +9 -0
  16. package/dist/components/Datepicker/Datepicker.d.ts +2 -1
  17. package/dist/components/Datepicker/types.d.ts +1 -0
  18. package/dist/components/Dropdown/DropdownTypes.d.ts +1 -0
  19. package/dist/components/DropdownSelect/DropdownSelect.types.d.ts +1 -0
  20. package/dist/components/HoverCalendar/types.d.ts +1 -0
  21. package/dist/components/Select/Select.d.ts +2 -1
  22. package/dist/hooks/useFullScreenFeature.d.ts +5 -0
  23. package/dist/index.es.js +78 -66
  24. package/dist/index.js +78 -66
  25. package/dist/package.json +1 -1
  26. package/dist/utils/formatDate.d.ts +1 -0
  27. package/package.json +1 -1
  28. package/themes/colors.ts +3 -2
  29. package/themes/types.ts +1 -0
@@ -1,10 +1,10 @@
1
1
  import { YAxisProps } from 'recharts';
2
2
  import { Props as AreaProps } from 'recharts/types/cartesian/Area';
3
3
  export declare const data: {
4
- day: string;
5
- date: string;
6
4
  actualWorkforce: number;
7
5
  budgetedWorkforce: number;
6
+ date: string;
7
+ day: string;
8
8
  workerConsistency: number;
9
9
  }[];
10
10
  export declare const areaChartArea: ({
@@ -17,3 +17,6 @@ export declare const TooltipItemColor: import("styled-components").StyledCompone
17
17
  }, never>;
18
18
  export declare const TooltipItemLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
19
19
  export declare const TooltipItemRight: import("styled-components").StyledComponent<"span", any, {}, never>;
20
+ export declare const FullScreenIconContainer: import("styled-components").StyledComponent<"div", any, {
21
+ fullScreen: boolean;
22
+ }, never>;
@@ -49,6 +49,8 @@ export declare namespace IAreaChart {
49
49
  areaProps?: AreaProps;
50
50
  areaYAxisRightProps?: AreaProps;
51
51
  customTooltipLabelFormatter?: (label: any) => string;
52
+ fullScreenFeature?: boolean;
53
+ dateFormat?: string;
52
54
  };
53
55
  type Area = {
54
56
  dataKey: string;
@@ -11,13 +11,18 @@ export declare const TickX: (props: {
11
11
  x?: number;
12
12
  y?: number;
13
13
  payload?: any;
14
+ dateFormat: string;
14
15
  rotate?: number;
15
16
  }) => import("react/jsx-runtime").JSX.Element;
16
- export declare const tooltipLabelFormatter: (label: string) => string;
17
+ export declare const tooltipLabelFormatter: (label: string, dateFormat: string) => string;
17
18
  export declare const TooltipItemRow: ({ color, name, value, shape, }: {
18
19
  color?: string;
19
20
  name?: string;
20
21
  value?: string;
21
22
  shape?: ReactNode;
22
23
  }) => import("react/jsx-runtime").JSX.Element;
23
- export declare const CustomTooltip: (props: TooltipProps<ValueType, NameType>) => import("react/jsx-runtime").JSX.Element;
24
+ interface CustomTooltipProps extends TooltipProps<ValueType, NameType> {
25
+ dateFormat?: string;
26
+ }
27
+ export declare const CustomTooltip: (props: CustomTooltipProps) => import("react/jsx-runtime").JSX.Element;
28
+ export {};
@@ -1,14 +1,9 @@
1
1
  import { YAxisProps } from 'recharts';
2
2
  import { Props as LineProps } from 'recharts/types/cartesian/Line';
3
- export declare const data: ({
4
- etc: number;
3
+ export declare const data: {
5
4
  date: string;
6
- klm?: undefined;
7
- } | {
8
- etc: number;
9
- klm: number;
10
- date: string;
11
- })[];
5
+ ATF: number;
6
+ }[];
12
7
  export declare const lines: {
13
8
  dataKey: string;
14
9
  color: string;
@@ -38,6 +38,7 @@ export declare namespace ILineChart {
38
38
  lineProps?: AreaProps;
39
39
  lineYAxisRightProps?: AreaProps;
40
40
  customTooltipLabelFormatter?: (label: any) => string;
41
+ dateFormat?: string;
41
42
  };
42
43
  type Line = {
43
44
  dataKey: string;
@@ -10,8 +10,9 @@ export declare const TickX: (props: {
10
10
  x?: number;
11
11
  y?: number;
12
12
  payload?: any;
13
+ dateFormat: string;
13
14
  }) => import("react/jsx-runtime").JSX.Element;
14
- export declare const tooltipLabelFormatter: (label: string) => string;
15
+ export declare const tooltipLabelFormatter: (label: string, dateFormat: string) => string;
15
16
  export declare const TooltipItemRow: ({ color, name, value, }: {
16
17
  color?: string;
17
18
  name?: string;
@@ -1,20 +1,11 @@
1
1
  import { YAxisProps } from 'recharts';
2
2
  import { Props as StackedBarProps } from 'recharts/types/cartesian/Area';
3
- export declare const data: ({
4
- name: string;
5
- actualWorkforce: number;
6
- budgetedWorkforce: number;
7
- workerConsistency: number;
8
- date: string;
9
- prediction?: undefined;
10
- } | {
11
- name: string;
12
- actualWorkforce: number;
13
- budgetedWorkforce: number;
14
- prediction: number;
15
- workerConsistency: number;
3
+ export declare const data: {
16
4
  date: string;
17
- })[];
5
+ productiveHour: number;
6
+ unproductiveHour: number;
7
+ totalHour: number;
8
+ }[];
18
9
  export declare const areas: {
19
10
  dataKey: string;
20
11
  color: string;
@@ -37,8 +37,10 @@ export declare namespace IStackedBarChart {
37
37
  yAxisRightProps?: YAxisProps;
38
38
  areaProps?: AreaProps;
39
39
  areaYAxisRightProps?: AreaProps;
40
+ formattedXTick?: boolean;
40
41
  customTooltipLabelFormatter?: (label: any) => string;
41
42
  customYAxisTickFormatter?: (value: any) => string;
43
+ dateFormat?: string;
42
44
  };
43
45
  type StackedBar = {
44
46
  dataKey: string;
@@ -10,10 +10,16 @@ export declare const TickX: (props: {
10
10
  x?: number;
11
11
  y?: number;
12
12
  payload?: any;
13
+ dateFormat: string;
13
14
  }) => import("react/jsx-runtime").JSX.Element;
14
15
  export declare const TooltipItemRow: ({ color, name, value, }: {
15
16
  color?: string;
16
17
  name?: string;
17
18
  value?: string;
18
19
  }) => import("react/jsx-runtime").JSX.Element;
19
- export declare const CustomTooltip: (props: TooltipProps<ValueType, NameType>) => import("react/jsx-runtime").JSX.Element;
20
+ export declare const CustomTooltip: (props: TooltipProps<ValueType, NameType> & {
21
+ showHourRows?: boolean;
22
+ showTimeRows?: boolean;
23
+ dateFormat?: string;
24
+ isDateFormatted?: boolean;
25
+ }) => import("react/jsx-runtime").JSX.Element;
@@ -24,6 +24,7 @@ export declare namespace IWeekwiseBarChart {
24
24
  };
25
25
  customYAxisTickFormatter?: (value: any) => string;
26
26
  customXAxisTickFormatter?: (value: any) => string;
27
+ dateFormat?: string;
27
28
  };
28
29
  type CustomLegendType = Omit<Payload, keyof Payload> & {
29
30
  value: string;
@@ -5,7 +5,10 @@ export declare const TickX: (props: {
5
5
  x?: number;
6
6
  y?: number;
7
7
  payload?: any;
8
+ dateFormat: string;
8
9
  rotate?: number;
9
10
  }) => import("react/jsx-runtime").JSX.Element;
10
11
  export declare const renderCustomizedLabel: (props: LabelListContentProps) => import("react/jsx-runtime").JSX.Element;
11
- export declare const WeekwiseChartCustomTooltip: (props: TooltipProps<ValueType, NameType>) => import("react/jsx-runtime").JSX.Element;
12
+ export declare const WeekwiseChartCustomTooltip: (props: TooltipProps<ValueType, NameType> & {
13
+ dateFormat: string;
14
+ }) => import("react/jsx-runtime").JSX.Element;
@@ -1,9 +1,9 @@
1
1
  export declare const getMilliseconds: (hour: number, min: number, sec: number) => number;
2
2
  export declare const workerTimeChartOrganizedData: {
3
- date: string;
4
- checkIn: string;
5
- checkOut: string;
3
+ workDate: string;
4
+ checkInTime: string;
5
+ checkOutTime: string;
6
6
  workTime: number;
7
- overTime: number;
7
+ overtime: number;
8
8
  }[];
9
9
  export declare const processDataForWorkerTimeChart: (rawData: any[]) => any[];
@@ -26,6 +26,7 @@ export declare namespace IWorkerTimeChart {
26
26
  dataKeyX: string;
27
27
  dataKeyCheckIn?: string;
28
28
  dataKeyCheckOut?: string;
29
+ dataKeyCheckInOut?: string;
29
30
  dataKeyWorkTime?: string;
30
31
  dataKeyOverTime?: string;
31
32
  legends?: IWeekwiseBarChart.CustomLegendType[];
@@ -37,6 +38,7 @@ export declare namespace IWorkerTimeChart {
37
38
  yAxisRightProps?: YAxisProps;
38
39
  showHourBars?: boolean;
39
40
  showTimeScatters?: boolean;
41
+ dateFormat?: string;
40
42
  };
41
43
  type DataObj = {
42
44
  date: string;
@@ -4,8 +4,17 @@ import { Props as LabelListContentProps } from 'recharts/types/component/Label';
4
4
  export declare const getX: (x: number, width: number) => number;
5
5
  export declare const Divider: import("styled-components").StyledComponent<"div", any, {}, never>;
6
6
  export declare const getHourConditionally: (hour: number) => string;
7
+ export declare const TickX: (props: {
8
+ x?: number;
9
+ y?: number;
10
+ payload?: any;
11
+ dateFormat: string;
12
+ rotate?: number;
13
+ }) => import("react/jsx-runtime").JSX.Element;
7
14
  export declare const renderCustomizedLabel: (props: LabelListContentProps) => import("react/jsx-runtime").JSX.Element;
15
+ export declare const CheckInOutConnectorLine: (props: LabelListContentProps) => import("react/jsx-runtime").JSX.Element;
8
16
  export declare const WorkerTimeChartTooltip: (props: TooltipProps<ValueType, NameType> & {
9
17
  showHourRows?: boolean;
10
18
  showTimeRows?: boolean;
19
+ dateFormat?: string;
11
20
  }) => import("react/jsx-runtime").JSX.Element;
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { IDatepicker } from './types';
2
- declare const Datepicker: (props: IDatepicker.Props) => import("react/jsx-runtime").JSX.Element;
3
+ declare const Datepicker: import("react").ForwardRefExoticComponent<Omit<IDatepicker.Props, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
3
4
  export { Datepicker };
@@ -11,6 +11,7 @@ export declare namespace IDatepicker {
11
11
  errorMessage?: string;
12
12
  calendarRef?: any;
13
13
  inputProps?: InputComponent.Props;
14
+ dateFormat?: string;
14
15
  };
15
16
  enum DatpickerNavigationDirectionEnum {
16
17
  right = "right",
@@ -29,5 +29,6 @@ export declare namespace IDropdown {
29
29
  selectInputValue?: string;
30
30
  avatarProps?: AvatarDeclarations.Props;
31
31
  selectedValue?: string | null;
32
+ withInput?: boolean;
32
33
  };
33
34
  }
@@ -5,5 +5,6 @@ export declare namespace IDropdownSelect {
5
5
  type Props = IDropdown.Props & {
6
6
  children: React.ReactNode;
7
7
  toggleOnTargetClick?: boolean;
8
+ withInput?: boolean;
8
9
  };
9
10
  }
@@ -8,6 +8,7 @@ export type HIStyles = {
8
8
  placeholder?: string;
9
9
  onSelect?: any;
10
10
  editMode?: boolean;
11
+ dateFormat?: string;
11
12
  numberOfMonths?: 1 | 2;
12
13
  disableEdit?: boolean;
13
14
  datepickerProps?: IDatepicker.Props;
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { ISelect } from './Select.types';
2
- declare const Select: (props: ISelect.Props) => import("react/jsx-runtime").JSX.Element;
3
+ declare const Select: import("react").ForwardRefExoticComponent<ISelect.Props & import("react").RefAttributes<HTMLInputElement>>;
3
4
  export { Select };
@@ -0,0 +1,5 @@
1
+ declare const useFullScreenFeature: (containerRef: any) => {
2
+ fullScreenEnterExitRequest: () => void;
3
+ fullScreen: boolean;
4
+ };
5
+ export default useFullScreenFeature;