@majoo-ui/react 1.48.4 → 1.49.0

package/components/chart/index.d.ts

@@ -0,0 +1 @@
+export * from './lineChart';

package/components/chart/lineChart/LineChart.d.ts

@@ -0,0 +1,80 @@
+import { ReactNode } from 'react';
+interface ComparatorChangeType {
+    type: 'DELETE' | 'ADD' | 'SEARCH';
+    payload: any;
+}
+interface LineChartProps {
+    /**
+     * Title identity for a chart.
+     */
+    title: string;
+    /**
+     * Additional description for a chart.
+     */
+    description?: string | undefined;
+    /**
+     * Additional placeholder for comparator input select.
+     */
+    placeholder?: string;
+    /**
+     * List of data to be used as a graph.
+     */
+    data: any[];
+    /**
+     * Mapping of a data list.
+     */
+    legendData: any[];
+    /**
+     * Key to bind xAxis data.
+     */
+    xAxisKey: string;
+    /**
+     * Loading status of chart.
+     */
+    isLoading?: boolean;
+    /**
+     * Tick formatter period.
+     */
+    period?: 'jam' | 'hari' | 'minggu' | 'bulan' | 'tahun';
+    /**
+     * Customize tooltip label format.
+     */
+    chartTypeLabel?: string;
+    /**
+     * To round up yAxis data.
+     */
+    roundUpYAxis?: boolean;
+    /**
+     * List of the comparator.
+     */
+    comparatorList?: any[];
+    /**
+     * Customize xAxis tick formatter.
+     */
+    customXAxisFormat?: (value: any) => void;
+    /**
+     * Customize yAxis tick formatter.
+     */
+    customYAxisFormat?: (value: any) => string;
+    /**
+     * Customize tooltip date format.
+     */
+    customTooltipDate?: (value: any) => ReactNode;
+    /**
+     * on comparator change event handler.
+     */
+    onComparatorChange?: (e: ComparatorChangeType) => void;
+}
+export declare const COMPARISON_LIMIT = 5;
+declare function LineChart(props: LineChartProps): JSX.Element;
+declare namespace LineChart {
+    var defaultProps: {
+        customXAxisFormat: undefined;
+        onComparatorChange: undefined;
+        comparatorList: never[];
+        placeholder: string;
+        roundUpYAxis: boolean;
+        period: undefined;
+    };
+}
+export default LineChart;

package/components/chart/lineChart/components/Comparator.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+interface ComparatorProps {
+    option: any;
+    onCloseClick: (any: any) => void;
+    onComparatorAdd: (any: any) => void;
+    legendData: any[];
+    placeholder?: string;
+    onComparatorSearch: (string: any) => void;
+}
+declare const Comparator: {
+    (props: ComparatorProps): JSX.Element;
+    defaultProps: {
+        option: {}[];
+    };
+};
+export default Comparator;

package/components/chart/lineChart/components/ComparatorController.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const ComparatorController: ({ option, onComparatorAdd, onComparatorSearch, placeholder }: {
+    option: any;
+    onComparatorAdd: any;
+    onComparatorSearch: any;
+    placeholder: any;
+}) => JSX.Element;
+export default ComparatorController;

package/components/chart/lineChart/components/ComparatorItem.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+interface ComparatorItemProps {
+    dataKey: string;
+    color: string;
+    variants: [];
+    onCloseClick: () => void;
+    disableClose: boolean;
+}
+declare const ComparatorItem: (props: ComparatorItemProps) => JSX.Element;
+export default ComparatorItem;

package/components/chart/lineChart/components/ProductList.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { CSS } from '../../../../config/stitches.config';
+interface ProductListProps {
+    variants: [];
+    name: string;
+    direction: string;
+    css: CSS;
+}
+declare const ProductList: (props: ProductListProps) => JSX.Element;
+export default ProductList;

package/components/chart/lineChart/components/TitleLegend.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+interface TitleLegendProps {
+    title: string | undefined;
+    legendData: any[];
+    filteredData: any[];
+    setFilteredData: (any: any) => void;
+    isComparator?: boolean;
+    titleOnly?: boolean;
+    isDividedByThousand: boolean;
+    description: string | undefined;
+}
+declare const TitleLegend: {
+    (props: TitleLegendProps): JSX.Element;
+    defaultProps: {
+        isComparator: undefined;
+        titleOnly: boolean;
+    };
+};
+export default TitleLegend;

package/components/chart/lineChart/components/Tooltip.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+interface TooltipProps {
+    hover?: string | null;
+    payload: any[];
+    active?: boolean;
+    legendData: any[];
+    maxValue: number;
+    xAxisKey: string;
+    chartTypeLabel?: string;
+    customTooltipDate?: (value: any) => ReactNode;
+}
+declare const Tooltip: {
+    (props: TooltipProps): JSX.Element | null;
+    defaultProps: {
+        hover: null;
+        payload: undefined;
+        active: undefined;
+        legendData: never[];
+    };
+};
+export default Tooltip;

package/components/chart/lineChart/index.d.ts

@@ -0,0 +1 @@
+export { default as LineChart } from './LineChart';

package/components/chart/utils/index.d.ts

@@ -0,0 +1,18 @@
+export declare const formatHour: (date: any) => string;
+export declare const formatDay: (date: any) => string;
+export declare const formatMonth: (date: any) => string;
+export declare const formatYear: (date: any) => string;
+export declare const handleXaxis: (date: any, period: any) => string;
+export declare const currency: ({ value, type, thousandSeparator, decimal, convertMinus }: {
+    value: any;
+    type?: string | undefined;
+    thousandSeparator?: string | undefined;
+    decimal?: boolean | undefined;
+    convertMinus?: boolean | undefined;
+}) => any;
+export declare const numSeparator: (num: any) => string;
+export declare const formatCurrency: (number: any, options: any) => string;
+export declare const compactCurrency: (number: any) => string;
+export declare const roundUp: (highestVal: any) => any;
+export declare const roundDown: (lowestVal: any) => number;
+export declare function isValidDate(date: any): boolean;

package/components/index.d.ts

@@ -42,3 +42,4 @@ export * from './loadingBar';
 export * from './progressIndicator';
 export * from './link';
 export * from './mapPicker';
+export * from './chart';