phx-uikit 1.0.0

package/dist/esm/components/Card/Card.js

@@ -0,0 +1,111 @@
+import React, { Fragment } from 'react';
+import Section from './Section';
+import WrapSection from './WrapSection';
+import Footer from './Footer';
+import { classNames } from '../types';
+import { PHXButton } from '../Button';
+import { ArrowUpTrayIcon, ChevronDownIcon, XMarkIcon } from '@heroicons/react/24/solid';
+import { DocumentMagnifyingGlassIcon, PencilIcon, TrashIcon } from '@heroicons/react/24/outline';
+import { Menu, Transition } from '@headlessui/react';
+import { PHXBadge } from '../Badge';
+import { PHXSpinner } from '../Loading';
+export var PHXCard = function Card(_a) {
+    var children = _a.children, title = _a.title, primaryFooterAction = _a.primaryFooterAction, primaryHeader = _a.primaryHeader, dropdownOnly = _a.dropdownOnly, secondaryFooterActions = _a.secondaryFooterActions, subSection = _a.subSection, dataListLi = _a.dataListLi, isUpload = _a.isUpload, dataListLiDouble = _a.dataListLiDouble, dropdown = _a.dropdown, iconDetail = _a.iconDetail, isbuttonHeader = _a.isbuttonHeader, headerAction = _a.headerAction, dangerFooterAction = _a.dangerFooterAction, _b = _a.type, type = _b === void 0 ? 'default' : _b, _c = _a.isHeaderDownload, isHeaderDownload = _c === void 0 ? false : _c, downloadLinkRef = _a.downloadLinkRef, hrefLink = _a.hrefLink, downloadText = _a.downloadText, badgeType = _a.badgeType, badgeText = _a.badgeText, _d = _a.fullSize, fullSize = _d === void 0 ? false : _d, cardType = _a.cardType, componentFist = _a.componentFist, componentLast = _a.componentLast, classNameFist = _a.classNameFist, classNameLast = _a.classNameLast, loadingSpinner = _a.loadingSpinner;
+    var footerActionMarkup = primaryFooterAction || secondaryFooterActions || dangerFooterAction ? (React.createElement("div", { className: classNames(downloadLinkRef && hrefLink && downloadText ? 'flex items-center justify-between gap-x-3' : 'justify-end') },
+        React.createElement("div", { className: classNames(downloadLinkRef && hrefLink && downloadText ? ' pl-5' : 'hidden') }, downloadLinkRef && hrefLink && downloadText && (React.createElement("span", null,
+            React.createElement("a", { ref: downloadLinkRef, className: 'text-sm text-[#005BD3] underline hover:text-[#004299]', href: hrefLink }, downloadText)))),
+        React.createElement("div", { className: classNames(type === 'modal' ? 'p-4' : 'px-5 py-3 sm:px-6 ', 'flex justify-end gap-x-3') },
+            secondaryFooterActions && secondaryFooterActions.length === 1 && secondaryFooterActions[0].content && (React.createElement(PHXButton, { secondary: true, size: 'micro', onClick: secondaryFooterActions[0].onClick }, secondaryFooterActions[0].content)),
+            primaryFooterAction && primaryFooterAction.content && (React.createElement(PHXButton, { primary: true, submit: primaryFooterAction.submit ? true : false, size: 'micro', onClick: primaryFooterAction.onClick, disabled: primaryFooterAction.disabled || primaryFooterAction.loading, loading: primaryFooterAction.loading }, primaryFooterAction.content)),
+            dangerFooterAction && dangerFooterAction.content && (React.createElement(PHXButton, { danger: true, submit: dangerFooterAction.submit ? true : false, size: 'micro', onClick: dangerFooterAction.onClick, loading: dangerFooterAction.loading }, dangerFooterAction.content))))) : (React.createElement(React.Fragment, null));
+    var HeaderActionMarkup = function (_a) {
+        var title = _a.title;
+        return primaryHeader ? (React.createElement("div", { className: classNames(type === 'modal' ? 'p-4 bg-[#F3F3F3] rounded-t-lg' : 'px-4 pt-4', 'flex justify-between items-center', type === 'title-with-badge' && 'gap-x-1') },
+            React.createElement("span", { className: classNames('text-sm font-semibold leading-5 text-gray-900', type === 'title-with-badge' && 'flex-1 truncate') }, title),
+            headerAction &&
+                (isHeaderDownload ? (React.createElement(PHXButton, { onClick: headerAction.onClick, soft: true, size: 'small' }, headerAction.content)) : (React.createElement(React.Fragment, null,
+                    headerAction.content && !dropdown && !isbuttonHeader && !isUpload ? (React.createElement(React.Fragment, null, headerAction.content === 'close' ? (React.createElement("button", { type: 'button', className: "grid grid-cols-1 rounded-md p-0.5 text-gray-400 ".concat(type === 'modal' ? 'hover:bg-gray-200 hover:text-gray-500' : 'bg-white hover:bg-gray-100'), onClick: headerAction.onClick },
+                        React.createElement(React.Fragment, null,
+                            React.createElement("span", { className: 'sr-only' }, "Close"),
+                            React.createElement(XMarkIcon, { className: 'h-5 w-5', "aria-hidden": 'true' })))) : (React.createElement("p", { "aria-hidden": true, className: 'text-blue-600 hover:cursor-pointer hover:text-blue-800 hover:underline text-xs', onClick: headerAction.onClick }, headerAction.content)))) : null,
+                    headerAction.content && isbuttonHeader ? (React.createElement("button", { onClick: headerAction.onClick, className: 'px-2 py-1 flex items-center text-xs rounded-lg active:pt-[0.3rem] active:pb-[0.2rem] border bg-white font-normal text-gray-900 shadow-sm hover:bg-slate-50 active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]' },
+                        iconDetail && React.createElement(DocumentMagnifyingGlassIcon, { className: 'h-4 w-4' }),
+                        isUpload && React.createElement(ArrowUpTrayIcon, { className: 'h-4 w-4 ' }))) : null,
+                    dropdown && (React.createElement("div", { className: 'flex items-center' },
+                        !dropdownOnly && (React.createElement("p", { "aria-hidden": true, className: 'text-blue-600 mt-[1px] hover:cursor-pointer hover:text-blue-800 hover:underline text-xs', onClick: headerAction.onClick }, headerAction.content)),
+                        React.createElement("div", { className: 'ml-5' },
+                            React.createElement(Menu, { as: 'div', className: "relative inline-block text-left" },
+                                React.createElement("div", null,
+                                    React.createElement(Menu.Button, null,
+                                        React.createElement("div", { className: 'flex items-center text-blue-600 hover:cursor-pointer hover:text-blue-800 hover:underline text-xs' },
+                                            React.createElement("p", null, dropdown.title),
+                                            React.createElement(ChevronDownIcon, { className: 'h-[13px] w-[13px] ml-1' })))),
+                                React.createElement(Transition, { as: Fragment, enter: 'transition ease-out duration-100', enterFrom: 'transform opacity-0 scale-95', enterTo: 'transform opacity-100 scale-100', leave: 'transition ease-in duration-75', leaveFrom: 'transform opacity-100 scale-100', leaveTo: 'transform opacity-0 scale-95' },
+                                    React.createElement(Menu.Items, { className: classNames('whitespace-nowrap border px-2 py-1 absolute right-0 z-10 max-h-96 overflow-y-auto mt-1.5 min-w-[5.2rem] rounded-lg bg-white focus:outline-none shadow-[0rem_0.25rem_0.375rem_-0.125rem_rgba(26,26,26,.2)]') },
+                                        React.createElement(React.Fragment, null,
+                                            React.createElement("div", { className: 'py-1' }, dropdown.data.map(function (item) { return (React.createElement(Menu.Item, { key: item.content }, function (_a) {
+                                                var active = _a.active;
+                                                return (React.createElement("div", { className: classNames(active
+                                                        ? 'bg-gray-100 text-gray-900 rounded-lg cursor-pointer'
+                                                        : 'text-gray-700', 'block px-2 py-1.5 text-xs'), onClick: item.onClick }, item.name));
+                                            })); })))))))))))),
+            type === 'title-with-badge' && (React.createElement(React.Fragment, null,
+                React.createElement(PHXBadge, { type: badgeType, text: badgeText }))))) : (React.createElement(React.Fragment, null));
+    };
+    var SubSectionHeader = function (_a) {
+        var title = _a.title, headerAction = _a.headerAction;
+        return (title && (React.createElement("div", { className: classNames(type === 'modal' && 'px-5 py-3', 'flex justify-between items-center px-4') },
+            React.createElement("span", { className: 'text-xs font-semibold leading-5 text-gray-900' }, title),
+            headerAction &&
+                (isHeaderDownload ? (React.createElement(PHXButton, { onClick: headerAction.onClick, soft: true, size: 'small' }, headerAction.content)) : (React.createElement(React.Fragment, null,
+                    headerAction.content !== 'pencil' && headerAction.content !== 'pencil & remove' ? (React.createElement(React.Fragment, null, headerAction.content === 'close' ? (React.createElement("button", { type: 'button', className: 'rounded-md p-1 bg-white text-gray-400 hover:bg-gray-100', onClick: headerAction.onClick },
+                        React.createElement(React.Fragment, null,
+                            React.createElement("span", { className: 'sr-only' }, "Close"),
+                            React.createElement(XMarkIcon, { className: 'h-4 w-4', "aria-hidden": 'true' })))) : (React.createElement("p", { "aria-hidden": true, className: 'text-blue-600 hover:cursor-pointer hover:text-blue-800 hover:underline text-xs', onClick: headerAction.onClick }, headerAction.content)))) : null,
+                    headerAction.content === 'pencil' && (React.createElement("button", { type: 'button', className: 'rounded-md p-1 bg-white text-gray-400 hover:bg-gray-100 active:bg-gray-200', onClick: headerAction.onClick },
+                        React.createElement(PencilIcon, { className: 'h-[15px] w-[15px] active:text-gray-600', "aria-hidden": 'true' }))),
+                    headerAction.content === 'pencil & remove' && (React.createElement("div", { className: 'flex' },
+                        React.createElement("button", { type: 'button', className: 'rounded-md p-1 bg-white text-gray-400 hover:bg-gray-100 active:bg-gray-200', onClick: headerAction.onDelete },
+                            React.createElement(TrashIcon, { className: 'h-4 w-4 text-red-800 active:text-red-900', "aria-hidden": 'true' })),
+                        React.createElement("button", { type: 'button', className: 'rounded-md p-1 bg-white text-gray-400 hover:bg-gray-100 ml-2 active:bg-gray-200', onClick: headerAction.onClick },
+                            React.createElement(PencilIcon, { className: 'h-[15px] w-[15px] active:text-gray-600', "aria-hidden": 'true' }))))))))));
+    };
+    return (React.createElement(React.Fragment, null, cardType === 'card-component' ? (React.createElement("div", { className: 'w-full' },
+        React.createElement("div", { className: 'mx-auto max-w-3xl px-0 lg:max-w-full' },
+            React.createElement("div", { className: classNames(type === 'modal' ? 'divide-y divide-gray-200' : '', 'rounded-lg border border-gray-200 bg-white shadow-[0rem_0.0825rem_0rem_#00000012]') },
+                React.createElement("div", { className: 'flex items-center justify-between px-4 pt-4' },
+                    React.createElement("span", { className: classNames('flex-1 truncate text-sm font-semibold leading-5 text-gray-900') }, title),
+                    React.createElement("div", null, loadingSpinner ? React.createElement(PHXSpinner, { className: 'mr-4 flex h-5 w-5 items-center justify-center' }) : ''),
+                    React.createElement("div", { className: classNameFist }, componentFist),
+                    React.createElement("div", { className: classNameLast }, componentLast)),
+                subSection
+                    ? subSection.map(function (item, index) { return (React.createElement("div", { key: index, className: classNames(title ? 'py-2' : 'py-2', index === subSection.length - 1 && 'pb-0', index === 0 && !title && 'pt-4') },
+                        React.createElement(SubSectionHeader, { headerAction: item.headerAction, index: index, title: item.title }),
+                        item.component && (React.createElement("div", { className: classNames(type === 'modal' ? 'px-5 py-3' : 'px-4 py-2', index < subSection.length - 1 ? 'pb-0' : 'pb-4') }, item.component)))); })
+                    : null,
+                dataListLi && (React.createElement("div", { className: 'px-6 pb-4 pt-3 text-xs' }, dataListLi.map(function (item, index) { return (React.createElement("li", { key: index, className: 'mb-[6px]' }, item.name)); }))),
+                children ? (React.createElement(React.Fragment, null,
+                    React.createElement("div", { className: classNames(!fullSize ? 'p-4' : '', primaryHeader && type !== 'modal' ? 'pt-2' : fullSize ? '' : 'pt-4') }, children))) : null,
+                footerActionMarkup)))) : (React.createElement("div", { className: 'w-full' }, dataListLiDouble ? (React.createElement("div", { className: 'shadow-[0rem_0.0625rem_0rem_#1a1a1a12] rounded-lg' },
+        React.createElement("div", { className: 'rounded-t-lg bg-white border border-gray-200 border-b-0' }, dataListLiDouble && (React.createElement(React.Fragment, null,
+            React.createElement(HeaderActionMarkup, { title: dataListLiDouble.top.title }),
+            React.createElement("div", { className: 'text-xs px-6 pt-3 pb-4' }, dataListLiDouble.top.data.map(function (item, index) { return (React.createElement("li", { key: index, className: 'mb-[6px]' }, item.name)); }))))),
+        React.createElement("div", { className: 'rounded-b-lg bg-gray-100 border border-gray-200 border-t-0' }, dataListLiDouble && (React.createElement(React.Fragment, null,
+            React.createElement(HeaderActionMarkup, { title: dataListLiDouble.bottom.title }),
+            React.createElement("div", { className: 'text-xs px-6 pt-3 pb-4' }, dataListLiDouble.bottom.data.map(function (item, index) { return (React.createElement("li", { key: index, className: 'mb-[6px]' }, item.name)); }))))))) : (React.createElement("div", { className: 'mx-auto max-w-3xl px-0 lg:max-w-full' },
+        React.createElement("div", { className: classNames(type === 'modal' ? 'divide-y divide-gray-200' : '', 'shadow-[0rem_0.0825rem_0rem_#00000012] rounded-lg bg-white border border-gray-200') },
+            title && React.createElement(HeaderActionMarkup, { title: title }),
+            subSection
+                ? subSection.map(function (item, index) { return (React.createElement("div", { key: index, className: classNames(title ? 'py-2' : 'py-2', index === subSection.length - 1 && 'pb-0', index === 0 && !title && 'pt-4') },
+                    React.createElement(SubSectionHeader, { title: item.title, headerAction: item.headerAction, index: index }),
+                    item.component && (React.createElement("div", { className: classNames(type === 'modal' ? 'py-3 px-5' : 'px-4 py-2', index < subSection.length - 1 ? 'pb-0' : 'pb-4') }, item.component)))); })
+                : null,
+            dataListLi && (React.createElement("div", { className: 'text-xs px-6 pt-3 pb-4' }, dataListLi.map(function (item, index) { return (React.createElement("li", { key: index, className: 'mb-[6px]' }, item.name)); }))),
+            children ? (React.createElement(React.Fragment, null,
+                React.createElement("div", { className: classNames(!fullSize ? 'p-4' : '', primaryHeader && type !== 'modal' ? 'pt-2' : fullSize ? '' : 'pt-4') }, children))) : null,
+            footerActionMarkup)))))));
+};
+PHXCard.Section = Section;
+PHXCard.WrapSection = WrapSection;
+PHXCard.Footer = Footer;
+//# sourceMappingURL=Card.js.map

