@expcat/tigercat-react 1.4.0 → 2.0.0-preview.1

package/dist/chunk-K2TXT5HQ.js

@@ -1,195 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
-
-var _chunkBO45CU4Qjs = require('./chunk-BO45CU4Q.js');
-
-// src/components/DonutChart.tsx
-var _react = require('react');
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var DONUT_PALETTE = [
-  "var(--tiger-chart-1,#5470c6)",
-  "var(--tiger-chart-2,#91cc75)",
-  "var(--tiger-chart-3,#fac858)",
-  "var(--tiger-chart-4,#ee6666)",
-  "var(--tiger-chart-5,#73c0de)",
-  "var(--tiger-chart-6,#3ba272)",
-  "var(--tiger-chart-1,#fc8452)",
-  "var(--tiger-chart-2,#9a60b4)",
-  "var(--tiger-chart-3,#ea7ccc)"
-];
-var DonutChart = ({
-  width = 320,
-  height = 240,
-  padding = 24,
-  data,
-  innerRadius,
-  innerRadiusRatio = 0.62,
-  outerRadius,
-  startAngle = 0,
-  endAngle = Math.PI * 2,
-  padAngle = 0.04,
-  colors,
-  showLabels = false,
-  labelFormatter,
-  labelPosition = "inside",
-  borderWidth = 0,
-  borderColor = "var(--tiger-surface,#ffffff)",
-  hoverOffset = 10,
-  shadow = true,
-  // Interaction props
-  hoverable = false,
-  hoveredIndex,
-  activeOpacity = 1,
-  inactiveOpacity = 0.3,
-  selectable = false,
-  selectedIndex,
-  // Legend props
-  showLegend = false,
-  legendPosition = "bottom",
-  legendMarkerSize = 10,
-  legendGap = 8,
-  // Tooltip props
-  showTooltip = true,
-  tooltipFormatter,
-  // Accessibility
-  title,
-  desc,
-  className,
-  // DonutChart-specific
-  centerValue,
-  centerLabel,
-  animated: _animated = false,
-  // Visual modes (forwarded to PieChart, opt-in per PR-19k(b6/b7))
-  gradient = false,
-  // Callbacks
-  onHoveredIndexChange,
-  onSelectedIndexChange,
-  onSliceClick,
-  onSliceHover
-}) => {
-  const innerRect = _react.useMemo.call(void 0, 
-    () => _tigercatcore.getChartInnerRect.call(void 0, width, height, padding),
-    [width, height, padding]
-  );
-  const pad = _react.useMemo.call(void 0, () => _tigercatcore.normalizeChartPadding.call(void 0, padding), [padding]);
-  const resolvedOuterRadius = _react.useMemo.call(void 0, () => {
-    if (typeof outerRadius === "number") return Math.max(0, outerRadius);
-    return Math.max(0, Math.min(innerRect.width, innerRect.height) / 2);
-  }, [outerRadius, innerRect.width, innerRect.height]);
-  const resolvedInnerRadius = _react.useMemo.call(void 0, () => {
-    if (typeof innerRadius === "number") {
-      return Math.min(Math.max(0, innerRadius), resolvedOuterRadius);
-    }
-    const ratio = Math.min(Math.max(_nullishCoalesce(innerRadiusRatio, () => ( 0.62)), 0), 1);
-    return resolvedOuterRadius * ratio;
-  }, [innerRadius, innerRadiusRatio, resolvedOuterRadius]);
-  const resolvedColors = _react.useMemo.call(void 0, 
-    () => colors && colors.length > 0 ? colors : DONUT_PALETTE,
-    [colors]
-  );
-  const donutTooltipFormatter = _react.useMemo.call(void 0, () => {
-    if (tooltipFormatter) return tooltipFormatter;
-    const total = data.reduce((s, d) => s + d.value, 0);
-    return (datum, index) => {
-      const pct = total > 0 ? (datum.value / total * 100).toFixed(1) : "0";
-      const label = _nullishCoalesce(datum.label, () => ( `#${index + 1}`));
-      return `${label}: ${datum.value} (${pct}%)`;
-    };
-  }, [tooltipFormatter, data]);
-  const hasCenterContent = centerValue !== void 0 || centerLabel !== void 0;
-  const centerX = pad.left + innerRect.width / 2;
-  const centerY = pad.top + innerRect.height / 2;
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "inline-block relative", "data-donut-chart": "true", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkBO45CU4Qjs.PieChart,
-      {
-        width,
-        height,
-        padding,
-        data,
-        innerRadius: resolvedInnerRadius,
-        outerRadius,
-        startAngle,
-        endAngle,
-        padAngle,
-        colors: resolvedColors,
-        showLabels,
-        labelFormatter,
-        labelPosition,
-        borderWidth,
-        borderColor,
-        hoverOffset,
-        shadow,
-        gradient,
-        hoverable,
-        hoveredIndex,
-        activeOpacity,
-        inactiveOpacity,
-        selectable,
-        selectedIndex,
-        showLegend,
-        legendPosition,
-        legendMarkerSize,
-        legendGap,
-        showTooltip,
-        tooltipFormatter: donutTooltipFormatter,
-        title,
-        desc,
-        className: _tigercatcore.classNames.call(void 0, className),
-        onHoveredIndexChange,
-        onSelectedIndexChange,
-        onSliceClick,
-        onSliceHover
-      }
-    ),
-    hasCenterContent && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      "div",
-      {
-        "data-donut-center": "true",
-        style: {
-          position: "absolute",
-          left: `${centerX}px`,
-          top: `${centerY}px`,
-          transform: "translate(-50%, -50%)",
-          textAlign: "center",
-          pointerEvents: "none",
-          lineHeight: "1.3",
-          padding: "var(--tiger-chart-donut-center-padding, 0)",
-          borderRadius: "var(--tiger-radius-pill, 9999px)",
-          background: "var(--tiger-chart-donut-center-bg, transparent)",
-          boxShadow: "var(--tiger-chart-donut-center-shadow, none)",
-          backdropFilter: "var(--tiger-chart-donut-center-backdrop, none)",
-          WebkitBackdropFilter: "var(--tiger-chart-donut-center-backdrop, none)"
-        },
-        children: [
-          centerValue !== void 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "div",
-            {
-              className: "text-xl font-semibold text-[color:var(--tiger-text,#1f2937)]",
-              style: { lineHeight: "1.2" },
-              children: `${centerValue}`
-            }
-          ),
-          centerLabel !== void 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "div",
-            {
-              className: "text-xs text-[color:var(--tiger-text-secondary,#6b7280)]",
-              style: { marginTop: "2px" },
-              children: centerLabel
-            }
-          )
-        ]
-      }
-    )
-  ] });
-};
-var DonutChart_default = DonutChart;
-
-
-
-
-exports.DonutChart = DonutChart; exports.DonutChart_default = DonutChart_default;