@mamrp/components 1.7.28 → 1.7.30

package/dist/charts/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/charts/index.ts","../../react-shim.js","../../src/charts/bar/index.tsx","../../src/charts/pie/index.tsx"],"sourcesContent":["export { default as BarChart } from \"./bar\";\nexport { default as PieChart } from \"./pie\";\n","import * as React from \"react\";\nexport { React };\n","\"use client\";\r\nimport { Chart } from \"react-chartjs-2\";\r\nimport {\r\n  Chart as ChartJS,\r\n  CategoryScale,\r\n  LinearScale,\r\n  BarElement,\r\n  LineElement,\r\n  PointElement,\r\n  Tooltip,\r\n  Legend,\r\n  BarController,\r\n  LineController,\r\n  Chart as ChartType,\r\n} from \"chart.js\";\r\nimport { Box } from \"@mui/material\";\r\n\r\nChartJS.register(\r\n  CategoryScale,\r\n  LinearScale,\r\n  BarElement,\r\n  LineElement,\r\n  PointElement,\r\n  Tooltip,\r\n  Legend,\r\n  BarController,\r\n  LineController\r\n);\r\n\r\ninterface Props {\r\n  labels: string[];\r\n  datasets: {\r\n    label: string;\r\n    data: (number | null)[];\r\n    backgroundColor: string;\r\n    borderColor?: string;\r\n    borderWidth?: number;\r\n    type?: \"line\";\r\n    order?: number;\r\n    tension?: number;\r\n    pointRadius?: number;\r\n    fill?: boolean;\r\n  }[];\r\n  height?: number;\r\n}\r\n/**\r\n * 📊 BarChart — کامپوننت نمودار میله‌ای (Bar/Combo)\r\n *\r\n * @component BarChart\r\n *\r\n * @param {string[]} labels - آرایه‌ای از برچسب‌ها برای محور افقی (X).\r\n * @param {Array<{\r\n *   label: string,\r\n *   data: number[],\r\n *   backgroundColor: string,\r\n *   borderColor?: string,\r\n *   borderWidth?: number,\r\n *   type?: \"line\",\r\n *   order?: number,\r\n *   tension?: number,\r\n *   pointRadius?: number,\r\n *   fill?: boolean\r\n * }>} datasets - آرایه‌ای از آبجکت‌های داده برای هر سری نمودار.\r\n *   - label: عنوان داده‌ها (نمایش در legend)\r\n *   - data: آرایه‌ای از مقادیر هر سری\r\n *   - backgroundColor: رنگ میله یا خط\r\n *   - borderColor: (اختیاری) رنگ خط دور میله یا خط\r\n *   - borderWidth: (اختیاری) ضخامت خط دور میله یا خط\r\n *   - type: (اختیاری) اگر \"line\" باشد، سری به صورت خطی نمایش داده می‌شود (نمودار ترکیبی)\r\n *   - order: (اختیاری) ترتیب رسم سری (سری با order بالاتر روی بقیه قرار می‌گیرد)\r\n *   - tension: (اختیاری) میزان خمیدگی خط (برای سری‌های خطی)\r\n *   - pointRadius: (اختیاری) شعاع نقاط روی خط (برای سری‌های خطی)\r\n *   - fill: (اختیاری) پر شدن زیر خط (برای سری‌های خطی)\r\n *\r\n * @param {number} [height] - ارتفاع نمودار (پیش‌فرض: 600 پیکسل)\r\n *\r\n * @description\r\n * این کامپوننت یک نمودار میله‌ای (Bar) یا ترکیبی Bar/Line با قابلیت شخصی‌سازی کامل است.\r\n * - پشتیبانی از فونت وزیر و راست‌چین\r\n * - ریسپانسیو و مناسب صفحات فارسی\r\n * - امکان نمایش چند سری داده به صورت میله‌ای و خطی همزمان (Combo)\r\n * - شخصی‌سازی رنگ، ضخامت، ترتیب و استایل هر سری\r\n *\r\n * @returns {JSX.Element} یک نمودار میله‌ای یا ترکیبی با داده‌های ورودی\r\n *\r\n * @example\r\n * ```jsx\r\n * <BarChart\r\n *   labels={[\"شنبه\", \"یکشنبه\", \"دوشنبه\"]}\r\n *   datasets={[\r\n *     {\r\n *       label: \"فروش\",\r\n *       data: [10, 20, 15],\r\n *       backgroundColor: \"rgba(75,192,192,0.7)\",\r\n *     },\r\n *     {\r\n *       label: \"میانگین\",\r\n *       data: [12, 18, 14],\r\n *       borderColor: \"red\",\r\n *       backgroundColor: \"transparent\",\r\n *       type: \"line\",\r\n *       order: 0,\r\n *       borderWidth: 3,\r\n *       tension: 0.4,\r\n *       pointRadius: 4,\r\n *       fill: false,\r\n *     },\r\n *   ]}\r\n *   height={400}\r\n * />\r\n * ```\r\n */\r\nexport default function BarChart({ labels, datasets, height }: Props) {\r\n  const options = {\r\n    responsive: true,\r\n    maintainAspectRatio: false,\r\n    scales: {\r\n      y: {\r\n        ticks: {\r\n          font: {\r\n            family: \"'Vazir', sans-serif\",\r\n            size: 14,\r\n          },\r\n        },\r\n      },\r\n      x: {\r\n        ticks: {\r\n          autoSkip: false,\r\n          font: {\r\n            family: \"'Vazir', sans-serif\",\r\n            size: 13,\r\n          },\r\n        },\r\n      },\r\n    },\r\n    plugins: {\r\n      datalabels: {\r\n        display: false, // ← غیرفعال\r\n      },\r\n      tooltip: {\r\n        bodyFont: {\r\n          family: \"'Vazir', sans-serif\",\r\n          size: 14,\r\n        },\r\n        titleFont: {\r\n          family: \"'Vazir', sans-serif\",\r\n          size: 16,\r\n        },\r\n      },\r\n      legend: {\r\n        labels: {\r\n          generateLabels: function (chart: ChartType) {\r\n            const labels =\r\n              ChartJS.defaults.plugins.legend.labels.generateLabels(chart);\r\n            return labels.map((label) => ({\r\n              ...label,\r\n              text: \"     \" + label.text + \" \",\r\n              boxWidth: 40,\r\n              boxHeight: 20,\r\n            }));\r\n          },\r\n          padding: 15,\r\n          usePointStyle: true,\r\n          font: {\r\n            size: 16,\r\n            family: \"'Vazir', sans-serif\",\r\n          },\r\n          boxWidth: 40,\r\n          paddingBottom: 10,\r\n        },\r\n      },\r\n    },\r\n  };\r\n\r\n  return (\r\n    <Box height={height ?? 600}>\r\n      <Chart type=\"bar\" data={{ labels, datasets }} options={options} />\r\n    </Box>\r\n  );\r\n}\r\n","'use client'\nimport { Pie } from \"react-chartjs-2\";\nimport { Chart as ChartJS, ArcElement, Tooltip, Legend, Chart } from \"chart.js\";\nimport { useMemo } from \"react\";\nimport { Box } from \"@mui/material\";\nimport Image from \"next/image\";\nimport ChartDataLabels from \"chartjs-plugin-datalabels\";\n\nChartJS.register(ArcElement, Tooltip, Legend, ChartDataLabels);\n\ninterface Props {\n  labels: string[];\n  datasets: {\n    label: string;\n    data: number[];\n    backgroundColor: string | string[];\n    borderWidth?: number;\n  }[];\n  height?: number;\n  disableLogo?: boolean;\n  logoSRC?: string;\n  showDataLabels?: boolean;\n  showPercentage?: boolean;\n}\n/**\n * 📊 PieChart — کامپوننت نمودار دایره‌ای (Pie)\n *\n * @component PieChart\n *\n * @param {string[]} labels - آرایه‌ای از برچسب‌ها برای هر بخش نمودار.\n * @param {boolean} [showDataLabels] - نمایش یا عدم نمایش برچسب‌های داده‌ها\n * @param {boolean} [showPercentage] - نمایش درصد به جای مقدار عددی در برچسب‌های داده‌ها (در صورت فعال بودن showDataLabels). درصد بر اساس داده‌های قابل مشاهده محاسبه می‌شود.\n * @param {Array<{\n *   label: string,\n *   data: number[],\n *   backgroundColor: string[],\n *   borderWidth?: number\n * }>} datasets - آرایه‌ای شامل یک آبجکت داده برای مقداردهی بخش‌های نمودار.\n *   - label: عنوان داده‌ها (نمایش در legend)\n *   - data: آرایه‌ای از مقادیر هر بخش\n *   - backgroundColor: آرایه‌ای از رنگ‌ها برای هر بخش\n *   - borderWidth: (اختیاری) ضخامت خط دور هر بخش\n * @param {number} [height] - ارتفاع نمودار (پیش‌فرض: 600 پیکسل)\n *\n * @description\n * این کامپوننت یک نمودار دایره‌ای با قابلیت شخصی‌سازی رنگ، داده و فونت (هماهنگ با وزیر) است.\n * - ریسپانسیو و مناسب صفحات فارسی\n * - امکان نمایش لوگو یا کامپوننت دلخواه در مرکز نمودار\n * - امکان نمایش درصد یا مقدار عددی در برچسب‌های داده‌ها بر اساس داده‌های قابل مشاهده\n *\n * @returns {JSX.Element} یک نمودار دایره‌ای با داده‌های ورودی\n *\n * @example\n * ```jsx\n * <PieChart\n *   labels={[\"بخش اول\", \"بخش دوم\", \"بخش سوم\"]}\n *   datasets={[\n *     {\n *       label: \"مقدار\",\n *       data: [10, 20, 30],\n *       backgroundColor: [\n *         \"rgba(75,192,192,1)\",\n *         \"rgba(255,99,132,1)\",\n *         \"rgba(153,102,255,1)\",\n *       ],\n *       borderWidth: 2,\n *     },\n *   ]}\n *   showDataLabels={true}\n *   showPercentage={true}\n * />\n * ```\n */\nexport default function PieChart({\n  labels,\n  datasets,\n  height,\n  disableLogo,\n  logoSRC,\n  showDataLabels = false,\n  showPercentage = false,\n}: Props) {\n  const options = {\n    responsive: true,\n    maintainAspectRatio: false,\n    cutout: !disableLogo ? \"59%\" : \"0%\",\n    plugins: {\n      tooltip: {\n        bodyFont: {\n          family: \"'Vazir', sans-serif\",\n          size: 14,\n        },\n        titleFont: {\n          family: \"'Vazir', sans-serif\",\n          size: 16,\n        },\n      },\n      legend: {\n        labels: {\n          padding: 15,\n          usePointStyle: true,\n          color: '#666', // رنگ متن legend را نرم‌تر می‌کند\n          font: {\n            size: 16,\n            family: \"'Vazir', sans-serif\",\n          },\n          boxWidth: 40,\n          paddingBottom: 10,\n          generateLabels: (chart: any) => {\n            const data = chart.data;\n            const meta = chart.getDatasetMeta(0);\n            return data.labels.map((label: string, index: number) => {\n              const hidden = meta.data[index] ? meta.data[index].hidden : false;\n              return {\n                text: label,\n                fillStyle: data.datasets[0].backgroundColor[index] || '#000',\n                hidden: hidden,\n                index: index,\n                datasetIndex: 0,\n                textDecoration: hidden ? 'line-through' : undefined,\n              };\n            });\n          },\n        },\n        onClick: (e: any, legendItem: any, legend: any) => {\n          const ci = legend.chart;\n          const meta = ci.getDatasetMeta(legendItem.datasetIndex || 0);\n          const index = legendItem.index;\n          if (meta.data[index]) {\n            meta.data[index].hidden = !meta.data[index].hidden;\n          }\n          ci.update();\n        },\n      },\n      datalabels: {\n        display: (context: any) => {\n          return showDataLabels && !context.chart.getDatasetMeta(context.datasetIndex).data[context.dataIndex].hidden;\n        },\n        color: \"#fff\",\n        font: {\n          size: 14,\n          weight: \"bold\",\n          family: \"'Vazir', sans-serif\",\n        } as const,\n        anchor: \"center\" as const, // ← روی مرکز هر تکه\n        align: \"center\" as const,\n        offset: 20, // فاصله از مرکز (می‌تونی کم/زیاد کنی)\n        formatter: showPercentage\n          ? (value: number, context: any) => {\n            if (value === 0) return \"\";\n            // محاسبه مجموع داده‌های قابل مشاهده\n            const total = context.chart.data.datasets[context.datasetIndex].data.reduce(\n              (sum: number, val: number, index: number) => {\n                const meta = context.chart.getDatasetMeta(context.datasetIndex);\n                if (!meta.data[index] || meta.data[index].hidden !== true) {\n                  return sum + val;\n                }\n                return sum;\n              },\n              0\n            );\n            const percentage = ((value / total) * 100).toFixed(1);\n            return percentage + \"%\";\n          }\n          : (value: number) => (value === 0 ? \"\" : value),\n      },\n    },\n  };\n\n  // کامپوننتی که می‌خواهید در مرکز نمودار نمایش داده شود\n  const CenterComponent = () => {\n    return (\n      <div\n        style={{\n          padding: \"10px\",\n          borderRadius: \"8px\",\n          textAlign: \"center\",\n          width: 220,\n        }}\n      >\n        <Image\n          alt=\"\"\n          width={220}\n          height={220}\n          src={logoSRC ?? \"/assets/images/pilogo.png\"}\n          unoptimized\n        />\n      </div>\n    );\n  };\n\n  return (\n    <Box height={height ?? 600} sx={{ position: \"relative\" }}>\n      <Pie\n        data={{\n          labels: labels,\n          datasets: datasets,\n        }}\n        options={options}\n      />\n      {!disableLogo && (\n        <div\n          style={{\n            position: \"absolute\",\n            top: \"53%\",\n            left: \"50%\",\n            transform: \"translate(-50%, -50%)\",\n            pointerEvents: \"none\", // جلوگیری از دریافت event روی این لایه\n          }}\n        >\n          <CenterComponent />\n        </div>\n      )}\n    </Box>\n  );\n}\n"],"mappings":"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","names":["ChartJS","labels","import_react_chartjs_2","import_chart","import_material","ChartJS","ChartDataLabels","Image"]}
+{"version":3,"sources":["../../src/charts/index.ts","../../react-shim.js","../../src/charts/bar/index.tsx","../../src/charts/pie/index.tsx"],"sourcesContent":["export { default as BarChart } from \"./bar\";\nexport { default as PieChart } from \"./pie\";\n","import * as React from \"react\";\nexport { React };\n","\"use client\";\r\nimport { Chart } from \"react-chartjs-2\";\r\nimport {\r\n  Chart as ChartJS,\r\n  CategoryScale,\r\n  LinearScale,\r\n  LogarithmicScale,\r\n  BarElement,\r\n  LineElement,\r\n  PointElement,\r\n  Tooltip,\r\n  Legend,\r\n  BarController,\r\n  LineController,\r\n  Chart as ChartType,\r\n} from \"chart.js\";\r\nimport { Box } from \"@mui/material\";\r\nimport { useRef, useEffect, useState } from \"react\";\r\n\r\nChartJS.register(\r\n  CategoryScale,\r\n  LinearScale,\r\n  LogarithmicScale,\r\n  BarElement,\r\n  LineElement,\r\n  PointElement,\r\n  Tooltip,\r\n  Legend,\r\n  BarController,\r\n  LineController\r\n);\r\n\r\n// تنظیم فونت پیش‌فرض Chart.js به Vazir\r\nChartJS.defaults.font.family = \"Vazir, sans-serif\";\r\n\r\ninterface Props {\r\n  labels: string[];\r\n  datasets: {\r\n    label: string;\r\n    data: (number | null)[];\r\n    backgroundColor: string;\r\n    borderColor?: string;\r\n    borderWidth?: number;\r\n    type?: \"line\";\r\n    order?: number;\r\n    tension?: number;\r\n    pointRadius?: number;\r\n    fill?: boolean;\r\n  }[];\r\n  height?: number;\r\n  /**\r\n   * حداقل مقدار محور Y (اختیاری)\r\n   * اگر ست نشود، Chart.js خودش محاسبه می‌کند\r\n   * ⚠️ نکته: اگر این مقدار ست شود، beginAtZero نادیده گرفته می‌شود\r\n   */\r\n  yAxisMin?: number;\r\n  /**\r\n   * حداکثر مقدار محور Y (اختیاری)\r\n   * اگر ست نشود، Chart.js خودش محاسبه می‌کند\r\n   */\r\n  yAxisMax?: number;\r\n  /**\r\n   * آیا محور Y از صفر شروع شود؟\r\n   * پیش‌فرض: true\r\n   * ⚠️ نکته: اگر yAxisMin ست شود، این گزینه نادیده گرفته می‌شود\r\n   */\r\n  beginAtZero?: boolean;\r\n  /**\r\n   * استفاده از مقیاس لگاریتمی برای محور Y\r\n   * مناسب برای داده‌هایی که اختلاف خیلی زیادی دارند\r\n   * پیش‌فرض: false\r\n   * ⚠️ نکته: مقادیر 0 یا منفی در مقیاس لگاریتمی نمایش داده نمی‌شوند\r\n   */\r\n  logarithmic?: boolean;\r\n  /**\r\n   * حداقل ارتفاع میله برای داده‌های خیلی کوچک (پیکسل)\r\n   * مقادیر خیلی کوچک (مثل 1) در کنار مقادیر بزرگ (مثل 10000) گم نمی‌شوند\r\n   * پیش‌فرض: 0 (غیرفعال)\r\n   */\r\n  minBarLength?: number;\r\n}\r\n/**\r\n * 📊 BarChart — کامپوننت نمودار میله‌ای (Bar/Combo)\r\n *\r\n * @component BarChart\r\n *\r\n * @param {string[]} labels - آرایه‌ای از برچسب‌ها برای محور افقی (X).\r\n * @param {Array<{\r\n *   label: string,\r\n *   data: number[],\r\n *   backgroundColor: string,\r\n *   borderColor?: string,\r\n *   borderWidth?: number,\r\n *   type?: \"line\",\r\n *   order?: number,\r\n *   tension?: number,\r\n *   pointRadius?: number,\r\n *   fill?: boolean\r\n * }>} datasets - آرایه‌ای از آبجکت‌های داده برای هر سری نمودار.\r\n *   - label: عنوان داده‌ها (نمایش در legend)\r\n *   - data: آرایه‌ای از مقادیر هر سری\r\n *   - backgroundColor: رنگ میله یا خط\r\n *   - borderColor: (اختیاری) رنگ خط دور میله یا خط\r\n *   - borderWidth: (اختیاری) ضخامت خط دور میله یا خط\r\n *   - type: (اختیاری) اگر \"line\" باشد، سری به صورت خطی نمایش داده می‌شود (نمودار ترکیبی)\r\n *   - order: (اختیاری) ترتیب رسم سری (سری با order بالاتر روی بقیه قرار می‌گیرد)\r\n *   - tension: (اختیاری) میزان خمیدگی خط (برای سری‌های خطی)\r\n *   - pointRadius: (اختیاری) شعاع نقاط روی خط (برای سری‌های خطی)\r\n *   - fill: (اختیاری) پر شدن زیر خط (برای سری‌های خطی)\r\n *\r\n * @param {number} [height] - ارتفاع نمودار (پیش‌فرض: 600 پیکسل)\r\n * @param {number} [yAxisMin] - حداقل مقدار محور Y (نادیده‌گرفتن beginAtZero)\r\n * @param {number} [yAxisMax] - حداکثر مقدار محور Y\r\n * @param {boolean} [beginAtZero=true] - آیا محور Y از صفر شروع شود؟ (اگر yAxisMin ست شود نادیده گرفته می‌شود)\r\n * @param {boolean} [logarithmic=false] - استفاده از مقیاس لگاریتمی (مقادیر 0 یا منفی نمایش داده نمی‌شوند)\r\n * @param {number} [minBarLength=0] - حداقل ارتفاع میله (پیکسل) - برای جلوگیری از گم شدن داده‌های کوچک\r\n *\r\n * @description\r\n * این کامپوننت یک نمودار میله‌ای (Bar) یا ترکیبی Bar/Line با قابلیت شخصی‌سازی کامل است.\r\n * - پشتیبانی از فونت وزیر و راست‌چین\r\n * - ریسپانسیو و مناسب صفحات فارسی\r\n * - امکان نمایش چند سری داده به صورت میله‌ای و خطی همزمان (Combo)\r\n * - شخصی‌سازی رنگ، ضخامت، ترتیب و استایل هر سری\r\n * - پشتیبانی از مقیاس لگاریتمی برای داده‌های با اختلاف زیاد\r\n * - minBarLength برای نمایش داده‌های خیلی کوچک در کنار بزرگ‌ها\r\n *\r\n * @returns {JSX.Element} یک نمودار میله‌ای یا ترکیبی با داده‌های ورودی\r\n *\r\n * @example\r\n * ```jsx\r\n * // نمودار ساده\r\n * <BarChart\r\n *   labels={[\"شنبه\", \"یکشنبه\", \"دوشنبه\"]}\r\n *   datasets={[\r\n *     {\r\n *       label: \"فروش\",\r\n *       data: [10, 20, 15],\r\n *       backgroundColor: \"rgba(75,192,192,0.7)\",\r\n *     },\r\n *   ]}\r\n *   height={400}\r\n * />\r\n *\r\n * // نمودار با داده‌های اختلاف زیاد (مقیاس لگاریتمی)\r\n * <BarChart\r\n *   labels={[\"A\", \"B\", \"C\", \"D\"]}\r\n *   datasets={[\r\n *     {\r\n *       label: \"مقادیر\",\r\n *       data: [5, 50, 5000, 50000],\r\n *       backgroundColor: \"rgba(75,192,192,0.7)\",\r\n *     },\r\n *   ]}\r\n *   logarithmic={true}\r\n *   height={400}\r\n * />\r\n *\r\n * // نمودار با کنترل دستی بازه محور Y\r\n * <BarChart\r\n *   labels={[\"A\", \"B\", \"C\"]}\r\n *   datasets={[\r\n *     {\r\n *       label: \"مقادیر\",\r\n *       data: [100, 150, 120],\r\n *       backgroundColor: \"rgba(75,192,192,0.7)\",\r\n *     },\r\n *   ]}\r\n *   yAxisMin={80}\r\n *   yAxisMax={200}\r\n *   beginAtZero={false}\r\n *   height={400}\r\n * />\r\n * ```\r\n */\r\nexport default function BarChart({\r\n  labels,\r\n  datasets,\r\n  height,\r\n  yAxisMin,\r\n  yAxisMax,\r\n  beginAtZero = true,\r\n  logarithmic = false,\r\n  minBarLength = 0,\r\n}: Props) {\r\n  const chartRef = useRef<ChartJS>(null);\r\n  const [fontLoaded, setFontLoaded] = useState(false);\r\n\r\n  // صبر برای لود شدن فونت Vazir و سپس آپدیت chart\r\n  useEffect(() => {\r\n    let isMounted = true;\r\n\r\n    const loadFont = async () => {\r\n      if (typeof document !== \"undefined\" && document.fonts) {\r\n        try {\r\n          // منتظر لود شدن فونت Vazir به صورت مستقیم\r\n          await document.fonts.load(\"16px Vazir\");\r\n          await document.fonts.ready;\r\n        } catch (e) {\r\n          // اگر فونت پیدا نشد، ادامه بده\r\n        }\r\n\r\n        if (isMounted) {\r\n          setFontLoaded(true);\r\n          // آپدیت chart بعد از لود فونت\r\n          setTimeout(() => {\r\n            if (chartRef.current) {\r\n              chartRef.current.update();\r\n            }\r\n          }, 100);\r\n        }\r\n      } else {\r\n        if (isMounted) setFontLoaded(true);\r\n      }\r\n    };\r\n\r\n    loadFont();\r\n\r\n    return () => { isMounted = false; };\r\n  }, []);\r\n\r\n  // محاسبه min/max فقط بر اساس داده‌های visible\r\n  const getVisibleData = (): number[] => {\r\n    if (!chartRef.current) return [];\r\n    // فقط سری‌هایی که visible هستند و نوعشان bar است\r\n    return datasets.reduce((acc: number[], ds, i) => {\r\n      // اگر سری فعال است و نوعش bar است\r\n      // @ts-ignore\r\n      if ((ds.type === undefined || ds.type === \"bar\") && chartRef.current && typeof chartRef.current.isDatasetVisible === \"function\" && chartRef.current.isDatasetVisible(i)) {\r\n        ds.data.forEach((v: number | null) => {\r\n          if (typeof v === \"number\" && v > 0) acc.push(v);\r\n        });\r\n      }\r\n      return acc;\r\n    }, []);\r\n  };\r\n\r\n  let autoMin = yAxisMin;\r\n  let autoMax = yAxisMax;\r\n  if (logarithmic && yAxisMin === undefined && yAxisMax === undefined) {\r\n    const visibleData = getVisibleData();\r\n    if (visibleData.length) {\r\n      const minVal = Math.min(...visibleData);\r\n      const maxVal = Math.max(...visibleData);\r\n      autoMin = minVal < 1 ? 0.5 : minVal * 0.7;\r\n      autoMax = minVal === maxVal ? maxVal * 1.2 : maxVal * 1.1;\r\n    }\r\n  }\r\n\r\n  // هر بار که legend تغییر کند، نمودار را آپدیت کن تا min/max درست شود\r\n  useEffect(() => {\r\n    if (!logarithmic || yAxisMin !== undefined || yAxisMax !== undefined) return;\r\n    if (!chartRef.current) return;\r\n    const handler = () => {\r\n      // آپدیت min/max و نمودار\r\n      const visibleData = getVisibleData();\r\n      if (visibleData.length && chartRef.current && chartRef.current.options && chartRef.current.options.scales && chartRef.current.options.scales.y) {\r\n        const minVal = Math.min(...visibleData);\r\n        const maxVal = Math.max(...visibleData);\r\n        chartRef.current.options.scales.y.min = minVal < 1 ? 0.5 : minVal * 0.7;\r\n        chartRef.current.options.scales.y.max = minVal === maxVal ? maxVal * 1.2 : maxVal * 1.1;\r\n        chartRef.current.update();\r\n      }\r\n    };\r\n    // گوش دادن به event legend\r\n    chartRef.current?.canvas?.addEventListener(\"click\", handler);\r\n    return () => {\r\n      chartRef.current?.canvas?.removeEventListener(\"click\", handler);\r\n    };\r\n  }, [logarithmic, yAxisMin, yAxisMax, datasets]);\r\n\r\n  const options = {\r\n    responsive: true,\r\n    maintainAspectRatio: false,\r\n    scales: {\r\n      y: {\r\n        type: logarithmic ? (\"logarithmic\" as const) : (\"linear\" as const),\r\n        ...(yAxisMin === undefined && yAxisMax === undefined && !logarithmic && {\r\n          beginAtZero: beginAtZero,\r\n        }),\r\n        ...(autoMin !== undefined && { min: autoMin }),\r\n        ...(autoMax !== undefined && { max: autoMax }),\r\n        ticks: {\r\n          font: {\r\n            family: \"Vazir, sans-serif\",\r\n            size: 14,\r\n          },\r\n          ...(logarithmic && {\r\n            callback: function (value: number | string) {\r\n              const numValue = Number(value);\r\n              // فقط توان‌های ۱۰ را نمایش بده\r\n              if (numValue === 0) return null;\r\n              const log10 = Math.log10(numValue);\r\n              if (Math.abs(log10 - Math.round(log10)) < 0.0001) {\r\n                if (numValue >= 1000000) return (numValue / 1000000).toFixed(1) + \"M\";\r\n                if (numValue >= 1000) return (numValue / 1000).toFixed(1) + \"K\";\r\n                return numValue;\r\n              }\r\n              return null;\r\n            },\r\n          }),\r\n        },\r\n      },\r\n      x: {\r\n        ticks: {\r\n          autoSkip: false,\r\n          font: {\r\n            family: \"Vazir, sans-serif\",\r\n            size: 13,\r\n          },\r\n        },\r\n      },\r\n    },\r\n    plugins: {\r\n      datalabels: {\r\n        display: false, // ← غیرفعال\r\n      },\r\n      tooltip: {\r\n        bodyFont: {\r\n          family: \"Vazir, sans-serif\",\r\n          size: 14,\r\n        },\r\n        titleFont: {\r\n          family: \"Vazir, sans-serif\",\r\n          size: 16,\r\n        },\r\n      },\r\n      legend: {\r\n        labels: {\r\n          generateLabels: function (chart: ChartType) {\r\n            const labels =\r\n              ChartJS.defaults.plugins.legend.labels.generateLabels(chart);\r\n            return labels.map((label) => ({\r\n              ...label,\r\n              text: \"     \" + label.text + \" \",\r\n              boxWidth: 40,\r\n              boxHeight: 20,\r\n            }));\r\n          },\r\n          padding: 15,\r\n          usePointStyle: true,\r\n          font: {\r\n            size: 16,\r\n            family: \"Vazir, sans-serif\",\r\n          },\r\n          boxWidth: 40,\r\n          paddingBottom: 10,\r\n        },\r\n      },\r\n    },\r\n  };\r\n\r\n  // اضافه کردن minBarLength به همه datasets\r\n  const processedDatasets = datasets.map((ds) => ({\r\n    ...ds,\r\n    minBarLength: minBarLength,\r\n  }));\r\n\r\n  return (\r\n    <Box height={height ?? 600}>\r\n      {fontLoaded && (\r\n        <Chart ref={chartRef} type=\"bar\" data={{ labels, datasets: processedDatasets }} options={options} />\r\n      )}\r\n    </Box>\r\n  );\r\n}\r\n","'use client'\nimport { Pie } from \"react-chartjs-2\";\nimport { Chart as ChartJS, ArcElement, Tooltip, Legend, Chart } from \"chart.js\";\nimport { useMemo, useRef, useEffect, useState } from \"react\";\nimport { Box, Typography } from \"@mui/material\";\nimport Image from \"next/image\";\nimport ChartDataLabels from \"chartjs-plugin-datalabels\";\n\nChartJS.register(ArcElement, Tooltip, Legend, ChartDataLabels);\n\n// تنظیم فونت پیش‌فرض Chart.js به Vazir\nChartJS.defaults.font.family = \"Vazir, sans-serif\";\n\ninterface Props {\n  labels: string[];\n  datasets: {\n    label: string;\n    data: number[];\n    backgroundColor: string | string[];\n    borderWidth?: number;\n  }[];\n  height?: number;\n  disableLogo?: boolean;\n  logoSRC?: string;\n  showDataLabels?: boolean;\n  showPercentage?: boolean;\n}\n/**\n * 📊 PieChart — کامپوننت نمودار دایره‌ای (Pie)\n *\n * @component PieChart\n *\n * @param {string[]} labels - آرایه‌ای از برچسب‌ها برای هر بخش نمودار.\n * @param {boolean} [showDataLabels] - نمایش یا عدم نمایش برچسب‌های داده‌ها\n * @param {boolean} [showPercentage] - نمایش درصد به جای مقدار عددی در برچسب‌های داده‌ها (در صورت فعال بودن showDataLabels). درصد بر اساس داده‌های قابل مشاهده محاسبه می‌شود.\n * @param {Array<{\n *   label: string,\n *   data: number[],\n *   backgroundColor: string[],\n *   borderWidth?: number\n * }>} datasets - آرایه‌ای شامل یک آبجکت داده برای مقداردهی بخش‌های نمودار.\n *   - label: عنوان داده‌ها (نمایش در legend)\n *   - data: آرایه‌ای از مقادیر هر بخش\n *   - backgroundColor: آرایه‌ای از رنگ‌ها برای هر بخش\n *   - borderWidth: (اختیاری) ضخامت خط دور هر بخش\n * @param {number} [height] - ارتفاع نمودار (پیش‌فرض: 600 پیکسل)\n *\n * @description\n * این کامپوننت یک نمودار دایره‌ای با قابلیت شخصی‌سازی رنگ، داده و فونت (هماهنگ با وزیر) است.\n * - ریسپانسیو و مناسب صفحات فارسی\n * - امکان نمایش لوگو یا کامپوننت دلخواه در مرکز نمودار\n * - امکان نمایش درصد یا مقدار عددی در برچسب‌های داده‌ها بر اساس داده‌های قابل مشاهده\n *\n * @returns {JSX.Element} یک نمودار دایره‌ای با داده‌های ورودی\n *\n * @example\n * ```jsx\n * <PieChart\n *   labels={[\"بخش اول\", \"بخش دوم\", \"بخش سوم\"]}\n *   datasets={[\n *     {\n *       label: \"مقدار\",\n *       data: [10, 20, 30],\n *       backgroundColor: [\n *         \"rgba(75,192,192,1)\",\n *         \"rgba(255,99,132,1)\",\n *         \"rgba(153,102,255,1)\",\n *       ],\n *       borderWidth: 2,\n *     },\n *   ]}\n *   showDataLabels={true}\n *   showPercentage={true}\n * />\n * ```\n */\nexport default function PieChart({\n  labels,\n  datasets,\n  height,\n  disableLogo,\n  logoSRC,\n  showDataLabels = false,\n  showPercentage = false,\n}: Props) {\n  const chartRef = useRef<ChartJS<\"pie\">>(null);\n  const [dataLabels, setDataLabels] = useState<{ x: number; y: number; text: string; opacity: number }[]>([]);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  // تابع محاسبه موقعیت لیبل‌ها\n  const calculateLabels = () => {\n    if (!showDataLabels || !chartRef.current || !containerRef.current) return;\n\n    const chart = chartRef.current;\n    const meta = chart.getDatasetMeta(0);\n    const data = chart.data.datasets[0].data as number[];\n\n    // گرفتن اطلاعات chart area\n    const chartArea = chart.chartArea;\n\n    // محاسبه مجموع داده‌های قابل مشاهده\n    const visibleTotal = data.reduce((sum, val, index) => {\n      if (!meta.data[index] || (meta.data[index] as any).hidden !== true) {\n        return sum + val;\n      }\n      return sum;\n    }, 0);\n\n    const newLabels: { x: number; y: number; text: string; opacity: number }[] = [];\n\n    meta.data.forEach((arc: any, index: number) => {\n      if (arc.hidden) return;\n\n      const value = data[index];\n      if (value === 0) return;\n\n      // محاسبه مرکز arc\n      const centerAngle = (arc.startAngle + arc.endAngle) / 2;\n      // نزدیک‌تر به دیواره (0.7 = بین مرکز و لبه، هرچه بیشتر به 1 نزدیک‌تر = نزدیک‌تر به لبه)\n      const midRadius = arc.innerRadius + (arc.outerRadius - arc.innerRadius) * 0.65;\n\n      // موقعیت در chart area - آینه کردن روی محور X\n      const x = arc.x - Math.cos(centerAngle) * midRadius;\n      const y = arc.y + Math.sin(centerAngle) * midRadius;\n\n      let text: string;\n      if (showPercentage) {\n        const percentage = ((value / visibleTotal) * 100).toFixed(1);\n        text = percentage + \"%\";\n      } else {\n        text = String(value);\n      }\n\n      newLabels.push({ x, y, text, opacity: 1 });\n    });\n\n    setDataLabels(newLabels);\n  };\n\n  // محاسبه موقعیت لیبل‌ها بعد از اتمام انیمیشن\n  useEffect(() => {\n    if (!showDataLabels) {\n      setDataLabels([]);\n      return;\n    }\n\n    // صبر برای اتمام انیمیشن اولیه (500ms)\n    const timeout = setTimeout(() => {\n      calculateLabels();\n    }, 500);\n\n    return () => clearTimeout(timeout);\n  }, [datasets, showDataLabels, showPercentage]);\n\n  // آپدیت لیبل‌ها بعد از هر تغییر در chart (مثل کلیک روی legend)\n  useEffect(() => {\n    if (!chartRef.current || !showDataLabels) return;\n\n    const chart = chartRef.current;\n    const originalUpdate = chart.update.bind(chart);\n\n    chart.update = function (...args: any[]) {\n      // مخفی کردن لیبل‌ها قبل از آپدیت\n      setDataLabels(prev => prev.map(l => ({ ...l, opacity: 0 })));\n\n      originalUpdate(...args);\n\n      // محاسبه مجدد لیبل‌ها بعد از انیمیشن\n      setTimeout(() => {\n        calculateLabels();\n      }, 250);\n    };\n\n    return () => {\n      chart.update = originalUpdate;\n    };\n  }, [showDataLabels, showPercentage]);\n\n  const options = useMemo(() => ({\n    responsive: true,\n    maintainAspectRatio: false,\n    cutout: !disableLogo ? \"59%\" : \"0%\",\n    animation: {\n      animateRotate: true,\n      animateScale: true,\n      duration: 400,\n    },\n    plugins: {\n      tooltip: {\n        bodyFont: {\n          family: \"Vazir, sans-serif\",\n          size: 14,\n        },\n        titleFont: {\n          family: \"Vazir, sans-serif\",\n          size: 16,\n        },\n      },\n      legend: {\n        labels: {\n          padding: 15,\n          usePointStyle: true,\n          color: '#666', // رنگ متن legend را نرم‌تر می‌کند\n          font: {\n            size: 16,\n            family: \"Vazir, sans-serif\",\n          },\n          boxWidth: 40,\n          paddingBottom: 10,\n          generateLabels: (chart: any) => {\n            const data = chart.data;\n            const meta = chart.getDatasetMeta(0);\n            return data.labels.map((label: string, index: number) => {\n              const hidden = meta.data[index] ? meta.data[index].hidden : false;\n              return {\n                text: label,\n                fillStyle: data.datasets[0].backgroundColor[index] || '#000',\n                hidden: hidden,\n                index: index,\n                datasetIndex: 0,\n                textDecoration: hidden ? 'line-through' : undefined,\n              };\n            });\n          },\n        },\n        onClick: (e: any, legendItem: any, legend: any) => {\n          const ci = legend.chart;\n          const meta = ci.getDatasetMeta(legendItem.datasetIndex || 0);\n          const index = legendItem.index;\n          if (meta.data[index]) {\n            meta.data[index].hidden = !meta.data[index].hidden;\n          }\n          ci.update();\n        },\n      },\n      datalabels: {\n        display: false, // غیرفعال - لیبل‌ها با React رندر می‌شوند\n      },\n    },\n  }), [disableLogo]);\n\n  // کامپوننتی که می‌خواهید در مرکز نمودار نمایش داده شود\n  const CenterComponent = () => {\n    return (\n      <div\n        style={{\n          padding: \"10px\",\n          borderRadius: \"8px\",\n          textAlign: \"center\",\n          width: 220,\n        }}\n      >\n        <Image\n          alt=\"\"\n          width={220}\n          height={220}\n          src={logoSRC ?? \"/assets/images/pilogo.png\"}\n          unoptimized\n        />\n      </div>\n    );\n  };\n\n  return (\n    <Box ref={containerRef} height={height ?? 600} sx={{ position: \"relative\" }}>\n      <Pie\n        ref={chartRef}\n        data={{\n          labels: labels,\n          datasets: datasets,\n        }}\n        options={options}\n      />\n      {/* لیبل‌های سفارشی با فونت Vazir */}\n      {showDataLabels && dataLabels.map((label, index) => (\n        <Typography\n          key={index}\n          sx={{\n            position: \"absolute\",\n            left: label.x / (window.devicePixelRatio || 1),\n            top: label.y / (window.devicePixelRatio || 1),\n            transform: \"translate(-50%, -50%)\",\n            color: \"#fff\",\n            fontWeight: \"bold\",\n            fontSize: 14,\n            fontFamily: \"Vazir, sans-serif\",\n            pointerEvents: \"none\",\n            textShadow: \"0 1px 2px rgba(0,0,0,0.5)\",\n            opacity: label.opacity,\n            transition: \"opacity 0.2s ease-in-out, left 0.2s ease-in-out, top 0.2s ease-in-out\",\n          }}\n        >\n          {label.text}\n        </Typography>\n      ))}\n      {!disableLogo && (\n        <div\n          style={{\n            position: \"absolute\",\n            top: \"53%\",\n            left: \"50%\",\n            transform: \"translate(-50%, -50%)\",\n            pointerEvents: \"none\", // جلوگیری از دریافت event روی این لایه\n          }}\n        >\n          <CenterComponent />\n        </div>\n      )}\n    </Box>\n  );\n}\n"],"mappings":"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","names":["ChartJS","labels","import_react_chartjs_2","import_chart","import_react","import_material","ChartJS","ChartDataLabels","Image"]}