package/dist/esm/components/Card/Card.js.map

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

package/dist/esm/components/Card/Footer.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Footer: ({ children }: any) => React.JSX.Element;
+export default Footer;

package/dist/esm/components/Card/Footer.js

@@ -0,0 +1,8 @@
+import React from 'react';
+var Footer = function (_a) {
+    var children = _a.children;
+    return (React.createElement("div", { className: 'bg-gray-50 px-4 py-4 sm:px-6 flex justify-end' },
+        React.createElement("button", { type: 'button', className: 'rounded-md bg-[#E3E3E3] px-2.5 py-1.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600' }, children)));
+};
+export default Footer;
+//# sourceMappingURL=Footer.js.map

package/dist/esm/components/Card/Footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../../src/components/Card/Footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,IAAM,MAAM,GAAG,UAAC,EAAiB;QAAf,QAAQ,cAAA;IACxB,OAAO,CACL,6BAAK,SAAS,EAAC,+CAA+C;QAC5D,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,oNAAoN,IAE7N,QAAQ,CACF,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}

package/dist/esm/components/Card/Section.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface CardSectionProps {
+    title?: React.ReactNode;
+    subTitle?: React.ReactNode;
+    children?: React.ReactNode;
+}
+declare const Section: ({ title, subTitle, children }: CardSectionProps) => React.JSX.Element;
+export default Section;

