pixel-react-excel-sheet 1.2.0 → 1.2.2

package/lib/components/Box/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Box/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC"}

package/lib/components/Box/types.d.ts

@@ -0,0 +1,34 @@
+import { CSSProperties } from 'react';
+type CardProperties = {
+    width?: string;
+    height?: string;
+    background?: string;
+    borderRadius?: string;
+    boxShadow?: string;
+    padding?: string;
+    margin?: string;
+    border?: string;
+    className?: string;
+    style?: CSSProperties;
+    onClick?: () => void;
+};
+type HeaderContentProperties = {
+    isHeader?: boolean;
+    content?: JSX.Element;
+};
+type MidContentProperties = {
+    isMidContent?: boolean;
+    content?: JSX.Element;
+};
+type FooterContentProperties = {
+    isFooter?: boolean;
+    content?: JSX.Element;
+};
+export type CardProps = {
+    cardProperties?: CardProperties;
+    headerContent?: HeaderContentProperties;
+    midContent: MidContentProperties;
+    footerContent?: FooterContentProperties;
+    isSkeleton?: boolean;
+};
+export {};

package/lib/components/Box/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/components/Box/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/Box/types.ts"],"names":[],"mappings":""}

package/lib/components/BrowserTabs/BrowserTabs.d.ts

@@ -0,0 +1,5 @@
+import { BrowserTabsProps } from './types';
+import './BrowserTabs.scss';
+import '../../assets/styles/_colors.scss';
+declare const BrowserTabs: ({ tabsData, activeTabId, onTabClick, onTabClose, onTabAdd, maxTabWidth, showCloseOnActive, maxTabs, enableOverflowTooltip, onTabMouseEnter, onTabMouseLeave, }: BrowserTabsProps) => import("react/jsx-runtime").JSX.Element;
+export default BrowserTabs;

package/lib/components/BrowserTabs/BrowserTabs.js

