@majoo-ui/react 1.61.24 → 1.61.25-rc.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@majoo-ui/react",
-  "version": "1.61.24",
+  "version": "1.61.25-rc.2",
   "main": "./index.esm.js",
   "exports": {
     ".": {
@@ -12,8 +12,7 @@
   "typings": "./index.d.ts",
   "peerDependencies": {
     "react": "17.0.2",
-    "react-dom": "17.0.2",
-    "prop-types": "^15.8.1"
+    "react-dom": "17.0.2"
   },
   "dependencies": {
     "@floating-ui/react": "^0.19.2",
@@ -77,5 +76,6 @@
     "recharts": "^2.1.9",
     "axios": "1.6.0",
     "yup": "^0.32.11"
-  }
+  },
+  "types": "./index.d.ts"
 }

package/{colors → src/colors}/index.d.ts

@@ -1 +1 @@
-export * from './Colors';
+export * from './Colors';

package/{components → src/components}/accordion/Accordion.d.ts

@@ -1,35 +1,35 @@
-import React, { ComponentPropsWithoutRef } from 'react';
-import * as AccordionPrimitive from '@radix-ui/react-accordion';
-import { BaseRadixNoCss, BaseRadixProps } from '../../type/base.types';
-declare type AccordionPrimitiveProps = AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps;
-declare type AccordionProps = {
-    /**
-     * Determines whether one or multiple items can be opened at the same time.
-     */
-    children: React.ReactNode;
-} & AccordionPrimitiveProps & BaseRadixProps;
-export declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
-declare type AccordionTriggerPrimitiveProps = Omit<AccordionPrimitive.AccordionTriggerProps, keyof ComponentPropsWithoutRef<'button'>>;
-interface AccordionTriggerProps extends AccordionTriggerPrimitiveProps, BaseRadixProps {
-    /**
-     * If the value is 'false' then it will hide the arrow icon.
-     */
-    hasContent?: boolean;
-    /**
-     * Specify the arrow position.
-     */
-    arrowPosition?: 'right' | 'left';
-    /**
-     * Specify the arrow icon color.
-     */
-    arrowColor?: string;
-    /**
-     * Custom the arrow component.
-     */
-    customArrow?: React.ReactNode;
-    children: React.ReactNode;
-}
-export declare const AccordionTrigger: React.ForwardRefExoticComponent<AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-export declare const AccordionItem: React.FC<AccordionPrimitive.AccordionItemProps & BaseRadixNoCss>;
-export declare const AccordionContent: React.FC<AccordionPrimitive.AccordionContentProps & BaseRadixNoCss>;
-export {};
+import React, { ComponentPropsWithoutRef } from 'react';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import { BaseRadixNoCss, BaseRadixProps } from '../../type/base.types';
+type AccordionPrimitiveProps = AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps;
+type AccordionProps = {
+    /**
+     * Determines whether one or multiple items can be opened at the same time.
+     */
+    children: React.ReactNode;
+} & AccordionPrimitiveProps & BaseRadixProps;
+export declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
+type AccordionTriggerPrimitiveProps = Omit<AccordionPrimitive.AccordionTriggerProps, keyof ComponentPropsWithoutRef<'button'>>;
+interface AccordionTriggerProps extends AccordionTriggerPrimitiveProps, BaseRadixProps {
+    /**
+     * If the value is 'false' then it will hide the arrow icon.
+     */
+    hasContent?: boolean;
+    /**
+     * Specify the arrow position.
+     */
+    arrowPosition?: 'right' | 'left';
+    /**
+     * Specify the arrow icon color.
+     */
+    arrowColor?: string;
+    /**
+     * Custom the arrow component.
+     */
+    customArrow?: React.ReactNode;
+    children: React.ReactNode;
+}
+export declare const AccordionTrigger: React.ForwardRefExoticComponent<AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const AccordionItem: React.FC<AccordionPrimitive.AccordionItemProps & BaseRadixNoCss>;
+export declare const AccordionContent: React.FC<AccordionPrimitive.AccordionContentProps & BaseRadixNoCss>;
+export {};

package/{components → src/components}/accordion/index.d.ts

@@ -1 +1 @@
-export * from './Accordion';
+export * from './Accordion';

package/{components → src/components}/barChart/BarChart.d.ts