package/dist/esm/components/Card/Section.js

@@ -0,0 +1,13 @@
+import React from 'react';
+var Section = function (_a) {
+    var title = _a.title, subTitle = _a.subTitle, children = _a.children;
+    var titleMarker = (title || subTitle) && (React.createElement("div", { className: 'mb-5' },
+        title && React.createElement("h3", { className: 'text-base font-semibold leading-6 text-gray-900' }, title),
+        subTitle && title && React.createElement("p", { className: 'mt-1 text-sm text-slate-500' }, subTitle),
+        subTitle && !title && React.createElement("p", { className: 'text-sm text-slate-500' }, subTitle)));
+    return (React.createElement("div", { className: 'py-5' },
+        titleMarker,
+        children));
+};
+export default Section;
+//# sourceMappingURL=Section.js.map

package/dist/esm/components/Card/Section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../../../src/components/Card/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,IAAM,OAAO,GAAG,UAAC,EAA+C;QAA7C,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAA;IAC1C,IAAM,WAAW,GAAG,CAAC,KAAK,IAAI,QAAQ,CAAC,IAAI,CACzC,6BAAK,SAAS,EAAC,MAAM;QAClB,KAAK,IAAI,4BAAI,SAAS,EAAC,iDAAiD,IAAE,KAAK,CAAM;QAErF,QAAQ,IAAI,KAAK,IAAI,2BAAG,SAAS,EAAC,6BAA6B,IAAE,QAAQ,CAAK;QAE9E,QAAQ,IAAI,CAAC,KAAK,IAAI,2BAAG,SAAS,EAAC,wBAAwB,IAAE,QAAQ,CAAK,CACvE,CACP,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAC,MAAM;QAClB,WAAW;QACX,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}