@@ -0,0 +1,93 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useState, useEffect } from 'react';
+import classNames from 'classnames';
+import Icon from '../Icon';
+import Typography from '../Typography';
+import Tooltip from '../Tooltip';
+import './BrowserTabs.scss';
+import '../../assets/styles/_colors.scss';
+const BrowserTabs = ({ tabsData, activeTabId, onTabClick, onTabClose, onTabAdd, maxTabWidth = 132, showCloseOnActive = true, maxTabs = 50, enableOverflowTooltip = true, onTabMouseEnter, onTabMouseLeave, }) => {
+    const containerRef = useRef(null);
+    const [tabWidth, setTabWidth] = useState();
+    const [failedIcons, setFailedIcons] = useState({});
+    const labelRefs = useRef({});
+    const labelObservers = useRef({});
+    const [overflowedTabs, setOverflowedTabs] = useState({});
+    useEffect(() => {
+        const updateTabWidth = () => {
+            if (containerRef.current) {
+                const containerWidth = containerRef.current.getBoundingClientRect().width - maxTabWidth;
+                const calculatedWidth = containerWidth / tabsData.length;
+                setTabWidth(Math.min(maxTabWidth, calculatedWidth));
+            }
+        };
+        updateTabWidth();
+        window.addEventListener('resize', updateTabWidth);
+        return () => window.removeEventListener('resize', updateTabWidth);
+    }, [tabsData.length, maxTabWidth]);
+    const handleIconError = (tabId) => {
+        setFailedIcons((prev) => ({ ...prev, [tabId]: true }));
+    };
+    useEffect(() => {
+        tabsData.forEach((tab) => {
+            const el = labelRefs.current[tab.id];
+            if (!el)
+                return;
+            if (labelObservers.current[tab.id]) {
+                labelObservers.current[tab.id]?.disconnect();
+            }
+            const observer = new ResizeObserver(() => {
+                setOverflowedTabs((prev) => ({
+                    ...prev,
+                    [tab.id]: el.scrollWidth > el.clientWidth,
+                }));
+            });
+            observer.observe(el);
+            labelObservers.current[tab.id] = observer;
+        });
+        return () => {
+            Object.values(labelObservers.current).forEach((obs) => obs.disconnect());
+            labelObservers.current = {};
+        };
+    }, [tabsData, tabWidth]);
+    const isCompactTab = (tabWidth ?? 999) <= 80;
+    const isMaximumTabsReached = tabsData.length >= maxTabs;
+    return (_jsxs("div", { className: "ff-browser-tabs-container", ref: containerRef, children: [_jsxs("div", { className: "ff-browser-tab-row", children: [_jsx("div", { className: "ff-tab-button-container", children: tabsData.map((tab, index) => {
+                            const isActive = activeTabId === tab.id;
+                            return (_jsxs("div", { className: classNames('ff-tab-wrapper', { active: isActive }), children: [_jsx(Tooltip, { title: overflowedTabs[tab.id] ? tab.label : '', disabled: !enableOverflowTooltip, children: _jsx("button", { onClick: () => onTabClick(tab.id), onMouseEnter: (e) => onTabMouseEnter?.(tab, e), onMouseLeave: (e) => onTabMouseLeave?.(tab, e), className: classNames('ff-tab-button', {
+                                                shrink: tabWidth && tabWidth <= 80,
+                                            }), style: {
+                                                width: tabWidth && !isActive ? `${tabWidth}px` : 'auto',
+                                                padding: tabWidth === undefined
+                                                    ? '0px'
+                                                    : tabWidth < 60
+                                                        ? '0px'
+                                                        : tabWidth < 80
+                                                            ? '0px 2px'
+                                                            : tabWidth < 132
+                                                                ? '0px 8px'
+                                                                : `0px ${tabWidth / 17}px`,
+                                            }, children: _jsxs("div", { className: "ff-tab-content", style: { gap: isCompactTab ? '0px' : '8px' }, children: [_jsx(_Fragment, { children: tab.tabIconSrc && !failedIcons[tab.id] ? (_jsx("img", { src: tab.tabIconSrc, alt: tab.label, className: "ff-tab-icon", onError: () => handleIconError(tab.id) })) : (_jsx(Icon, { name: tab.tabIcon || 'web_icon', hoverEffect: false, color: "inherit" })) }), tabWidth && tabWidth > 40 && (_jsx("div", { className: "ff-tab-label-container", children: _jsx("div", { ref: (el) => (labelRefs.current[tab.id] = el), className: "ff-tab-label", children: _jsx(Typography, { children: tab.label, lineHeight: "18px", fontWeight: isActive ? 'semi-bold' : 'regular', color: isActive
+                                                                    ? 'var(--tabs-label-active-color)'
+                                                                    : 'var(--tabs-label-default-color)' }) }) })), ((tabWidth && tabWidth >= 80) || isActive) &&
+                                                        showCloseOnActive && (_jsx(Icon, { name: "close", className: "ff-close-icon", hoverEffect: true, onClick: (e) => {
+                                                            e.stopPropagation();
+                                                            if (onTabClose) {
+                                                                onTabClose(tab.id);
+                                                            }
+                                                        } }))] }) }) }), tabWidth &&
+                                        tabWidth < maxTabWidth &&
+                                        !(isActive ||
+                                            index === tabsData.length - 1 ||
+                                            (activeTabId === tabsData[0]?.id && index === 0) ||
+                                            activeTabId === tabsData[index + 1]?.id) && (_jsx("span", { className: `ff-tab-separator ${tabWidth > 80
+                                            ? 'wide-browser-tab'
+                                            : 'narrow-browser-tab'}` }))] }, tab.id));
+                        }) }), _jsx(Tooltip, { title: isMaximumTabsReached ? 'Maximum tab limit exceeded' : 'Add', children: _jsx("div", { className: "ff-tab-plus-icon", onClick: () => {
+                                if (isMaximumTabsReached)
+                                    return;
+                                onTabAdd?.();
+                            }, children: _jsx(Icon, { name: "add_file", color: "var(--secondary-icon-color)", width: 12, height: 12, hoverEffect: true, disabled: isMaximumTabsReached }) }) })] }), _jsx("div", { className: "ff-tab-content", children: tabsData.find((tab) => tab.id === activeTabId)?.component })] }));
+};
+export default BrowserTabs;
+//# sourceMappingURL=BrowserTabs.js.map

package/lib/components/BrowserTabs/BrowserTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrowserTabs.js","sourceRoot":"","sources":["../../../src/components/BrowserTabs/BrowserTabs.tsx"],"names":[],"mappings":"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"}

package/lib/components/BrowserTabs/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./BrowserTabs";

package/lib/components/BrowserTabs/index.js

@@ -0,0 +1,2 @@
+export { default } from "./BrowserTabs";
+//# sourceMappingURL=index.js.map

package/lib/components/BrowserTabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/BrowserTabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA"}

package/lib/components/BrowserTabs/types.d.ts