@@ -1,82 +1,82 @@
-/// <reference types="react" />
-import { LabelProps } from 'recharts';
-import { CSS } from '../../config/stitches.config';
-export interface BarChartData {
-    name: string;
-    total: number;
-    color: string;
-}
-interface BarChartLegend {
-    show: boolean;
-    showTotal: boolean;
-}
-interface BarChartTooltip {
-    label?: (number: any) => string;
-    render?: () => JSX.Element;
-}
-interface BarChartLabel {
-    show?: boolean;
-    dataKey?: string;
-    position?: LabelProps['position'];
-    formatter?: (string: any) => string;
-    render?: () => JSX.Element;
-}
-interface YAxisProps {
-    show?: boolean;
-}
-interface BarChartProps {
-    /**
-     * Additional css property.
-     */
-    css?: CSS;
-    /**
-     * Datasets of chart.
-     */
-    data: BarChartData[];
-    /**
-     * Legend config of chart.
-     */
-    legend?: BarChartLegend;
-    /**
-     * Title section of chart.
-     */
-    title?: string;
-    /**
-     * Subtitle section of chart.
-     */
-    subtitle?: string;
-    /**
-     * Tooltip config of chart.
-     */
-    tooltip?: BarChartTooltip;
-    /**
-     * Direction of Bar Chart layout.
-     */
-    direction?: 'vertical' | 'horizontal';
-    /**
-     * Format axis label.
-     */
-    tickFormatter?: (number: any) => string;
-    /**
-     * Label config of chart.
-     */
-    label?: BarChartLabel;
-    /**
-     * Y Axis config of chart.
-     */
-    yAxis?: YAxisProps;
-}
-declare function BarChartComponent({ css, data, legend, title, subtitle, tooltip, direction, tickFormatter, label, yAxis, }: BarChartProps): JSX.Element;
-declare namespace BarChartComponent {
-    var defaultProps: {
-        data: never[];
-        legend: {
-            show: boolean;
-            showTotal: boolean;
-        };
-        yAxis: {
-            show: boolean;
-        };
-    };
-}
-export default BarChartComponent;
+/// <reference types="react" />
+import { LabelProps } from 'recharts';
+import { CSS } from '../../config/stitches.config';
+export interface BarChartData {
+    name: string;
+    total: number;
+    color: string;
+}
+interface BarChartLegend {
+    show: boolean;
+    showTotal: boolean;
+}
+interface BarChartTooltip {
+    label?: (number: any) => string;
+    render?: () => JSX.Element;
+}
+interface BarChartLabel {
+    show?: boolean;
+    dataKey?: string;
+    position?: LabelProps['position'];
+    formatter?: (string: any) => string;
+    render?: () => JSX.Element;
+}
+interface YAxisProps {
+    show?: boolean;
+}
+interface BarChartProps {
+    /**
+     * Additional css property.
+     */
+    css?: CSS;
+    /**
+     * Datasets of chart.
+     */
+    data: BarChartData[];
+    /**
+     * Legend config of chart.
+     */
+    legend?: BarChartLegend;
+    /**
+     * Title section of chart.
+     */
+    title?: string;
+    /**
+     * Subtitle section of chart.
+     */
+    subtitle?: string;
+    /**
+     * Tooltip config of chart.
+     */
+    tooltip?: BarChartTooltip;
+    /**
+     * Direction of Bar Chart layout.
+     */
+    direction?: 'vertical' | 'horizontal';
+    /**
+     * Format axis label.
+     */
+    tickFormatter?: (number: any) => string;
+    /**
+     * Label config of chart.
+     */
+    label?: BarChartLabel;
+    /**
+     * Y Axis config of chart.
+     */
+    yAxis?: YAxisProps;
+}
+declare function BarChartComponent({ css, data, legend, title, subtitle, tooltip, direction, tickFormatter, label, yAxis, }: BarChartProps): JSX.Element;
+declare namespace BarChartComponent {
+    var defaultProps: {
+        data: never[];
+        legend: {
+            show: boolean;
+            showTotal: boolean;
+        };
+        yAxis: {
+            show: boolean;
+        };
+    };
+}
+export default BarChartComponent;

package/{components → src/components}/barChart/index.d.ts

@@ -1 +1 @@
-export { default as BarChart } from './BarChart';
+export { default as BarChart } from './BarChart';

package/{components → src/components}/breadcrumb/index.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import { BreadcrumbStyle, BreadcrumbItem, BreadcrumbLinkStyle } from './Breadcrumb';
-declare type BreadcrumbProps = React.ComponentProps<typeof BreadcrumbStyle>;
-declare const Breadcrumb: React.FC<BreadcrumbProps>;
-declare type BreadcrumbLinkProps = React.ComponentProps<typeof BreadcrumbLinkStyle>;
-declare const BreadcrumbLink: React.FC<BreadcrumbLinkProps>;
-export { Breadcrumb, BreadcrumbItem, BreadcrumbLink };
+import React from 'react';
+import { BreadcrumbStyle, BreadcrumbItem, BreadcrumbLinkStyle } from './Breadcrumb';
+type BreadcrumbProps = React.ComponentProps<typeof BreadcrumbStyle>;
+declare const Breadcrumb: React.FC<BreadcrumbProps>;
+type BreadcrumbLinkProps = React.ComponentProps<typeof BreadcrumbLinkStyle>;
+declare const BreadcrumbLink: React.FC<BreadcrumbLinkProps>;
+export { Breadcrumb, BreadcrumbItem, BreadcrumbLink };

package/{components → src/components}/button/index.d.ts

@@ -1,2 +1,2 @@
-export { default as Button } from './Button';
-export * from './Button';
+export { default as Button } from './Button';
+export * from './Button';

package/{components → src/components}/card/index.d.ts

@@ -1,2 +1,2 @@
-export { default as Card } from './Card';
-export * from './Card';
+export { default as Card } from './Card';
+export * from './Card';

package/{components → src/components}/chart/index.d.ts

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

package/{components → src/components}/chart/lineChart/LineChart.d.ts

@@ -1,80 +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;
+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 → src/components}/chart/lineChart/components/Comparator.d.ts

@@ -1,16 +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;
+/// <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 → src/components}/chart/lineChart/components/ComparatorController.d.ts

@@ -1,8 +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;
+/// <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 → src/components}/chart/lineChart/components/ComparatorItem.d.ts

@@ -1,10 +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;
+/// <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 → src/components}/chart/lineChart/components/ProductList.d.ts

@@ -1,10 +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;
+/// <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 → src/components}/chart/lineChart/components/TitleLegend.d.ts

@@ -1,19 +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;
+/// <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 → src/components}/chart/lineChart/components/Tooltip.d.ts

@@ -1,21 +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;
+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 → src/components}/chart/lineChart/index.d.ts

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