package/dist/esm/components/Card/WrapSection.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const WrapSection: ({ children }: any) => React.JSX.Element;
+export default WrapSection;

package/dist/esm/components/Card/WrapSection.js

@@ -0,0 +1,7 @@
+import React from 'react';
+var WrapSection = function (_a) {
+    var children = _a.children;
+    return React.createElement("div", { className: 'divide-y divide-gray-200' }, children);
+};
+export default WrapSection;
+//# sourceMappingURL=WrapSection.js.map

package/dist/esm/components/Card/WrapSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WrapSection.js","sourceRoot":"","sources":["../../../../src/components/Card/WrapSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,IAAM,WAAW,GAAG,UAAC,EAAiB;QAAf,QAAQ,cAAA;IAC7B,OAAO,6BAAK,SAAS,EAAC,0BAA0B,IAAE,QAAQ,CAAO,CAAA;AACnE,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/esm/components/Card/index.d.ts

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

package/dist/esm/components/Card/index.js

@@ -0,0 +1,2 @@
+export * from './Card';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Card/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA"}

package/dist/esm/components/Chart/BarChart/BarChart.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+interface PHXBarChartProps {
+    data: Array<{
+        name: string;
+        uv: number;
+        pv: number;
+        amt: number;
+        color: string;
+        value: number;
+        lineChart: number;
+        yAxisRight: number;
+    }>;
+    dataKeyLineChart?: string;
+    colorLineChart?: string;
+    duplicateChart?: boolean;
+    dataKeyChartA?: string;
+    dataKeyChartB?: string;
+    xAxisKey?: string;
+    yAxisRightKey?: string;
+    domain?: Array<any>;
+    nameLineChart?: string;
+    hiddenLineChart?: boolean;
+    doubleColumnInRow?: boolean;
+    dataKeyColumnDouble?: string;
+    barSize?: number;
+    nameColumnDouble?: string;
+    chartType: 'double' | 'single' | 'one-to-many' | 'many-to-one' | 'many-to-many';
+    radiusChart?: Array<number>;
+    chartColumnA?: Array<{
+        name: string;
+        value: number;
+        color: string;
+    }>;
+    chartColumnB?: Array<{
+        name: string;
+        value: number;
+        color: string;
+    }>;
+}
+declare function PHXBarChart(props: Readonly<PHXBarChartProps>): React.JSX.Element;
+export default PHXBarChart;