@@ -0,0 +1,75 @@
+/**
+ * Represents a single tab in the BrowserTabs component.
+ */
+export interface BrowserTab {
+    /**
+     * Unique identifier for the tab.
+     */
+    id: string;
+    /**
+     * Label text displayed on the tab.
+     */
+    label: string;
+    /**
+     * Optional component to be rendered when the tab is active.
+     */
+    component?: JSX.Element;
+    /**
+     * Name of the tab icon.
+     */
+    tabIcon?: string;
+    /**
+     * Optional URL for a dynamic icon.
+     */
+    tabIconSrc?: string;
+}
+/**
+ * Props for the BrowserTabs component.
+ */
+export interface BrowserTabsProps {
+    /**
+     * An array of tab objects containing label, icon, and an optional component.
+     */
+    tabsData: BrowserTab[];
+    /**
+     * The ID of the currently active tab.
+     */
+    activeTabId: string;
+    /**
+     * Function to update the active tab state when a user clicks on a tab.
+     * @param id - The unique identifier of the clicked tab.
+     */
+    onTabClick: (id: string) => void;
+    /**
+     * Function to add a new tab.
+     */
+    onTabAdd?: () => void;
+    /**
+     * Function to close a specific tab.
+     * @param index - The index of the tab to be closed.
+     */
+    onTabClose?: (id: string) => void;
+    /**
+     * Minimum width for each tab (in pixels).
+     */
+    minTabWidth?: number;
+    /**
+     * Maximum width for each tab (in pixels).
+     */
+    maxTabWidth?: number;
+    /**
+     * Show the close button only for the active tab.
+     */
+    showCloseOnActive?: boolean;
+    /**
+     * Custom CSS class name to override default styles.
+     */
+    className?: string;
+    enableOverflowTooltip?: boolean;
+    onTabMouseEnter?: any;
+    onTabMouseLeave?: any;
+    /**
+     * Maximum number of tabs allowed.
+     */
+    maxTabs?: number;
+}

package/lib/components/BrowserTabs/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/components/BrowserTabs/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/BrowserTabs/types.ts"],"names":[],"mappings":""}

package/lib/components/Button/Button.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import './Button.scss';
+import '../../assets/styles/_colors.scss';
+import Icon from '../Icon';
+import classNames from 'classnames';
+import Typography from '../Typography';
+const Button = forwardRef(({ variant = 'primary', backgroundColor, border, size = 'small', onClick, onCopy, label, disabled = false, children = null, type = 'button', className = '', style = {}, iconName, iconPosition = 'left', isChooseFile = false, buttonWidth = 'auto', buttonHeight = '28px', handleCloseIcon, selectedFile, fontSize = 10, typographyStyle, iconColor = '', isMandatory = false, iconSize, ...props }, ref) => {
+    const iconWidth = iconSize?.width ?? 16;
+    const iconHeight = iconSize?.height ?? 16;
+    const renderIcon = () => iconName && (_jsx("div", { onClick: (e) => {
+            if (iconName === 'close') {
+                e.stopPropagation();
+                handleCloseIcon?.();
+            }
+        }, children: _jsx(Icon, { height: iconHeight, width: iconWidth, color: iconName === 'close'
+                ? 'var(--ff-delete-button-attachment)'
+                : variant === 'danger'
+                    ? 'var(--status-rejected-text-color)'
+                    : iconColor ||
+                        (variant === 'primary'
+                            ? 'var(--primary-icon-color)'
+                            : 'var(--secondary-icon-color)'), name: iconName, className: "ff-button-icon", disabled: disabled }) }));
+    return (_jsxs("button", { type: type, ref: ref, className: classNames('ff-button', `ff-button--${size}`, `ff-button--${variant}`, `${className}`, { 'ff-button-choose-file': isChooseFile }, { 'ff-button-choose-file-text': selectedFile }), style: {
+            backgroundColor,
+            border,
+            ...style,
+            width: buttonWidth,
+            height: buttonHeight,
+        }, onClick: onClick, onCopy: onCopy, disabled: disabled, ...props, children: [iconPosition === 'left' && renderIcon(), _jsxs(Typography, { fontSize: fontSize, style: { ...typographyStyle }, fontWeight: "semi-bold", className: classNames(`ff-button-${variant}--text`, {
+                    'ff-button-choose-file-text': selectedFile,
+                }), children: [isMandatory && _jsx("span", { className: "required-asterisk", children: "*" }), label] }), iconPosition === 'right' && renderIcon(), children] }));
+});
+export default Button;
+//# sourceMappingURL=Button.js.map