package/dist/charts/index.mjs

@@ -7,6 +7,7 @@ import {
   Chart as ChartJS,
   CategoryScale,
   LinearScale,
+  LogarithmicScale,
   BarElement,
   LineElement,
   PointElement,
@@ -16,9 +17,11 @@ import {
   LineController
 } from "chart.js";
 import { Box } from "@mui/material";
+import { useRef, useEffect, useState } from "react";
 ChartJS.register(
   CategoryScale,
   LinearScale,
+  LogarithmicScale,
   BarElement,
   LineElement,
   PointElement,
@@ -27,16 +30,113 @@ ChartJS.register(
   BarController,
   LineController
 );
-function BarChart({ labels, datasets, height }) {
+ChartJS.defaults.font.family = "Vazir, sans-serif";
+function BarChart({
+  labels,
+  datasets,
+  height,
+  yAxisMin,
+  yAxisMax,
+  beginAtZero = true,
+  logarithmic = false,
+  minBarLength = 0
+}) {
+  const chartRef = useRef(null);
+  const [fontLoaded, setFontLoaded] = useState(false);
+  useEffect(() => {
+    let isMounted = true;
+    const loadFont = async () => {
+      if (typeof document !== "undefined" && document.fonts) {
+        try {
+          await document.fonts.load("16px Vazir");
+          await document.fonts.ready;
+        } catch (e) {
+        }
+        if (isMounted) {
+          setFontLoaded(true);
+          setTimeout(() => {
+            if (chartRef.current) {
+              chartRef.current.update();
+            }
+          }, 100);
+        }
+      } else {
+        if (isMounted) setFontLoaded(true);
+      }
+    };
+    loadFont();
+    return () => {
+      isMounted = false;
+    };
+  }, []);
+  const getVisibleData = () => {
+    if (!chartRef.current) return [];
+    return datasets.reduce((acc, ds, i) => {
+      if ((ds.type === void 0 || ds.type === "bar") && chartRef.current && typeof chartRef.current.isDatasetVisible === "function" && chartRef.current.isDatasetVisible(i)) {
+        ds.data.forEach((v) => {
+          if (typeof v === "number" && v > 0) acc.push(v);
+        });
+      }
+      return acc;
+    }, []);
+  };
+  let autoMin = yAxisMin;
+  let autoMax = yAxisMax;
+  if (logarithmic && yAxisMin === void 0 && yAxisMax === void 0) {
+    const visibleData = getVisibleData();
+    if (visibleData.length) {
+      const minVal = Math.min(...visibleData);
+      const maxVal = Math.max(...visibleData);
+      autoMin = minVal < 1 ? 0.5 : minVal * 0.7;
+      autoMax = minVal === maxVal ? maxVal * 1.2 : maxVal * 1.1;
+    }
+  }
+  useEffect(() => {
+    if (!logarithmic || yAxisMin !== void 0 || yAxisMax !== void 0) return;
+    if (!chartRef.current) return;
+    const handler = () => {
+      const visibleData = getVisibleData();
+      if (visibleData.length && chartRef.current && chartRef.current.options && chartRef.current.options.scales && chartRef.current.options.scales.y) {
+        const minVal = Math.min(...visibleData);
+        const maxVal = Math.max(...visibleData);
+        chartRef.current.options.scales.y.min = minVal < 1 ? 0.5 : minVal * 0.7;
+        chartRef.current.options.scales.y.max = minVal === maxVal ? maxVal * 1.2 : maxVal * 1.1;
+        chartRef.current.update();
+      }
+    };
+    chartRef.current?.canvas?.addEventListener("click", handler);
+    return () => {
+      chartRef.current?.canvas?.removeEventListener("click", handler);
+    };
+  }, [logarithmic, yAxisMin, yAxisMax, datasets]);
   const options = {
     responsive: true,
     maintainAspectRatio: false,
     scales: {
       y: {
+        type: logarithmic ? "logarithmic" : "linear",
+        ...yAxisMin === void 0 && yAxisMax === void 0 && !logarithmic && {
+          beginAtZero
+        },
+        ...autoMin !== void 0 && { min: autoMin },
+        ...autoMax !== void 0 && { max: autoMax },
         ticks: {
           font: {
-            family: "'Vazir', sans-serif",
+            family: "Vazir, sans-serif",
             size: 14
+          },
+          ...logarithmic && {
+            callback: function(value) {
+              const numValue = Number(value);
+              if (numValue === 0) return null;
+              const log10 = Math.log10(numValue);
+              if (Math.abs(log10 - Math.round(log10)) < 1e-4) {
+                if (numValue >= 1e6) return (numValue / 1e6).toFixed(1) + "M";
+                if (numValue >= 1e3) return (numValue / 1e3).toFixed(1) + "K";
+                return numValue;
+              }
+              return null;
+            }
           }
         }
       },
@@ -44,7 +144,7 @@ function BarChart({ labels, datasets, height }) {
         ticks: {
           autoSkip: false,
           font: {
-            family: "'Vazir', sans-serif",
+            family: "Vazir, sans-serif",
             size: 13
           }
         }
@@ -57,11 +157,11 @@ function BarChart({ labels, datasets, height }) {
       },
       tooltip: {
         bodyFont: {
-          family: "'Vazir', sans-serif",
+          family: "Vazir, sans-serif",
           size: 14
         },
         titleFont: {
-          family: "'Vazir', sans-serif",
+          family: "Vazir, sans-serif",
           size: 16
         }
       },
@@ -80,7 +180,7 @@ function BarChart({ labels, datasets, height }) {
           usePointStyle: true,
           font: {
             size: 16,
-            family: "'Vazir', sans-serif"
+            family: "Vazir, sans-serif"
           },
           boxWidth: 40,
           paddingBottom: 10
@@ -88,16 +188,22 @@ function BarChart({ labels, datasets, height }) {
       }
     }
   };
-  return /* @__PURE__ */ React.createElement(Box, { height: height ?? 600 }, /* @__PURE__ */ React.createElement(Chart, { type: "bar", data: { labels, datasets }, options }));
+  const processedDatasets = datasets.map((ds) => ({
+    ...ds,
+    minBarLength
+  }));
+  return /* @__PURE__ */ React.createElement(Box, { height: height ?? 600 }, fontLoaded && /* @__PURE__ */ React.createElement(Chart, { ref: chartRef, type: "bar", data: { labels, datasets: processedDatasets }, options }));
 }
 
 // src/charts/pie/index.tsx
 import { Pie } from "react-chartjs-2";
 import { Chart as ChartJS2, ArcElement, Tooltip as Tooltip2, Legend as Legend2 } from "chart.js";
-import { Box as Box2 } from "@mui/material";
+import { useMemo, useRef as useRef2, useEffect as useEffect2, useState as useState2 } from "react";
+import { Box as Box2, Typography } from "@mui/material";
 import Image from "next/image";
 import ChartDataLabels from "chartjs-plugin-datalabels";
 ChartJS2.register(ArcElement, Tooltip2, Legend2, ChartDataLabels);
+ChartJS2.defaults.font.family = "Vazir, sans-serif";
 function PieChart({
   labels,
   datasets,
@@ -107,18 +213,83 @@ function PieChart({
   showDataLabels = false,
   showPercentage = false
 }) {
-  const options = {
+  const chartRef = useRef2(null);
+  const [dataLabels, setDataLabels] = useState2([]);
+  const containerRef = useRef2(null);
+  const calculateLabels = () => {
+    if (!showDataLabels || !chartRef.current || !containerRef.current) return;
+    const chart = chartRef.current;
+    const meta = chart.getDatasetMeta(0);
+    const data = chart.data.datasets[0].data;
+    const chartArea = chart.chartArea;
+    const visibleTotal = data.reduce((sum, val, index) => {
+      if (!meta.data[index] || meta.data[index].hidden !== true) {
+        return sum + val;
+      }
+      return sum;
+    }, 0);
+    const newLabels = [];
+    meta.data.forEach((arc, index) => {
+      if (arc.hidden) return;
+      const value = data[index];
+      if (value === 0) return;
+      const centerAngle = (arc.startAngle + arc.endAngle) / 2;
+      const midRadius = arc.innerRadius + (arc.outerRadius - arc.innerRadius) * 0.65;
+      const x = arc.x - Math.cos(centerAngle) * midRadius;
+      const y = arc.y + Math.sin(centerAngle) * midRadius;
+      let text;
+      if (showPercentage) {
+        const percentage = (value / visibleTotal * 100).toFixed(1);
+        text = percentage + "%";
+      } else {
+        text = String(value);
+      }
+      newLabels.push({ x, y, text, opacity: 1 });
+    });
+    setDataLabels(newLabels);
+  };
+  useEffect2(() => {
+    if (!showDataLabels) {
+      setDataLabels([]);
+      return;
+    }
+    const timeout = setTimeout(() => {
+      calculateLabels();
+    }, 500);
+    return () => clearTimeout(timeout);
+  }, [datasets, showDataLabels, showPercentage]);
+  useEffect2(() => {
+    if (!chartRef.current || !showDataLabels) return;
+    const chart = chartRef.current;
+    const originalUpdate = chart.update.bind(chart);
+    chart.update = function(...args) {
+      setDataLabels((prev) => prev.map((l) => ({ ...l, opacity: 0 })));
+      originalUpdate(...args);
+      setTimeout(() => {
+        calculateLabels();
+      }, 250);
+    };
+    return () => {
+      chart.update = originalUpdate;
+    };
+  }, [showDataLabels, showPercentage]);
+  const options = useMemo(() => ({
     responsive: true,
     maintainAspectRatio: false,
     cutout: !disableLogo ? "59%" : "0%",
+    animation: {
+      animateRotate: true,
+      animateScale: true,
+      duration: 400
+    },
     plugins: {
       tooltip: {
         bodyFont: {
-          family: "'Vazir', sans-serif",
+          family: "Vazir, sans-serif",
           size: 14
         },
         titleFont: {
-          family: "'Vazir', sans-serif",
+          family: "Vazir, sans-serif",
           size: 16
         }
       },
@@ -130,7 +301,7 @@ function PieChart({
           // رنگ متن legend را نرم‌تر می‌کند
           font: {
             size: 16,
-            family: "'Vazir', sans-serif"
+            family: "Vazir, sans-serif"
           },
           boxWidth: 40,
           paddingBottom: 10,
@@ -161,38 +332,11 @@ function PieChart({
         }
       },
       datalabels: {
-        display: (context) => {
-          return showDataLabels && !context.chart.getDatasetMeta(context.datasetIndex).data[context.dataIndex].hidden;
-        },
-        color: "#fff",
-        font: {
-          size: 14,
-          weight: "bold",
-          family: "'Vazir', sans-serif"
-        },
-        anchor: "center",
-        // ← روی مرکز هر تکه
-        align: "center",
-        offset: 20,
-        // فاصله از مرکز (می‌تونی کم/زیاد کنی)
-        formatter: showPercentage ? (value, context) => {
-          if (value === 0) return "";
-          const total = context.chart.data.datasets[context.datasetIndex].data.reduce(
-            (sum, val, index) => {
-              const meta = context.chart.getDatasetMeta(context.datasetIndex);
-              if (!meta.data[index] || meta.data[index].hidden !== true) {
-                return sum + val;
-              }
-              return sum;
-            },
-            0
-          );
-          const percentage = (value / total * 100).toFixed(1);
-          return percentage + "%";
-        } : (value) => value === 0 ? "" : value
+        display: false
+        // غیرفعال - لیبل‌ها با React رندر می‌شوند
       }
     }
-  };
+  }), [disableLogo]);
   const CenterComponent = () => {
     return /* @__PURE__ */ React.createElement(
       "div",
@@ -216,16 +360,37 @@ function PieChart({
       )
     );
   };
-  return /* @__PURE__ */ React.createElement(Box2, { height: height ?? 600, sx: { position: "relative" } }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(Box2, { ref: containerRef, height: height ?? 600, sx: { position: "relative" } }, /* @__PURE__ */ React.createElement(
     Pie,
     {
+      ref: chartRef,
       data: {
         labels,
         datasets
       },
       options
     }
-  ), !disableLogo && /* @__PURE__ */ React.createElement(
+  ), showDataLabels && dataLabels.map((label, index) => /* @__PURE__ */ React.createElement(
+    Typography,
+    {
+      key: index,
+      sx: {
+        position: "absolute",
+        left: label.x / (window.devicePixelRatio || 1),
+        top: label.y / (window.devicePixelRatio || 1),
+        transform: "translate(-50%, -50%)",
+        color: "#fff",
+        fontWeight: "bold",
+        fontSize: 14,
+        fontFamily: "Vazir, sans-serif",
+        pointerEvents: "none",
+        textShadow: "0 1px 2px rgba(0,0,0,0.5)",
+        opacity: label.opacity,
+        transition: "opacity 0.2s ease-in-out, left 0.2s ease-in-out, top 0.2s ease-in-out"
+      }
+    },
+    label.text
+  )), !disableLogo && /* @__PURE__ */ React.createElement(
     "div",
     {
       style: {

package/dist/charts/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../react-shim.js","../../src/charts/bar/index.tsx","../../src/charts/pie/index.tsx"],"sourcesContent":["import * as React from \"react\";\nexport { React };\n","\"use client\";\r\nimport { Chart } from \"react-chartjs-2\";\r\nimport {\r\n  Chart as ChartJS,\r\n  CategoryScale,\r\n  LinearScale,\r\n  BarElement,\r\n  LineElement,\r\n  PointElement,\r\n  Tooltip,\r\n  Legend,\r\n  BarController,\r\n  LineController,\r\n  Chart as ChartType,\r\n} from \"chart.js\";\r\nimport { Box } from \"@mui/material\";\r\n\r\nChartJS.register(\r\n  CategoryScale,\r\n  LinearScale,\r\n  BarElement,\r\n  LineElement,\r\n  PointElement,\r\n  Tooltip,\r\n  Legend,\r\n  BarController,\r\n  LineController\r\n);\r\n\r\ninterface Props {\r\n  labels: string[];\r\n  datasets: {\r\n    label: string;\r\n    data: (number | null)[];\r\n    backgroundColor: string;\r\n    borderColor?: string;\r\n    borderWidth?: number;\r\n    type?: \"line\";\r\n    order?: number;\r\n    tension?: number;\r\n    pointRadius?: number;\r\n    fill?: boolean;\r\n  }[];\r\n  height?: number;\r\n}\r\n/**\r\n * 📊 BarChart — کامپوننت نمودار میله‌ای (Bar/Combo)\r\n *\r\n * @component BarChart\r\n *\r\n * @param {string[]} labels - آرایه‌ای از برچسب‌ها برای محور افقی (X).\r\n * @param {Array<{\r\n *   label: string,\r\n *   data: number[],\r\n *   backgroundColor: string,\r\n *   borderColor?: string,\r\n *   borderWidth?: number,\r\n *   type?: \"line\",\r\n *   order?: number,\r\n *   tension?: number,\r\n *   pointRadius?: number,\r\n *   fill?: boolean\r\n * }>} datasets - آرایه‌ای از آبجکت‌های داده برای هر سری نمودار.\r\n *   - label: عنوان داده‌ها (نمایش در legend)\r\n *   - data: آرایه‌ای از مقادیر هر سری\r\n *   - backgroundColor: رنگ میله یا خط\r\n *   - borderColor: (اختیاری) رنگ خط دور میله یا خط\r\n *   - borderWidth: (اختیاری) ضخامت خط دور میله یا خط\r\n *   - type: (اختیاری) اگر \"line\" باشد، سری به صورت خطی نمایش داده می‌شود (نمودار ترکیبی)\r\n *   - order: (اختیاری) ترتیب رسم سری (سری با order بالاتر روی بقیه قرار می‌گیرد)\r\n *   - tension: (اختیاری) میزان خمیدگی خط (برای سری‌های خطی)\r\n *   - pointRadius: (اختیاری) شعاع نقاط روی خط (برای سری‌های خطی)\r\n *   - fill: (اختیاری) پر شدن زیر خط (برای سری‌های خطی)\r\n *\r\n * @param {number} [height] - ارتفاع نمودار (پیش‌فرض: 600 پیکسل)\r\n *\r\n * @description\r\n * این کامپوننت یک نمودار میله‌ای (Bar) یا ترکیبی Bar/Line با قابلیت شخصی‌سازی کامل است.\r\n * - پشتیبانی از فونت وزیر و راست‌چین\r\n * - ریسپانسیو و مناسب صفحات فارسی\r\n * - امکان نمایش چند سری داده به صورت میله‌ای و خطی همزمان (Combo)\r\n * - شخصی‌سازی رنگ، ضخامت، ترتیب و استایل هر سری\r\n *\r\n * @returns {JSX.Element} یک نمودار میله‌ای یا ترکیبی با داده‌های ورودی\r\n *\r\n * @example\r\n * ```jsx\r\n * <BarChart\r\n *   labels={[\"شنبه\", \"یکشنبه\", \"دوشنبه\"]}\r\n *   datasets={[\r\n *     {\r\n *       label: \"فروش\",\r\n *       data: [10, 20, 15],\r\n *       backgroundColor: \"rgba(75,192,192,0.7)\",\r\n *     },\r\n *     {\r\n *       label: \"میانگین\",\r\n *       data: [12, 18, 14],\r\n *       borderColor: \"red\",\r\n *       backgroundColor: \"transparent\",\r\n *       type: \"line\",\r\n *       order: 0,\r\n *       borderWidth: 3,\r\n *       tension: 0.4,\r\n *       pointRadius: 4,\r\n *       fill: false,\r\n *     },\r\n *   ]}\r\n *   height={400}\r\n * />\r\n * ```\r\n */\r\nexport default function BarChart({ labels, datasets, height }: Props) {\r\n  const options = {\r\n    responsive: true,\r\n    maintainAspectRatio: false,\r\n    scales: {\r\n      y: {\r\n        ticks: {\r\n          font: {\r\n            family: \"'Vazir', sans-serif\",\r\n            size: 14,\r\n          },\r\n        },\r\n      },\r\n      x: {\r\n        ticks: {\r\n          autoSkip: false,\r\n          font: {\r\n            family: \"'Vazir', sans-serif\",\r\n            size: 13,\r\n          },\r\n        },\r\n      },\r\n    },\r\n    plugins: {\r\n      datalabels: {\r\n        display: false, // ← غیرفعال\r\n      },\r\n      tooltip: {\r\n        bodyFont: {\r\n          family: \"'Vazir', sans-serif\",\r\n          size: 14,\r\n        },\r\n        titleFont: {\r\n          family: \"'Vazir', sans-serif\",\r\n          size: 16,\r\n        },\r\n      },\r\n      legend: {\r\n        labels: {\r\n          generateLabels: function (chart: ChartType) {\r\n            const labels =\r\n              ChartJS.defaults.plugins.legend.labels.generateLabels(chart);\r\n            return labels.map((label) => ({\r\n              ...label,\r\n              text: \"     \" + label.text + \" \",\r\n              boxWidth: 40,\r\n              boxHeight: 20,\r\n            }));\r\n          },\r\n          padding: 15,\r\n          usePointStyle: true,\r\n          font: {\r\n            size: 16,\r\n            family: \"'Vazir', sans-serif\",\r\n          },\r\n          boxWidth: 40,\r\n          paddingBottom: 10,\r\n        },\r\n      },\r\n    },\r\n  };\r\n\r\n  return (\r\n    <Box height={height ?? 600}>\r\n      <Chart type=\"bar\" data={{ labels, datasets }} options={options} />\r\n    </Box>\r\n  );\r\n}\r\n","'use client'\nimport { Pie } from \"react-chartjs-2\";\nimport { Chart as ChartJS, ArcElement, Tooltip, Legend, Chart } from \"chart.js\";\nimport { useMemo } from \"react\";\nimport { Box } from \"@mui/material\";\nimport Image from \"next/image\";\nimport ChartDataLabels from \"chartjs-plugin-datalabels\";\n\nChartJS.register(ArcElement, Tooltip, Legend, ChartDataLabels);\n\ninterface Props {\n  labels: string[];\n  datasets: {\n    label: string;\n    data: number[];\n    backgroundColor: string | string[];\n    borderWidth?: number;\n  }[];\n  height?: number;\n  disableLogo?: boolean;\n  logoSRC?: string;\n  showDataLabels?: boolean;\n  showPercentage?: boolean;\n}\n/**\n * 📊 PieChart — کامپوننت نمودار دایره‌ای (Pie)\n *\n * @component PieChart\n *\n * @param {string[]} labels - آرایه‌ای از برچسب‌ها برای هر بخش نمودار.\n * @param {boolean} [showDataLabels] - نمایش یا عدم نمایش برچسب‌های داده‌ها\n * @param {boolean} [showPercentage] - نمایش درصد به جای مقدار عددی در برچسب‌های داده‌ها (در صورت فعال بودن showDataLabels). درصد بر اساس داده‌های قابل مشاهده محاسبه می‌شود.\n * @param {Array<{\n *   label: string,\n *   data: number[],\n *   backgroundColor: string[],\n *   borderWidth?: number\n * }>} datasets - آرایه‌ای شامل یک آبجکت داده برای مقداردهی بخش‌های نمودار.\n *   - label: عنوان داده‌ها (نمایش در legend)\n *   - data: آرایه‌ای از مقادیر هر بخش\n *   - backgroundColor: آرایه‌ای از رنگ‌ها برای هر بخش\n *   - borderWidth: (اختیاری) ضخامت خط دور هر بخش\n * @param {number} [height] - ارتفاع نمودار (پیش‌فرض: 600 پیکسل)\n *\n * @description\n * این کامپوننت یک نمودار دایره‌ای با قابلیت شخصی‌سازی رنگ، داده و فونت (هماهنگ با وزیر) است.\n * - ریسپانسیو و مناسب صفحات فارسی\n * - امکان نمایش لوگو یا کامپوننت دلخواه در مرکز نمودار\n * - امکان نمایش درصد یا مقدار عددی در برچسب‌های داده‌ها بر اساس داده‌های قابل مشاهده\n *\n * @returns {JSX.Element} یک نمودار دایره‌ای با داده‌های ورودی\n *\n * @example\n * ```jsx\n * <PieChart\n *   labels={[\"بخش اول\", \"بخش دوم\", \"بخش سوم\"]}\n *   datasets={[\n *     {\n *       label: \"مقدار\",\n *       data: [10, 20, 30],\n *       backgroundColor: [\n *         \"rgba(75,192,192,1)\",\n *         \"rgba(255,99,132,1)\",\n *         \"rgba(153,102,255,1)\",\n *       ],\n *       borderWidth: 2,\n *     },\n *   ]}\n *   showDataLabels={true}\n *   showPercentage={true}\n * />\n * ```\n */\nexport default function PieChart({\n  labels,\n  datasets,\n  height,\n  disableLogo,\n  logoSRC,\n  showDataLabels = false,\n  showPercentage = false,\n}: Props) {\n  const options = {\n    responsive: true,\n    maintainAspectRatio: false,\n    cutout: !disableLogo ? \"59%\" : \"0%\",\n    plugins: {\n      tooltip: {\n        bodyFont: {\n          family: \"'Vazir', sans-serif\",\n          size: 14,\n        },\n        titleFont: {\n          family: \"'Vazir', sans-serif\",\n          size: 16,\n        },\n      },\n      legend: {\n        labels: {\n          padding: 15,\n          usePointStyle: true,\n          color: '#666', // رنگ متن legend را نرم‌تر می‌کند\n          font: {\n            size: 16,\n            family: \"'Vazir', sans-serif\",\n          },\n          boxWidth: 40,\n          paddingBottom: 10,\n          generateLabels: (chart: any) => {\n            const data = chart.data;\n            const meta = chart.getDatasetMeta(0);\n            return data.labels.map((label: string, index: number) => {\n              const hidden = meta.data[index] ? meta.data[index].hidden : false;\n              return {\n                text: label,\n                fillStyle: data.datasets[0].backgroundColor[index] || '#000',\n                hidden: hidden,\n                index: index,\n                datasetIndex: 0,\n                textDecoration: hidden ? 'line-through' : undefined,\n              };\n            });\n          },\n        },\n        onClick: (e: any, legendItem: any, legend: any) => {\n          const ci = legend.chart;\n          const meta = ci.getDatasetMeta(legendItem.datasetIndex || 0);\n          const index = legendItem.index;\n          if (meta.data[index]) {\n            meta.data[index].hidden = !meta.data[index].hidden;\n          }\n          ci.update();\n        },\n      },\n      datalabels: {\n        display: (context: any) => {\n          return showDataLabels && !context.chart.getDatasetMeta(context.datasetIndex).data[context.dataIndex].hidden;\n        },\n        color: \"#fff\",\n        font: {\n          size: 14,\n          weight: \"bold\",\n          family: \"'Vazir', sans-serif\",\n        } as const,\n        anchor: \"center\" as const, // ← روی مرکز هر تکه\n        align: \"center\" as const,\n        offset: 20, // فاصله از مرکز (می‌تونی کم/زیاد کنی)\n        formatter: showPercentage\n          ? (value: number, context: any) => {\n            if (value === 0) return \"\";\n            // محاسبه مجموع داده‌های قابل مشاهده\n            const total = context.chart.data.datasets[context.datasetIndex].data.reduce(\n              (sum: number, val: number, index: number) => {\n                const meta = context.chart.getDatasetMeta(context.datasetIndex);\n                if (!meta.data[index] || meta.data[index].hidden !== true) {\n                  return sum + val;\n                }\n                return sum;\n              },\n              0\n            );\n            const percentage = ((value / total) * 100).toFixed(1);\n            return percentage + \"%\";\n          }\n          : (value: number) => (value === 0 ? \"\" : value),\n      },\n    },\n  };\n\n  // کامپوننتی که می‌خواهید در مرکز نمودار نمایش داده شود\n  const CenterComponent = () => {\n    return (\n      <div\n        style={{\n          padding: \"10px\",\n          borderRadius: \"8px\",\n          textAlign: \"center\",\n          width: 220,\n        }}\n      >\n        <Image\n          alt=\"\"\n          width={220}\n          height={220}\n          src={logoSRC ?? \"/assets/images/pilogo.png\"}\n          unoptimized\n        />\n      </div>\n    );\n  };\n\n  return (\n    <Box height={height ?? 600} sx={{ position: \"relative\" }}>\n      <Pie\n        data={{\n          labels: labels,\n          datasets: datasets,\n        }}\n        options={options}\n      />\n      {!disableLogo && (\n        <div\n          style={{\n            position: \"absolute\",\n            top: \"53%\",\n            left: \"50%\",\n            transform: \"translate(-50%, -50%)\",\n            pointerEvents: \"none\", // جلوگیری از دریافت event روی این لایه\n          }}\n        >\n          <CenterComponent />\n        </div>\n      )}\n    </Box>\n  );\n}\n"],"mappings":"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","names":["labels","ChartJS","Tooltip","Legend","Box"]}
+{"version":3,"sources":["../../react-shim.js","../../src/charts/bar/index.tsx","../../src/charts/pie/index.tsx"],"sourcesContent":["import * as React from \"react\";\nexport { React };\n","\"use client\";\r\nimport { Chart } from \"react-chartjs-2\";\r\nimport {\r\n  Chart as ChartJS,\r\n  CategoryScale,\r\n  LinearScale,\r\n  LogarithmicScale,\r\n  BarElement,\r\n  LineElement,\r\n  PointElement,\r\n  Tooltip,\r\n  Legend,\r\n  BarController,\r\n  LineController,\r\n  Chart as ChartType,\r\n} from \"chart.js\";\r\nimport { Box } from \"@mui/material\";\r\nimport { useRef, useEffect, useState } from \"react\";\r\n\r\nChartJS.register(\r\n  CategoryScale,\r\n  LinearScale,\r\n  LogarithmicScale,\r\n  BarElement,\r\n  LineElement,\r\n  PointElement,\r\n  Tooltip,\r\n  Legend,\r\n  BarController,\r\n  LineController\r\n);\r\n\r\n// تنظیم فونت پیش‌فرض Chart.js به Vazir\r\nChartJS.defaults.font.family = \"Vazir, sans-serif\";\r\n\r\ninterface Props {\r\n  labels: string[];\r\n  datasets: {\r\n    label: string;\r\n    data: (number | null)[];\r\n    backgroundColor: string;\r\n    borderColor?: string;\r\n    borderWidth?: number;\r\n    type?: \"line\";\r\n    order?: number;\r\n    tension?: number;\r\n    pointRadius?: number;\r\n    fill?: boolean;\r\n  }[];\r\n  height?: number;\r\n  /**\r\n   * حداقل مقدار محور Y (اختیاری)\r\n   * اگر ست نشود، Chart.js خودش محاسبه می‌کند\r\n   * ⚠️ نکته: اگر این مقدار ست شود، beginAtZero نادیده گرفته می‌شود\r\n   */\r\n  yAxisMin?: number;\r\n  /**\r\n   * حداکثر مقدار محور Y (اختیاری)\r\n   * اگر ست نشود، Chart.js خودش محاسبه می‌کند\r\n   */\r\n  yAxisMax?: number;\r\n  /**\r\n   * آیا محور Y از صفر شروع شود؟\r\n   * پیش‌فرض: true\r\n   * ⚠️ نکته: اگر yAxisMin ست شود، این گزینه نادیده گرفته می‌شود\r\n   */\r\n  beginAtZero?: boolean;\r\n  /**\r\n   * استفاده از مقیاس لگاریتمی برای محور Y\r\n   * مناسب برای داده‌هایی که اختلاف خیلی زیادی دارند\r\n   * پیش‌فرض: false\r\n   * ⚠️ نکته: مقادیر 0 یا منفی در مقیاس لگاریتمی نمایش داده نمی‌شوند\r\n   */\r\n  logarithmic?: boolean;\r\n  /**\r\n   * حداقل ارتفاع میله برای داده‌های خیلی کوچک (پیکسل)\r\n   * مقادیر خیلی کوچک (مثل 1) در کنار مقادیر بزرگ (مثل 10000) گم نمی‌شوند\r\n   * پیش‌فرض: 0 (غیرفعال)\r\n   */\r\n  minBarLength?: number;\r\n}\r\n/**\r\n * 📊 BarChart — کامپوننت نمودار میله‌ای (Bar/Combo)\r\n *\r\n * @component BarChart\r\n *\r\n * @param {string[]} labels - آرایه‌ای از برچسب‌ها برای محور افقی (X).\r\n * @param {Array<{\r\n *   label: string,\r\n *   data: number[],\r\n *   backgroundColor: string,\r\n *   borderColor?: string,\r\n *   borderWidth?: number,\r\n *   type?: \"line\",\r\n *   order?: number,\r\n *   tension?: number,\r\n *   pointRadius?: number,\r\n *   fill?: boolean\r\n * }>} datasets - آرایه‌ای از آبجکت‌های داده برای هر سری نمودار.\r\n *   - label: عنوان داده‌ها (نمایش در legend)\r\n *   - data: آرایه‌ای از مقادیر هر سری\r\n *   - backgroundColor: رنگ میله یا خط\r\n *   - borderColor: (اختیاری) رنگ خط دور میله یا خط\r\n *   - borderWidth: (اختیاری) ضخامت خط دور میله یا خط\r\n *   - type: (اختیاری) اگر \"line\" باشد، سری به صورت خطی نمایش داده می‌شود (نمودار ترکیبی)\r\n *   - order: (اختیاری) ترتیب رسم سری (سری با order بالاتر روی بقیه قرار می‌گیرد)\r\n *   - tension: (اختیاری) میزان خمیدگی خط (برای سری‌های خطی)\r\n *   - pointRadius: (اختیاری) شعاع نقاط روی خط (برای سری‌های خطی)\r\n *   - fill: (اختیاری) پر شدن زیر خط (برای سری‌های خطی)\r\n *\r\n * @param {number} [height] - ارتفاع نمودار (پیش‌فرض: 600 پیکسل)\r\n * @param {number} [yAxisMin] - حداقل مقدار محور Y (نادیده‌گرفتن beginAtZero)\r\n * @param {number} [yAxisMax] - حداکثر مقدار محور Y\r\n * @param {boolean} [beginAtZero=true] - آیا محور Y از صفر شروع شود؟ (اگر yAxisMin ست شود نادیده گرفته می‌شود)\r\n * @param {boolean} [logarithmic=false] - استفاده از مقیاس لگاریتمی (مقادیر 0 یا منفی نمایش داده نمی‌شوند)\r\n * @param {number} [minBarLength=0] - حداقل ارتفاع میله (پیکسل) - برای جلوگیری از گم شدن داده‌های کوچک\r\n *\r\n * @description\r\n * این کامپوننت یک نمودار میله‌ای (Bar) یا ترکیبی Bar/Line با قابلیت شخصی‌سازی کامل است.\r\n * - پشتیبانی از فونت وزیر و راست‌چین\r\n * - ریسپانسیو و مناسب صفحات فارسی\r\n * - امکان نمایش چند سری داده به صورت میله‌ای و خطی همزمان (Combo)\r\n * - شخصی‌سازی رنگ، ضخامت، ترتیب و استایل هر سری\r\n * - پشتیبانی از مقیاس لگاریتمی برای داده‌های با اختلاف زیاد\r\n * - minBarLength برای نمایش داده‌های خیلی کوچک در کنار بزرگ‌ها\r\n *\r\n * @returns {JSX.Element} یک نمودار میله‌ای یا ترکیبی با داده‌های ورودی\r\n *\r\n * @example\r\n * ```jsx\r\n * // نمودار ساده\r\n * <BarChart\r\n *   labels={[\"شنبه\", \"یکشنبه\", \"دوشنبه\"]}\r\n *   datasets={[\r\n *     {\r\n *       label: \"فروش\",\r\n *       data: [10, 20, 15],\r\n *       backgroundColor: \"rgba(75,192,192,0.7)\",\r\n *     },\r\n *   ]}\r\n *   height={400}\r\n * />\r\n *\r\n * // نمودار با داده‌های اختلاف زیاد (مقیاس لگاریتمی)\r\n * <BarChart\r\n *   labels={[\"A\", \"B\", \"C\", \"D\"]}\r\n *   datasets={[\r\n *     {\r\n *       label: \"مقادیر\",\r\n *       data: [5, 50, 5000, 50000],\r\n *       backgroundColor: \"rgba(75,192,192,0.7)\",\r\n *     },\r\n *   ]}\r\n *   logarithmic={true}\r\n *   height={400}\r\n * />\r\n *\r\n * // نمودار با کنترل دستی بازه محور Y\r\n * <BarChart\r\n *   labels={[\"A\", \"B\", \"C\"]}\r\n *   datasets={[\r\n *     {\r\n *       label: \"مقادیر\",\r\n *       data: [100, 150, 120],\r\n *       backgroundColor: \"rgba(75,192,192,0.7)\",\r\n *     },\r\n *   ]}\r\n *   yAxisMin={80}\r\n *   yAxisMax={200}\r\n *   beginAtZero={false}\r\n *   height={400}\r\n * />\r\n * ```\r\n */\r\nexport default function BarChart({\r\n  labels,\r\n  datasets,\r\n  height,\r\n  yAxisMin,\r\n  yAxisMax,\r\n  beginAtZero = true,\r\n  logarithmic = false,\r\n  minBarLength = 0,\r\n}: Props) {\r\n  const chartRef = useRef<ChartJS>(null);\r\n  const [fontLoaded, setFontLoaded] = useState(false);\r\n\r\n  // صبر برای لود شدن فونت Vazir و سپس آپدیت chart\r\n  useEffect(() => {\r\n    let isMounted = true;\r\n\r\n    const loadFont = async () => {\r\n      if (typeof document !== \"undefined\" && document.fonts) {\r\n        try {\r\n          // منتظر لود شدن فونت Vazir به صورت مستقیم\r\n          await document.fonts.load(\"16px Vazir\");\r\n          await document.fonts.ready;\r\n        } catch (e) {\r\n          // اگر فونت پیدا نشد، ادامه بده\r\n        }\r\n\r\n        if (isMounted) {\r\n          setFontLoaded(true);\r\n          // آپدیت chart بعد از لود فونت\r\n          setTimeout(() => {\r\n            if (chartRef.current) {\r\n              chartRef.current.update();\r\n            }\r\n          }, 100);\r\n        }\r\n      } else {\r\n        if (isMounted) setFontLoaded(true);\r\n      }\r\n    };\r\n\r\n    loadFont();\r\n\r\n    return () => { isMounted = false; };\r\n  }, []);\r\n\r\n  // محاسبه min/max فقط بر اساس داده‌های visible\r\n  const getVisibleData = (): number[] => {\r\n    if (!chartRef.current) return [];\r\n    // فقط سری‌هایی که visible هستند و نوعشان bar است\r\n    return datasets.reduce((acc: number[], ds, i) => {\r\n      // اگر سری فعال است و نوعش bar است\r\n      // @ts-ignore\r\n      if ((ds.type === undefined || ds.type === \"bar\") && chartRef.current && typeof chartRef.current.isDatasetVisible === \"function\" && chartRef.current.isDatasetVisible(i)) {\r\n        ds.data.forEach((v: number | null) => {\r\n          if (typeof v === \"number\" && v > 0) acc.push(v);\r\n        });\r\n      }\r\n      return acc;\r\n    }, []);\r\n  };\r\n\r\n  let autoMin = yAxisMin;\r\n  let autoMax = yAxisMax;\r\n  if (logarithmic && yAxisMin === undefined && yAxisMax === undefined) {\r\n    const visibleData = getVisibleData();\r\n    if (visibleData.length) {\r\n      const minVal = Math.min(...visibleData);\r\n      const maxVal = Math.max(...visibleData);\r\n      autoMin = minVal < 1 ? 0.5 : minVal * 0.7;\r\n      autoMax = minVal === maxVal ? maxVal * 1.2 : maxVal * 1.1;\r\n    }\r\n  }\r\n\r\n  // هر بار که legend تغییر کند، نمودار را آپدیت کن تا min/max درست شود\r\n  useEffect(() => {\r\n    if (!logarithmic || yAxisMin !== undefined || yAxisMax !== undefined) return;\r\n    if (!chartRef.current) return;\r\n    const handler = () => {\r\n      // آپدیت min/max و نمودار\r\n      const visibleData = getVisibleData();\r\n      if (visibleData.length && chartRef.current && chartRef.current.options && chartRef.current.options.scales && chartRef.current.options.scales.y) {\r\n        const minVal = Math.min(...visibleData);\r\n        const maxVal = Math.max(...visibleData);\r\n        chartRef.current.options.scales.y.min = minVal < 1 ? 0.5 : minVal * 0.7;\r\n        chartRef.current.options.scales.y.max = minVal === maxVal ? maxVal * 1.2 : maxVal * 1.1;\r\n        chartRef.current.update();\r\n      }\r\n    };\r\n    // گوش دادن به event legend\r\n    chartRef.current?.canvas?.addEventListener(\"click\", handler);\r\n    return () => {\r\n      chartRef.current?.canvas?.removeEventListener(\"click\", handler);\r\n    };\r\n  }, [logarithmic, yAxisMin, yAxisMax, datasets]);\r\n\r\n  const options = {\r\n    responsive: true,\r\n    maintainAspectRatio: false,\r\n    scales: {\r\n      y: {\r\n        type: logarithmic ? (\"logarithmic\" as const) : (\"linear\" as const),\r\n        ...(yAxisMin === undefined && yAxisMax === undefined && !logarithmic && {\r\n          beginAtZero: beginAtZero,\r\n        }),\r\n        ...(autoMin !== undefined && { min: autoMin }),\r\n        ...(autoMax !== undefined && { max: autoMax }),\r\n        ticks: {\r\n          font: {\r\n            family: \"Vazir, sans-serif\",\r\n            size: 14,\r\n          },\r\n          ...(logarithmic && {\r\n            callback: function (value: number | string) {\r\n              const numValue = Number(value);\r\n              // فقط توان‌های ۱۰ را نمایش بده\r\n              if (numValue === 0) return null;\r\n              const log10 = Math.log10(numValue);\r\n              if (Math.abs(log10 - Math.round(log10)) < 0.0001) {\r\n                if (numValue >= 1000000) return (numValue / 1000000).toFixed(1) + \"M\";\r\n                if (numValue >= 1000) return (numValue / 1000).toFixed(1) + \"K\";\r\n                return numValue;\r\n              }\r\n              return null;\r\n            },\r\n          }),\r\n        },\r\n      },\r\n      x: {\r\n        ticks: {\r\n          autoSkip: false,\r\n          font: {\r\n            family: \"Vazir, sans-serif\",\r\n            size: 13,\r\n          },\r\n        },\r\n      },\r\n    },\r\n    plugins: {\r\n      datalabels: {\r\n        display: false, // ← غیرفعال\r\n      },\r\n      tooltip: {\r\n        bodyFont: {\r\n          family: \"Vazir, sans-serif\",\r\n          size: 14,\r\n        },\r\n        titleFont: {\r\n          family: \"Vazir, sans-serif\",\r\n          size: 16,\r\n        },\r\n      },\r\n      legend: {\r\n        labels: {\r\n          generateLabels: function (chart: ChartType) {\r\n            const labels =\r\n              ChartJS.defaults.plugins.legend.labels.generateLabels(chart);\r\n            return labels.map((label) => ({\r\n              ...label,\r\n              text: \"     \" + label.text + \" \",\r\n              boxWidth: 40,\r\n              boxHeight: 20,\r\n            }));\r\n          },\r\n          padding: 15,\r\n          usePointStyle: true,\r\n          font: {\r\n            size: 16,\r\n            family: \"Vazir, sans-serif\",\r\n          },\r\n          boxWidth: 40,\r\n          paddingBottom: 10,\r\n        },\r\n      },\r\n    },\r\n  };\r\n\r\n  // اضافه کردن minBarLength به همه datasets\r\n  const processedDatasets = datasets.map((ds) => ({\r\n    ...ds,\r\n    minBarLength: minBarLength,\r\n  }));\r\n\r\n  return (\r\n    <Box height={height ?? 600}>\r\n      {fontLoaded && (\r\n        <Chart ref={chartRef} type=\"bar\" data={{ labels, datasets: processedDatasets }} options={options} />\r\n      )}\r\n    </Box>\r\n  );\r\n}\r\n","'use client'\nimport { Pie } from \"react-chartjs-2\";\nimport { Chart as ChartJS, ArcElement, Tooltip, Legend, Chart } from \"chart.js\";\nimport { useMemo, useRef, useEffect, useState } from \"react\";\nimport { Box, Typography } from \"@mui/material\";\nimport Image from \"next/image\";\nimport ChartDataLabels from \"chartjs-plugin-datalabels\";\n\nChartJS.register(ArcElement, Tooltip, Legend, ChartDataLabels);\n\n// تنظیم فونت پیش‌فرض Chart.js به Vazir\nChartJS.defaults.font.family = \"Vazir, sans-serif\";\n\ninterface Props {\n  labels: string[];\n  datasets: {\n    label: string;\n    data: number[];\n    backgroundColor: string | string[];\n    borderWidth?: number;\n  }[];\n  height?: number;\n  disableLogo?: boolean;\n  logoSRC?: string;\n  showDataLabels?: boolean;\n  showPercentage?: boolean;\n}\n/**\n * 📊 PieChart — کامپوننت نمودار دایره‌ای (Pie)\n *\n * @component PieChart\n *\n * @param {string[]} labels - آرایه‌ای از برچسب‌ها برای هر بخش نمودار.\n * @param {boolean} [showDataLabels] - نمایش یا عدم نمایش برچسب‌های داده‌ها\n * @param {boolean} [showPercentage] - نمایش درصد به جای مقدار عددی در برچسب‌های داده‌ها (در صورت فعال بودن showDataLabels). درصد بر اساس داده‌های قابل مشاهده محاسبه می‌شود.\n * @param {Array<{\n *   label: string,\n *   data: number[],\n *   backgroundColor: string[],\n *   borderWidth?: number\n * }>} datasets - آرایه‌ای شامل یک آبجکت داده برای مقداردهی بخش‌های نمودار.\n *   - label: عنوان داده‌ها (نمایش در legend)\n *   - data: آرایه‌ای از مقادیر هر بخش\n *   - backgroundColor: آرایه‌ای از رنگ‌ها برای هر بخش\n *   - borderWidth: (اختیاری) ضخامت خط دور هر بخش\n * @param {number} [height] - ارتفاع نمودار (پیش‌فرض: 600 پیکسل)\n *\n * @description\n * این کامپوننت یک نمودار دایره‌ای با قابلیت شخصی‌سازی رنگ، داده و فونت (هماهنگ با وزیر) است.\n * - ریسپانسیو و مناسب صفحات فارسی\n * - امکان نمایش لوگو یا کامپوننت دلخواه در مرکز نمودار\n * - امکان نمایش درصد یا مقدار عددی در برچسب‌های داده‌ها بر اساس داده‌های قابل مشاهده\n *\n * @returns {JSX.Element} یک نمودار دایره‌ای با داده‌های ورودی\n *\n * @example\n * ```jsx\n * <PieChart\n *   labels={[\"بخش اول\", \"بخش دوم\", \"بخش سوم\"]}\n *   datasets={[\n *     {\n *       label: \"مقدار\",\n *       data: [10, 20, 30],\n *       backgroundColor: [\n *         \"rgba(75,192,192,1)\",\n *         \"rgba(255,99,132,1)\",\n *         \"rgba(153,102,255,1)\",\n *       ],\n *       borderWidth: 2,\n *     },\n *   ]}\n *   showDataLabels={true}\n *   showPercentage={true}\n * />\n * ```\n */\nexport default function PieChart({\n  labels,\n  datasets,\n  height,\n  disableLogo,\n  logoSRC,\n  showDataLabels = false,\n  showPercentage = false,\n}: Props) {\n  const chartRef = useRef<ChartJS<\"pie\">>(null);\n  const [dataLabels, setDataLabels] = useState<{ x: number; y: number; text: string; opacity: number }[]>([]);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  // تابع محاسبه موقعیت لیبل‌ها\n  const calculateLabels = () => {\n    if (!showDataLabels || !chartRef.current || !containerRef.current) return;\n\n    const chart = chartRef.current;\n    const meta = chart.getDatasetMeta(0);\n    const data = chart.data.datasets[0].data as number[];\n\n    // گرفتن اطلاعات chart area\n    const chartArea = chart.chartArea;\n\n    // محاسبه مجموع داده‌های قابل مشاهده\n    const visibleTotal = data.reduce((sum, val, index) => {\n      if (!meta.data[index] || (meta.data[index] as any).hidden !== true) {\n        return sum + val;\n      }\n      return sum;\n    }, 0);\n\n    const newLabels: { x: number; y: number; text: string; opacity: number }[] = [];\n\n    meta.data.forEach((arc: any, index: number) => {\n      if (arc.hidden) return;\n\n      const value = data[index];\n      if (value === 0) return;\n\n      // محاسبه مرکز arc\n      const centerAngle = (arc.startAngle + arc.endAngle) / 2;\n      // نزدیک‌تر به دیواره (0.7 = بین مرکز و لبه، هرچه بیشتر به 1 نزدیک‌تر = نزدیک‌تر به لبه)\n      const midRadius = arc.innerRadius + (arc.outerRadius - arc.innerRadius) * 0.65;\n\n      // موقعیت در chart area - آینه کردن روی محور X\n      const x = arc.x - Math.cos(centerAngle) * midRadius;\n      const y = arc.y + Math.sin(centerAngle) * midRadius;\n\n      let text: string;\n      if (showPercentage) {\n        const percentage = ((value / visibleTotal) * 100).toFixed(1);\n        text = percentage + \"%\";\n      } else {\n        text = String(value);\n      }\n\n      newLabels.push({ x, y, text, opacity: 1 });\n    });\n\n    setDataLabels(newLabels);\n  };\n\n  // محاسبه موقعیت لیبل‌ها بعد از اتمام انیمیشن\n  useEffect(() => {\n    if (!showDataLabels) {\n      setDataLabels([]);\n      return;\n    }\n\n    // صبر برای اتمام انیمیشن اولیه (500ms)\n    const timeout = setTimeout(() => {\n      calculateLabels();\n    }, 500);\n\n    return () => clearTimeout(timeout);\n  }, [datasets, showDataLabels, showPercentage]);\n\n  // آپدیت لیبل‌ها بعد از هر تغییر در chart (مثل کلیک روی legend)\n  useEffect(() => {\n    if (!chartRef.current || !showDataLabels) return;\n\n    const chart = chartRef.current;\n    const originalUpdate = chart.update.bind(chart);\n\n    chart.update = function (...args: any[]) {\n      // مخفی کردن لیبل‌ها قبل از آپدیت\n      setDataLabels(prev => prev.map(l => ({ ...l, opacity: 0 })));\n\n      originalUpdate(...args);\n\n      // محاسبه مجدد لیبل‌ها بعد از انیمیشن\n      setTimeout(() => {\n        calculateLabels();\n      }, 250);\n    };\n\n    return () => {\n      chart.update = originalUpdate;\n    };\n  }, [showDataLabels, showPercentage]);\n\n  const options = useMemo(() => ({\n    responsive: true,\n    maintainAspectRatio: false,\n    cutout: !disableLogo ? \"59%\" : \"0%\",\n    animation: {\n      animateRotate: true,\n      animateScale: true,\n      duration: 400,\n    },\n    plugins: {\n      tooltip: {\n        bodyFont: {\n          family: \"Vazir, sans-serif\",\n          size: 14,\n        },\n        titleFont: {\n          family: \"Vazir, sans-serif\",\n          size: 16,\n        },\n      },\n      legend: {\n        labels: {\n          padding: 15,\n          usePointStyle: true,\n          color: '#666', // رنگ متن legend را نرم‌تر می‌کند\n          font: {\n            size: 16,\n            family: \"Vazir, sans-serif\",\n          },\n          boxWidth: 40,\n          paddingBottom: 10,\n          generateLabels: (chart: any) => {\n            const data = chart.data;\n            const meta = chart.getDatasetMeta(0);\n            return data.labels.map((label: string, index: number) => {\n              const hidden = meta.data[index] ? meta.data[index].hidden : false;\n              return {\n                text: label,\n                fillStyle: data.datasets[0].backgroundColor[index] || '#000',\n                hidden: hidden,\n                index: index,\n                datasetIndex: 0,\n                textDecoration: hidden ? 'line-through' : undefined,\n              };\n            });\n          },\n        },\n        onClick: (e: any, legendItem: any, legend: any) => {\n          const ci = legend.chart;\n          const meta = ci.getDatasetMeta(legendItem.datasetIndex || 0);\n          const index = legendItem.index;\n          if (meta.data[index]) {\n            meta.data[index].hidden = !meta.data[index].hidden;\n          }\n          ci.update();\n        },\n      },\n      datalabels: {\n        display: false, // غیرفعال - لیبل‌ها با React رندر می‌شوند\n      },\n    },\n  }), [disableLogo]);\n\n  // کامپوننتی که می‌خواهید در مرکز نمودار نمایش داده شود\n  const CenterComponent = () => {\n    return (\n      <div\n        style={{\n          padding: \"10px\",\n          borderRadius: \"8px\",\n          textAlign: \"center\",\n          width: 220,\n        }}\n      >\n        <Image\n          alt=\"\"\n          width={220}\n          height={220}\n          src={logoSRC ?? \"/assets/images/pilogo.png\"}\n          unoptimized\n        />\n      </div>\n    );\n  };\n\n  return (\n    <Box ref={containerRef} height={height ?? 600} sx={{ position: \"relative\" }}>\n      <Pie\n        ref={chartRef}\n        data={{\n          labels: labels,\n          datasets: datasets,\n        }}\n        options={options}\n      />\n      {/* لیبل‌های سفارشی با فونت Vazir */}\n      {showDataLabels && dataLabels.map((label, index) => (\n        <Typography\n          key={index}\n          sx={{\n            position: \"absolute\",\n            left: label.x / (window.devicePixelRatio || 1),\n            top: label.y / (window.devicePixelRatio || 1),\n            transform: \"translate(-50%, -50%)\",\n            color: \"#fff\",\n            fontWeight: \"bold\",\n            fontSize: 14,\n            fontFamily: \"Vazir, sans-serif\",\n            pointerEvents: \"none\",\n            textShadow: \"0 1px 2px rgba(0,0,0,0.5)\",\n            opacity: label.opacity,\n            transition: \"opacity 0.2s ease-in-out, left 0.2s ease-in-out, top 0.2s ease-in-out\",\n          }}\n        >\n          {label.text}\n        </Typography>\n      ))}\n      {!disableLogo && (\n        <div\n          style={{\n            position: \"absolute\",\n            top: \"53%\",\n            left: \"50%\",\n            transform: \"translate(-50%, -50%)\",\n            pointerEvents: \"none\", // جلوگیری از دریافت event روی این لایه\n          }}\n        >\n          <CenterComponent />\n        </div>\n      )}\n    </Box>\n  );\n}\n"],"mappings":"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","names":["labels","ChartJS","Tooltip","Legend","useRef","useEffect","useState","Box"]}

package/dist/date-pickers/index.d.mts

@@ -55,6 +55,7 @@ import { Moment } from 'moment-jalaali';
  *       dualCalendar={false}  // جدید: کنترل تقویم دوم
  *       singleCalendar={false}
  *       useMobilePickers={false}
+ *       disableSmartTabs={false}
  *     />
  *   );
  * };
@@ -116,6 +117,16 @@ import { Moment } from 'moment-jalaali';
  * />
  * ```
  *
+ * 6. پنهان کردن تب‌های هوشمند (بدون تغییر عملکرد):
+ * ```tsx
+ * <DateRangePicker
+ *   fromDate="from"
+ *   toDate="to"
+ *   control={control}
+ *   disableSmartTabs={true}
+ * />
+ * ```
+ *
  * ویژگی‌های تب‌های هوشمند (جدید در v3.0):
  *
  * ```tsx
@@ -242,6 +253,7 @@ interface DateRangePickerProps {
     singleCalendar?: boolean;
     useMobilePickers?: boolean;
     dualCalendar?: boolean;
+    disableSmartTabs?: boolean;
     variant?: TextFieldVariants;
     placeholder?: string;
     disableClearIcon?: boolean;
@@ -364,6 +376,7 @@ interface DateRangePickerProps {
  * @property {boolean} [clear] - نمایش دکمه پاک کردن (پیش‌فرض: true)
  * @property {boolean} [singleCalendar] - نمایش تک تقویم به جای دوتایی (پیش‌فرض: false)
  * @property {boolean} [useMobilePickers] - استفاده از DatePicker جداگانه به جای popup (پیش‌فرض: false)
+ * @property {boolean} [disableSmartTabs] - پنهان کردن تب‌های هوشمند بدون تغییر عملکرد (پیش‌فرض: false)
  *
  * نکات مهم:
  * - کامپوننت خودکار mobile detection دارد (breakpoint: 700px)