package/dist/esm/components/Chart/BarChart/BarChart.js

@@ -0,0 +1,146 @@
+import { __assign } from "tslib";
+import React, { useState } from 'react';
+import { Bar, ComposedChart, CartesianGrid, Legend, ResponsiveContainer, Tooltip, XAxis, YAxis, Cell, Line, } from 'recharts';
+function PHXBarChart(props) {
+    var data = props.data, dataKeyLineChart = props.dataKeyLineChart, colorLineChart = props.colorLineChart, dataKeyChartA = props.dataKeyChartA, dataKeyChartB = props.dataKeyChartB, xAxisKey = props.xAxisKey, yAxisRightKey = props.yAxisRightKey, domain = props.domain, nameLineChart = props.nameLineChart, hiddenLineChart = props.hiddenLineChart, doubleColumnInRow = props.doubleColumnInRow, barSize = props.barSize, nameColumnDouble = props.nameColumnDouble, chartType = props.chartType, radiusChart = props.radiusChart, chartColumnA = props.chartColumnA, chartColumnB = props.chartColumnB;
+    var _a = useState(null), hoveredBar = _a[0], setHoveredBar = _a[1];
+    var onMouseEnter = function (value) {
+        setHoveredBar(value.tooltipPayload[0].name);
+    };
+    var onMouseLeave = function () {
+        setHoveredBar(null);
+    };
+    var CustomToolLegend = function (propsTooltip) {
+        var payload = propsTooltip.payload;
+        // gộp những item có label name giống nhau thành 1
+        var aggregatedItems = {};
+        payload.forEach(function (item) {
+            var _a;
+            var name = (_a = item === null || item === void 0 ? void 0 : item.payload) === null || _a === void 0 ? void 0 : _a.name;
+            if (!aggregatedItems[name]) {
+                aggregatedItems[name] = __assign(__assign({}, item), { count: 1 });
+            }
+            else {
+                aggregatedItems[name].count++;
+            }
+        });
+        var aggregatedItemsArray = Object.values(aggregatedItems);
+        return (React.createElement("div", { className: 'custom-legend mt-4' },
+            React.createElement("div", { className: 'flex flex-wrap justify-end gap-2' }, aggregatedItemsArray === null || aggregatedItemsArray === void 0 ? void 0 : aggregatedItemsArray.map(function (item) { return (React.createElement("div", { key: item.id, style: {
+                    backgroundColor: '#F6F6F7',
+                    padding: 5,
+                    borderRadius: '5px'
+                } },
+                React.createElement("div", { style: {
+                        display: 'flex',
+                        alignItems: 'center',
+                        opacity: !hoveredBar ? 1 : hoveredBar === item.payload.name ? 1 : 0.5
+                    } },
+                    React.createElement("div", { style: {
+                            borderRadius: '4px',
+                            width: '18px',
+                            height: '18px',
+                            background: "linear-gradient(".concat(item.color, ", ").concat(item.color, ")"),
+                            alignItems: 'center',
+                            alignContent: 'center'
+                        } }),
+                    React.createElement("p", { style: {
+                            marginLeft: '10px',
+                            fontSize: '14px',
+                            marginRight: 4
+                        } }, item === null || item === void 0 ? void 0 : item.payload.name)))); }))));
+    };
+    var CustomToolTip = function (propsTooltip) {
+        var _a, _b;
+        var active = propsTooltip.active, payload = propsTooltip.payload;
+        if (!active || !payload || payload.length === 0) {
+            return null;
+        }
+        var groupedItems = {};
+        payload.forEach(function (item) {
+            var name = item.name;
+            if (!groupedItems[name]) {
+                groupedItems[name] = item;
+            }
+        });
+        var groupedItemsArray = Object.values(groupedItems);
+        return (React.createElement("div", { style: {
+                backgroundColor: '#f5f5f5',
+                margin: 10,
+                width: '10rem',
+                padding: 3,
+                borderRadius: 8
+            } },
+            React.createElement("div", { className: 'ml-2 mt-2' }, (_b = (_a = groupedItemsArray[0]) === null || _a === void 0 ? void 0 : _a.payload) === null || _b === void 0 ? void 0 : _b.name),
+            groupedItemsArray.map(function (item) { return (React.createElement("div", { key: item.id, style: {
+                    display: 'flex',
+                    padding: 5,
+                    marginTop: 4
+                } },
+                React.createElement("div", { style: {
+                        borderRadius: '4px',
+                        width: '18px',
+                        height: '18px',
+                        background: "linear-gradient(".concat(item.color, ", ").concat(item.color, ")"),
+                        alignItems: 'center',
+                        alignContent: 'center',
+                        opacity: hoveredBar === item.name ? 1 : 0.5
+                    } }),
+                React.createElement("div", { className: 'ml-2', style: { opacity: hoveredBar === item.name ? 1 : 0.5 } }, item.name),
+                React.createElement("div", { style: {
+                        marginLeft: 'auto',
+                        opacity: hoveredBar === item.name ? 1 : 0.5
+                    } }, item.payload.amt))); })));
+    };
+    var columns = chartColumnA === null || chartColumnA === void 0 ? void 0 : chartColumnA.map(function (item) { return (__assign({}, item)); });
+    var columnsPageB = chartColumnB === null || chartColumnB === void 0 ? void 0 : chartColumnB.map(function (item) { return (__assign({}, item)); });
+    var handleBoderChart = function (index, chartColumn) {
+        var chartIndex = index === chartColumn.length - 1 ? radiusChart !== null && radiusChart !== void 0 ? radiusChart : [6, 6, 0, 0] : [0, 0, 0, 0];
+        return chartIndex;
+    };
+    return (React.createElement(ResponsiveContainer, { height: 500, width: '100%' },
+        React.createElement(ComposedChart, { barGap: 20, data: data, height: 300, width: 500 },
+            React.createElement(CartesianGrid, { strokeDasharray: '3 3', vertical: false }),
+            React.createElement(XAxis, { axisLine: false, dataKey: xAxisKey !== null && xAxisKey !== void 0 ? xAxisKey : 'name' }),
+            React.createElement(YAxis, { axisLine: false }),
+            React.createElement(YAxis, { axisLine: false, dataKey: yAxisRightKey !== null && yAxisRightKey !== void 0 ? yAxisRightKey : 'yAxisRight', domain: domain, minTickGap: 20, orientation: 'right', tickCount: 5, yAxisId: 2 }),
+            React.createElement(Tooltip, { content: React.createElement(CustomToolTip, null) }),
+            React.createElement(Legend, { content: React.createElement(CustomToolLegend, null) }),
+            chartType === 'one-to-many' && (React.createElement(React.Fragment, null,
+                React.createElement(Bar, { barSize: barSize, dataKey: dataKeyChartA !== null && dataKeyChartA !== void 0 ? dataKeyChartA : 'pv', onMouseEnter: function (value) { return onMouseEnter(value); }, fill: '#dd75c1', name: 'name' },
+                    React.createElement(Cell, { fill: '#dd75c1' })), columnsPageB === null || columnsPageB === void 0 ? void 0 :
+                columnsPageB.map(function (item, index) { return (React.createElement(Bar, { key: "bar-pageB-".concat(index), onMouseEnter: function (value) { return onMouseEnter(value); }, onMouseLeave: onMouseLeave, barSize: barSize, dataKey: dataKeyChartB !== null && dataKeyChartB !== void 0 ? dataKeyChartB : 'amt', fill: item.color, name: item.name, position: { x: 30 }, 
+                    // @ts-ignore
+                    radius: handleBoderChart(index, columnsPageB), stackId: 'stackB' },
+                    React.createElement(Cell, { key: "cell-pageB-".concat(index), fill: item.color }))); }))),
+            chartType === 'many-to-one' && (React.createElement(React.Fragment, null, columnsPageB === null || columnsPageB === void 0 ? void 0 :
+                columnsPageB.map(function (item, index) { return (React.createElement(Bar, { key: "bar-pageB-".concat(index), onMouseEnter: function (value) { return onMouseEnter(value); }, onMouseLeave: onMouseLeave, barSize: barSize, dataKey: 'pv', fill: item.color, name: item.name, position: { x: 30 }, 
+                    // @ts-ignore
+                    radius: handleBoderChart(index, columnsPageB), stackId: 'stackB' },
+                    React.createElement(Cell, { key: "cell-pageB-".concat(index), fill: item.color }))); }),
+                React.createElement(Bar, { onMouseEnter: function (value) { return onMouseEnter(value); }, onMouseLeave: onMouseLeave, barSize: barSize, dataKey: dataKeyChartB !== null && dataKeyChartB !== void 0 ? dataKeyChartB : 'uv', fill: '#dd75c1', name: 'name' },
+                    React.createElement(Cell, { fill: '#dd75c1' })))),
+            chartType === 'single' && (
+            // @ts-ignore
+            React.createElement(Bar, { onMouseEnter: function (value) { return onMouseEnter(value); }, onMouseLeave: onMouseLeave, barSize: barSize, dataKey: dataKeyChartB !== null && dataKeyChartB !== void 0 ? dataKeyChartB : 'pv', fill: '#dd75c1', name: 'name' },
+                React.createElement(Cell, { fill: '#dd75c1' }))),
+            chartType === 'double' && (React.createElement(React.Fragment, null,
+                React.createElement(Bar, { onMouseEnter: function (value) { return onMouseEnter(value); }, onMouseLeave: onMouseLeave, barSize: barSize, dataKey: dataKeyChartB !== null && dataKeyChartB !== void 0 ? dataKeyChartB : 'pv', fill: '#dd75c1', name: 'name' },
+                    React.createElement(Cell, { fill: '#dd75c1' })),
+                doubleColumnInRow && (
+                // @ts-ignore
+                React.createElement(Bar, { onMouseEnter: function (value) { return onMouseEnter(value); }, onMouseLeave: onMouseLeave, barSize: barSize, dataKey: dataKeyChartB !== null && dataKeyChartB !== void 0 ? dataKeyChartB : 'uv', fill: '#8868ee', name: nameColumnDouble },
+                    React.createElement(Cell, { fill: '#8868ee' }))))),
+            chartType === 'many-to-many' && (React.createElement(React.Fragment, null, columns === null || columns === void 0 ? void 0 :
+                columns.map(function (item, index) { return (React.createElement(Bar, { key: "bar-pageA-".concat(index), onMouseEnter: function (value) { return onMouseEnter(value); }, onMouseLeave: onMouseLeave, barSize: barSize, dataKey: dataKeyChartB !== null && dataKeyChartB !== void 0 ? dataKeyChartB : 'uv', fill: item.color, name: item.name, position: { x: 30 }, 
+                    // @ts-ignore
+                    radius: handleBoderChart(index, columns), stackId: 'stackA' },
+                    React.createElement(Cell, { key: "cell-pageA-".concat(index), fill: item.color }))); }), columnsPageB === null || columnsPageB === void 0 ? void 0 :
+                columnsPageB.map(function (item, index) { return (React.createElement(Bar, { key: "bar-pageB-".concat(index), onMouseEnter: function (value) { return onMouseEnter(value); }, onMouseLeave: onMouseLeave, barSize: barSize, dataKey: dataKeyChartB !== null && dataKeyChartB !== void 0 ? dataKeyChartB : 'pv', fill: item.color, name: item.name, position: { x: 30 }, 
+                    // @ts-ignore
+                    radius: handleBoderChart(index, columnsPageB), stackId: 'stackB' },
+                    React.createElement(Cell, { key: "cell-pageB-".concat(index), fill: item.color }))); }))),
+            !hiddenLineChart && (React.createElement(Line, { type: 'monotone', name: nameLineChart, dataKey: dataKeyLineChart !== null && dataKeyLineChart !== void 0 ? dataKeyLineChart : 'lineChart', stroke: colorLineChart !== null && colorLineChart !== void 0 ? colorLineChart : '#ff7300' })))));
+}
+export default PHXBarChart;
+//# sourceMappingURL=BarChart.js.map