package/lib/components/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"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"}

package/lib/components/Button/index.js

@@ -0,0 +1,2 @@
+export { default } from './Button';
+//# sourceMappingURL=index.js.map

package/lib/components/Button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC"}

package/lib/components/Button/types.d.ts

@@ -1,15 +1,20 @@
 import { ReactNode } from 'react';
+import { DynamicObj } from '../CreateVariable/types';
 export interface ButtonProps {
     /**
      * Variant of the button
      */
-    variant: 'primary' | 'secondary' | 'tertiary' | 'delete' | 'warning';
+    variant: 'primary' | 'secondary' | 'tertiary' | 'delete' | 'warning' | 'custom' | 'danger' | string;
     /**
      * What background color to use
      */
     backgroundColor?: string;
     /**
-     * How large should the button be?
+     * What border color to use
+     */
+    border?: string | number;
+    /**
+     * What border color to use
      */
     size?: 'small' | 'medium' | 'large';
     /**
@@ -25,6 +30,10 @@ export interface ButtonProps {
      * Optional click handler
      */
     onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    /**
+     * Optional click handler for Copying the value
+     */
+    onCopy?: (event: React.ClipboardEvent<HTMLButtonElement>) => void;
     /**
      * Button content
      */
@@ -58,4 +67,45 @@ export interface ButtonProps {
      */
     iconPosition?: 'left' | 'right';
     transparentBackground?: boolean;
+    /**
+     * form to accept form id in string
+     */
+    form?: string;
+    /**
+     * Is the Type ChooseFile for the button
+     */
+    isChooseFile?: boolean;
+    /**
+     * Custom Width for the button
+     */
+    buttonWidth?: string;
+    /**
+     * Custom Height for the button
+     */
+    buttonHeight?: string;
+    /**
+     * selectedfile object will be send.
+     */
+    selectedFile?: File | DynamicObj | null;
+    /**
+     * handleCloseIcon function will set to the initial state .
+     */
+    handleCloseIcon?: () => void;
+    /**
+     * create custom button font size .
+     */
+    fontSize?: number;
+    /**
+     * create custom button style .
+     */
+    typographyStyle?: React.CSSProperties;
+    iconColor?: string;
+    /**
+     * Is the Type ChooseFile Action Mandatory for the button
+     */
+    isMandatory?: boolean;
+    iconSize?: {
+        width?: number;
+        height?: number;
+    };
 }

package/lib/components/Button/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/components/Button/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/Button/types.ts"],"names":[],"mappings":""}

package/lib/components/Carousel/Carousel.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import './carousel.scss';
+import { CarouselProps } from './type';
+interface ExtendedCarouselProps extends CarouselProps {
+    height?: number | string;
+}
+declare const Carousel: React.FC<ExtendedCarouselProps>;
+export default Carousel;

package/lib/components/Carousel/Carousel.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import './carousel.scss';
+import Icon from '../Icon';
+import Typography from '../Typography';
+const Carousel = ({ items, onCollapseClick, initialRunId, height, }) => {
+    if (!items || items.length === 0)
+        return null;
+    const findInitialIndex = () => {
+        if (!initialRunId)
+            return 0;
+        const idx = items.findIndex((item) => item.runId === initialRunId);
+        return idx >= 0 ? idx : 0;
+    };
+    const [currentIndex, setCurrentIndex] = useState(findInitialIndex());
+    const hasMultipleItems = items.length > 1;
+    useEffect(() => {
+        setCurrentIndex(findInitialIndex());
+    }, [initialRunId, items]);
+    const handlePrev = () => {
+        if (currentIndex > 0)
+            setCurrentIndex(currentIndex - 1);
+    };
+    const handleNext = () => {
+        if (currentIndex < items.length - 1)
+            setCurrentIndex(currentIndex + 1);
+    };
+    const carouselStyle = {
+        '--ff-carousel-height': typeof height === 'number' ? `${height}px` : height,
+    };
+    const { scriptName, machineName, icon, currentScripts, totalScripts } = items[currentIndex];
+    return (_jsxs("div", { className: "ff-carousel", style: carouselStyle, children: [_jsxs("div", { className: "ff-slide_header", children: [_jsxs("div", { className: "ff-slide-name", children: [_jsx(Icon, { name: icon }), _jsxs(Typography, { children: [machineName, "-", scriptName] })] }), _jsx("div", { className: "ff-collapse_icon", children: _jsx(Icon, { name: "collapse_icon", onClick: onCollapseClick, height: 22, width: 22 }) })] }), _jsx("div", { className: "ff-carousel-track", style: { transform: `translateX(-${currentIndex * 100}%)` }, children: items.map((item, idx) => (_jsx("div", { className: "ff-carousel-slide", children: item.src.endsWith('.mp4') ? (_jsx("video", { src: item.src, autoPlay: true, muted: true, loop: true, controls: true })) : (_jsx("img", { src: item.src, alt: item.alt || `Slide ${idx}` })) }, idx))) }), _jsxs("div", { className: "ff-carousel-bottom-text", children: [_jsx("div", { className: "ff-left-text" }), _jsxs(Typography, { className: "ff-right-text", children: [currentScripts, "/", totalScripts] })] }), hasMultipleItems && (_jsxs("div", { className: "ff-carousel-controls", children: [_jsx("div", { className: "ff-left-control", children: currentIndex > 0 && (_jsx(Icon, { className: "ff-carousel-icons", name: "left_new_icon", onClick: handlePrev, height: 64, width: 64 })) }), _jsx("div", { className: "ff-right-control", children: currentIndex < items.length - 1 && (_jsx(Icon, { className: "ff-carousel-icons", name: "right_new_icon", onClick: handleNext, height: 64, width: 64 })) })] }))] }));
+};
+export default Carousel;
+//# sourceMappingURL=Carousel.js.map

package/lib/components/Carousel/Carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../../src/components/Carousel/Carousel.tsx"],"names":[],"mappings":"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"}

package/lib/components/Carousel/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./Carousel";

package/lib/components/Carousel/index.js

@@ -0,0 +1,2 @@
+export { default } from "./Carousel";
+//# sourceMappingURL=index.js.map

package/lib/components/Carousel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Carousel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC"}

package/lib/components/Carousel/type.d.ts

@@ -0,0 +1,27 @@
+export interface CarouselItem {
+    /** Source URL for image or video */
+    src: string;
+    /** Alt text for images */
+    alt?: string;
+    /** Display name for the slide */
+    icon: string;
+    /** Formatted time string, e.g. "20:12" */
+    currentScripts: number;
+    totalScripts: number;
+    machineName: string;
+    scriptName: string;
+    /** Allow additional arbitrary properties without TS errors */
+    [key: string]: any;
+    /**
+     * Optional click handler for collapse action.
+     */
+    runId: string;
+}
+export interface CarouselProps {
+    /** Array of carousel items */
+    items: CarouselItem[];
+    /** Optional click handler for collapse action */
+    onCollapseClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    initialRunId?: string;
+    height?: string | number;
+}

package/lib/components/Carousel/type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=type.js.map

package/lib/components/Carousel/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sourceRoot":"","sources":["../../../src/components/Carousel/type.ts"],"names":[],"mappings":""}

package/lib/components/Charts/BarChart/BarChart.d.ts

@@ -0,0 +1,43 @@
+import React from 'react';
+import './BarChart.scss';
+type BarChartProps = {
+    data: {
+        label: string;
+        value: number | string;
+        id?: string;
+        percent?: number;
+        versions?: string[];
+    }[];
+    isYaxisSticky?: boolean;
+    barWidth: number;
+    height: number;
+    barGap?: number;
+    colors?: string[][];
+    xAxisLabel?: string;
+    isTruncateText?: boolean;
+    yAxisLabel?: string;
+    padding?: number;
+    yAxisDivisions?: number;
+    barBorderRadius?: number;
+    legend?: boolean;
+    showXAxisLabels?: boolean;
+    icons?: (string | React.ReactNode)[];
+    iconSize?: number;
+    backgroundColor?: string;
+    legendPosition?: 'top' | 'bottom';
+    legendGap?: number;
+    extendBarChartRightWidth?: number;
+    isYAxisValuePercentage?: boolean;
+    selectedBar?: string | null;
+    setSelectedBar?: (value: string | null) => void;
+    onSelectedBar?: (_label: string) => void;
+    totalLabel?: string;
+    customToolTip?: boolean;
+    isOnclick?: boolean;
+    isDashboardVersions?: boolean;
+    type?: string;
+    isMemory?: boolean;
+    tooltipWidth?: string;
+};
+declare const BarChart: React.FC<BarChartProps>;
+export default BarChart;