package/dist/esm/components/Chart/BarChart/BarChart.js.map

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

package/dist/esm/components/Chart/DonutChart/DonutChart.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface DonutChartProps {
+    withChart?: number;
+    data: Array<{
+        name: string;
+        value: number;
+    }>;
+    colorChart?: Array<string>;
+    dataKey?: string;
+    hiddenLabel?: boolean;
+}
+declare function DonutChart(props: Readonly<DonutChartProps>): React.JSX.Element;
+export default DonutChart;

package/dist/esm/components/Chart/DonutChart/DonutChart.js

@@ -0,0 +1,99 @@
+import React, { useState } from 'react';
+import { PieChart, Pie, Cell, ResponsiveContainer, Legend, Tooltip } from 'recharts';
+function DonutChart(props) {
+    var _a = props.colorChart, colorChart = _a === void 0 ? ['#0088FE', '#00C49F', '#FFBB28', '#FF8042'] : _a, dataKey = props.dataKey, withChart = props.withChart, data = props.data, _b = props.hiddenLabel, hiddenLabel = _b === void 0 ? true : _b;
+    var RADIAN = Math.PI / 180;
+    var _c = useState(null), hoveredBar = _c[0], setHoveredBar = _c[1];
+    var renderCustomizedLabel = function (_a) {
+        var cx = _a.cx, cy = _a.cy, innerRadius = _a.innerRadius, midAngle = _a.midAngle, outerRadius = _a.outerRadius, payload = _a.payload, percent = _a.percent;
+        var radius = innerRadius + (outerRadius - innerRadius) * 0.5;
+        var labelRadius = outerRadius + 20;
+        var labelX = cx + labelRadius * Math.cos(-midAngle * RADIAN);
+        var labelY = cy + labelRadius * Math.sin(-midAngle * RADIAN);
+        var x = cx + radius * Math.cos(-midAngle * RADIAN);
+        var y = cy + radius * Math.sin(-midAngle * RADIAN);
+        return (React.createElement(React.Fragment, null,
+            React.createElement("text", { dominantBaseline: 'central', fill: '#999', textAnchor: labelX > cx ? 'start' : 'end', x: labelX, y: labelY }, payload.name),
+            hiddenLabel && (React.createElement("text", { dominantBaseline: 'central', fill: 'white', textAnchor: x > cx ? 'start' : 'end', x: x, y: y }, "".concat((percent * 100).toFixed(0), "%")))));
+    };
+    var CustomToolLegend = function (propsTooltip) {
+        var payload = propsTooltip.payload;
+        return (React.createElement("div", { className: 'custom-legend mt-4' },
+            React.createElement("div", { className: 'flex flex-wrap justify-end gap-2' }, payload === null || payload === void 0 ? void 0 : payload.map(function (item) { return (React.createElement("div", { key: item.id, style: {
+                    backgroundColor: '#F6F6F7',
+                    padding: 5,
+                    borderRadius: '5px'
+                } },
+                React.createElement("div", { style: {
+                        display: 'flex',
+                        alignItems: 'center',
+                        opacity: !hoveredBar ? 1 : hoveredBar === item.payload.name ? 1 : 0.5
+                    } },
+                    React.createElement("div", { style: {
+                            borderRadius: '4px',
+                            width: '18px',
+                            height: '18px',
+                            background: "linear-gradient(".concat(item.color, ", ").concat(item.color, ")"),
+                            alignItems: 'center',
+                            alignContent: 'center'
+                        } }),
+                    React.createElement("p", { style: {
+                            marginLeft: '10px',
+                            fontSize: '14px',
+                            marginRight: 4,
+                            color: '#999'
+                        } }, item === null || item === void 0 ? void 0 : item.payload.name)))); }))));
+    };
+    var CustomToolTip = function (propsTooltip) {
+        var _a, _b;
+        var payload = propsTooltip.payload;
+        return (React.createElement("div", { style: {
+                backgroundColor: '#f5f5f5e8',
+                margin: 10,
+                width: '10rem',
+                padding: 3,
+                borderRadius: 8
+            } },
+            React.createElement("div", { className: 'ml-2 mt-2' }, (_b = (_a = payload[0]) === null || _a === void 0 ? void 0 : _a.payload) === null || _b === void 0 ? void 0 : _b.name),
+            payload.map(function (item) { return (React.createElement("div", { key: item.id, style: {
+                    display: 'flex',
+                    padding: 5,
+                    marginTop: 4
+                } },
+                React.createElement("div", { style: {
+                        borderRadius: '4px',
+                        width: '18px',
+                        height: '18px',
+                        background: "linear-gradient(".concat(item.payload.fill, ", ").concat(item.payload.fill, ")"),
+                        alignItems: 'center',
+                        alignContent: 'center'
+                    } }),
+                React.createElement("div", { className: 'ml-2' }, item.name),
+                React.createElement("div", { style: {
+                        marginLeft: 'auto'
+                    } }, item.payload.value))); })));
+    };
+    var colors = data.reduce(function (color, _, index) {
+        color["color".concat(index + 1)] = colorChart[index % colorChart.length];
+        return color;
+    }, {});
+    var onMouseEnter = function (value) {
+        setHoveredBar(value.tooltipPayload[0].name);
+    };
+    var onMouseLeave = function () {
+        setHoveredBar(null);
+    };
+    return (React.createElement(ResponsiveContainer, { height: 500, width: '100%' },
+        React.createElement(PieChart, { height: 400, width: 400 },
+            React.createElement(Pie
+            // @ts-ignore
+            , { 
+                // @ts-ignore
+                color: colors, cx: '50%', cy: '50%', data: data, 
+                // @ts-ignore
+                dataKey: dataKey !== null && dataKey !== void 0 ? dataKey : 'value', fill: '#8884d8', label: renderCustomizedLabel, onMouseEnter: function (value) { return onMouseEnter(value); }, onMouseLeave: onMouseLeave, labelLine: false, outerRadius: withChart !== null && withChart !== void 0 ? withChart : 150, style: { outline: 'none' } }, data.map(function (_entry, index) { return (React.createElement(Cell, { key: "cell-".concat(index), fill: colorChart[index % colorChart.length] })); })),
+            React.createElement(Legend, { content: React.createElement(CustomToolLegend, null) }),
+            React.createElement(Tooltip, { content: React.createElement(CustomToolTip, null) }))));
+}
+export default DonutChart;
+//# sourceMappingURL=DonutChart.js.map

package/dist/esm/components/Chart/DonutChart/DonutChart.js.map

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

package/dist/esm/components/Chart/PieChart/PieChart.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+interface PHXPieChartProps {
+    outerRadius?: number;
+    dataKey?: string;
+    data: Array<{
+        name: string;
+        value: number;
+    }>;
+    color?: Array<string>;
+    hiddenLabel?: boolean;
+    hiddenLegend?: boolean;
+}
+declare function PHXPieChart(props: Readonly<PHXPieChartProps>): React.JSX.Element;
+export default PHXPieChart;