@mdxui/tremor 6.0.0

package/dist/shared/index.js

@@ -0,0 +1,395 @@
+// src/shared/adapters/chart-adapter.ts
+function adaptAreaChartProps(props) {
+  const {
+    data,
+    index,
+    categories,
+    colors,
+    valueFormatter,
+    startEndOnly,
+    showLegend,
+    showGridLines,
+    showAnimation,
+    stack,
+    curveType,
+    connectNulls,
+    yAxisWidth,
+    minValue,
+    maxValue,
+    className
+  } = props;
+  return {
+    data,
+    index,
+    categories,
+    colors,
+    valueFormatter,
+    startEndOnly,
+    showLegend,
+    showGridLines,
+    showAnimation,
+    stack,
+    curveType,
+    connectNulls,
+    yAxisWidth,
+    minValue,
+    maxValue,
+    className
+  };
+}
+function adaptBarChartProps(props) {
+  const {
+    data,
+    index,
+    categories,
+    colors,
+    valueFormatter,
+    layout,
+    stack,
+    relative,
+    showLegend,
+    showGridLines,
+    showAnimation,
+    yAxisWidth,
+    barCategoryGap,
+    className
+  } = props;
+  return {
+    data,
+    index,
+    categories,
+    colors,
+    valueFormatter,
+    layout,
+    stack,
+    relative,
+    showLegend,
+    showGridLines,
+    showAnimation,
+    yAxisWidth,
+    barCategoryGap,
+    className
+  };
+}
+function adaptLineChartProps(props) {
+  const {
+    data,
+    index,
+    categories,
+    colors,
+    valueFormatter,
+    curveType,
+    connectNulls,
+    showDots,
+    showLegend,
+    showGridLines,
+    showAnimation,
+    yAxisWidth,
+    className
+  } = props;
+  return {
+    data,
+    index,
+    categories,
+    colors,
+    valueFormatter,
+    curveType,
+    connectNulls,
+    showDots,
+    showLegend,
+    showGridLines,
+    showAnimation,
+    yAxisWidth,
+    className
+  };
+}
+function adaptDonutChartProps(props) {
+  const {
+    data,
+    category,
+    value,
+    colors,
+    variant,
+    label,
+    showLegend,
+    showTooltip,
+    animationDuration,
+    valueFormatter,
+    className
+  } = props;
+  return {
+    data,
+    category,
+    value,
+    colors,
+    variant,
+    label,
+    showLegend,
+    showTooltip,
+    animationDuration,
+    valueFormatter,
+    className
+  };
+}
+function adaptSparkChartProps(props) {
+  const { data, type, color, showMinMax, height, width, animate, className } = props;
+  return {
+    data,
+    type,
+    color,
+    showMinMax,
+    height,
+    width,
+    animate,
+    className
+  };
+}
+
+// src/shared/adapters/metric-adapter.ts
+function adaptMetricCardProps(props) {
+  const { title, value, delta, deltaType, decorationColor, icon, className } = props;
+  return {
+    title,
+    value,
+    delta: delta ? {
+      value: delta.value,
+      type: delta.type,
+      isIncreasePositive: delta.isIncreasePositive
+    } : void 0,
+    deltaType,
+    decorationColor,
+    icon,
+    className
+  };
+}
+function adaptAnalyticsCardProps(props) {
+  const {
+    title,
+    description,
+    metric,
+    subtext,
+    chartType,
+    chartData,
+    chartConfig,
+    timeRange,
+    showTimeRangeSelector,
+    loading,
+    className
+  } = props;
+  return {
+    title,
+    description,
+    metric,
+    subtext,
+    chartType,
+    chartData,
+    chartConfig,
+    timeRange,
+    showTimeRangeSelector,
+    loading,
+    className
+  };
+}
+function adaptCategoryBarProps(props) {
+  const {
+    values,
+    colors,
+    labels,
+    markerValue,
+    showMarker,
+    showLabels,
+    showValues,
+    height,
+    className
+  } = props;
+  return {
+    values,
+    colors,
+    labels,
+    markerValue,
+    showMarker,
+    showLabels,
+    showValues,
+    height,
+    className
+  };
+}
+function adaptBarListProps(props) {
+  const { data, valueFormatter, color, showAnimation, sortOrder, className } = props;
+  return {
+    data,
+    valueFormatter,
+    color,
+    showAnimation,
+    sortOrder,
+    className
+  };
+}
+function adaptTrackerProps(props) {
+  const { data, className } = props;
+  return {
+    data,
+    className
+  };
+}
+function adaptDeltaBarProps(props) {
+  const { value, showAnimation, positiveColor, negativeColor, className } = props;
+  return {
+    value,
+    showAnimation,
+    positiveColor,
+    negativeColor,
+    className
+  };
+}
+function formatDelta(value, type = "percentage") {
+  const numValue = typeof value === "string" ? parseFloat(value) : value;
+  const sign = numValue >= 0 ? "+" : "";
+  if (type === "percentage") {
+    return `${sign}${numValue.toFixed(1)}%`;
+  }
+  return `${sign}${numValue}`;
+}
+function getTrendFromDelta(value) {
+  const numValue = typeof value === "string" ? parseFloat(value) : value;
+  if (numValue > 0) return "up";
+  if (numValue < 0) return "down";
+  return "unchanged";
+}
+
+// src/shared/adapters/table-adapter.ts
+function adaptTransactionsListProps(props) {
+  const {
+    transactions,
+    title,
+    currency,
+    valueFormatter,
+    showCategoryFilter,
+    showDateFilter,
+    showExport,
+    pageSize,
+    emptyMessage,
+    loading,
+    className
+  } = props;
+  return {
+    data: transactions,
+    title,
+    currency,
+    valueFormatter,
+    showCategoryFilter,
+    showDateFilter,
+    showExport,
+    pageSize,
+    emptyMessage,
+    loading,
+    className
+  };
+}
+function adaptAuditLogTableProps(props) {
+  const {
+    logs,
+    title,
+    searchable,
+    filterByActor,
+    filterByAction,
+    filterByResource,
+    showDateRange,
+    showExport,
+    pageSize,
+    loading,
+    className
+  } = props;
+  return {
+    data: logs,
+    title,
+    searchable,
+    filterByActor,
+    filterByAction,
+    filterByResource,
+    showDateRange,
+    showExport,
+    pageSize,
+    loading,
+    className
+  };
+}
+function createTransactionColumns(currency = "USD") {
+  return [
+    {
+      accessorKey: "date",
+      header: "Date",
+      cell: (info) => new Date(info.getValue()).toLocaleDateString()
+    },
+    {
+      accessorKey: "description",
+      header: "Description"
+    },
+    {
+      accessorKey: "amount",
+      header: "Amount",
+      cell: (info) => {
+        const value = info.getValue();
+        const type = info.row.original.type;
+        const formatted = new Intl.NumberFormat("en-US", {
+          style: "currency",
+          currency
+        }).format(Math.abs(value));
+        return type === "debit" ? `-${formatted}` : formatted;
+      }
+    },
+    {
+      accessorKey: "status",
+      header: "Status"
+    },
+    {
+      accessorKey: "category",
+      header: "Category"
+    }
+  ];
+}
+function createAuditLogColumns() {
+  return [
+    {
+      accessorKey: "timestamp",
+      header: "Time",
+      cell: (info) => new Date(info.getValue()).toLocaleString()
+    },
+    {
+      accessorKey: "actor.name",
+      header: "User"
+    },
+    {
+      accessorKey: "action",
+      header: "Action"
+    },
+    {
+      accessorKey: "resource.type",
+      header: "Resource"
+    },
+    {
+      accessorKey: "resource.name",
+      header: "Name"
+    }
+  ];
+}
+export {
+  adaptAnalyticsCardProps,
+  adaptAreaChartProps,
+  adaptAuditLogTableProps,
+  adaptBarChartProps,
+  adaptBarListProps,
+  adaptCategoryBarProps,
+  adaptDeltaBarProps,
+  adaptDonutChartProps,
+  adaptLineChartProps,
+  adaptMetricCardProps,
+  adaptSparkChartProps,
+  adaptTrackerProps,
+  adaptTransactionsListProps,
+  createAuditLogColumns,
+  createTransactionColumns,
+  formatDelta,
+  getTrendFromDelta
+};
+//# sourceMappingURL=index.js.map

package/dist/shared/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shared/adapters/chart-adapter.ts","../../src/shared/adapters/metric-adapter.ts","../../src/shared/adapters/table-adapter.ts"],"sourcesContent":["/**\n * Chart Adapter - Maps mdxui chart props to Tremor chart props\n *\n * The adapter pattern ensures:\n * - No modification of Tremor component code\n * - Pixel-perfect visual fidelity\n * - mdxui type compliance\n */\n\nimport type {\n\tDonutChartProps,\n\tSparkChartProps,\n\tTremorAreaChartProps,\n\tTremorBarChartProps,\n\tTremorLineChartProps,\n} from \"mdxui\";\n\n/**\n * Adapt mdxui AreaChartProps to Tremor AreaChart props\n */\nexport function adaptAreaChartProps(props: TremorAreaChartProps) {\n\tconst {\n\t\tdata,\n\t\tindex,\n\t\tcategories,\n\t\tcolors,\n\t\tvalueFormatter,\n\t\tstartEndOnly,\n\t\tshowLegend,\n\t\tshowGridLines,\n\t\tshowAnimation,\n\t\tstack,\n\t\tcurveType,\n\t\tconnectNulls,\n\t\tyAxisWidth,\n\t\tminValue,\n\t\tmaxValue,\n\t\tclassName,\n\t} = props;\n\n\treturn {\n\t\tdata,\n\t\tindex,\n\t\tcategories,\n\t\tcolors,\n\t\tvalueFormatter,\n\t\tstartEndOnly,\n\t\tshowLegend,\n\t\tshowGridLines,\n\t\tshowAnimation,\n\t\tstack,\n\t\tcurveType,\n\t\tconnectNulls,\n\t\tyAxisWidth,\n\t\tminValue,\n\t\tmaxValue,\n\t\tclassName,\n\t};\n}\n\n/**\n * Adapt mdxui BarChartProps to Tremor BarChart props\n */\nexport function adaptBarChartProps(props: TremorBarChartProps) {\n\tconst {\n\t\tdata,\n\t\tindex,\n\t\tcategories,\n\t\tcolors,\n\t\tvalueFormatter,\n\t\tlayout,\n\t\tstack,\n\t\trelative,\n\t\tshowLegend,\n\t\tshowGridLines,\n\t\tshowAnimation,\n\t\tyAxisWidth,\n\t\tbarCategoryGap,\n\t\tclassName,\n\t} = props;\n\n\treturn {\n\t\tdata,\n\t\tindex,\n\t\tcategories,\n\t\tcolors,\n\t\tvalueFormatter,\n\t\tlayout,\n\t\tstack,\n\t\trelative,\n\t\tshowLegend,\n\t\tshowGridLines,\n\t\tshowAnimation,\n\t\tyAxisWidth,\n\t\tbarCategoryGap,\n\t\tclassName,\n\t};\n}\n\n/**\n * Adapt mdxui LineChartProps to Tremor LineChart props\n */\nexport function adaptLineChartProps(props: TremorLineChartProps) {\n\tconst {\n\t\tdata,\n\t\tindex,\n\t\tcategories,\n\t\tcolors,\n\t\tvalueFormatter,\n\t\tcurveType,\n\t\tconnectNulls,\n\t\tshowDots,\n\t\tshowLegend,\n\t\tshowGridLines,\n\t\tshowAnimation,\n\t\tyAxisWidth,\n\t\tclassName,\n\t} = props;\n\n\treturn {\n\t\tdata,\n\t\tindex,\n\t\tcategories,\n\t\tcolors,\n\t\tvalueFormatter,\n\t\tcurveType,\n\t\tconnectNulls,\n\t\tshowDots,\n\t\tshowLegend,\n\t\tshowGridLines,\n\t\tshowAnimation,\n\t\tyAxisWidth,\n\t\tclassName,\n\t};\n}\n\n/**\n * Adapt mdxui DonutChartProps to Tremor DonutChart props\n */\nexport function adaptDonutChartProps(props: DonutChartProps) {\n\tconst {\n\t\tdata,\n\t\tcategory,\n\t\tvalue,\n\t\tcolors,\n\t\tvariant,\n\t\tlabel,\n\t\tshowLegend,\n\t\tshowTooltip,\n\t\tanimationDuration,\n\t\tvalueFormatter,\n\t\tclassName,\n\t} = props;\n\n\treturn {\n\t\tdata,\n\t\tcategory,\n\t\tvalue,\n\t\tcolors,\n\t\tvariant,\n\t\tlabel,\n\t\tshowLegend,\n\t\tshowTooltip,\n\t\tanimationDuration,\n\t\tvalueFormatter,\n\t\tclassName,\n\t};\n}\n\n/**\n * Adapt mdxui SparkChartProps to Tremor SparkChart props\n */\nexport function adaptSparkChartProps(props: SparkChartProps) {\n\tconst { data, type, color, showMinMax, height, width, animate, className } =\n\t\tprops;\n\n\treturn {\n\t\tdata,\n\t\ttype,\n\t\tcolor,\n\t\tshowMinMax,\n\t\theight,\n\t\twidth,\n\t\tanimate,\n\t\tclassName,\n\t};\n}\n","/**\n * Metric Adapter - Maps mdxui metric props to Tremor metric props\n *\n * The adapter pattern ensures:\n * - No modification of Tremor component code\n * - Pixel-perfect visual fidelity\n * - mdxui type compliance\n */\n\nimport type {\n\tAnalyticsCardProps,\n\tBarListProps,\n\tCategoryBarProps,\n\tDeltaBarProps,\n\tTrackerProps,\n\tTremorMetricCardProps,\n} from \"mdxui\";\n\n/**\n * Adapt mdxui TremorMetricCardProps to Tremor Card props\n */\nexport function adaptMetricCardProps(props: TremorMetricCardProps) {\n\tconst { title, value, delta, deltaType, decorationColor, icon, className } =\n\t\tprops;\n\n\treturn {\n\t\ttitle,\n\t\tvalue,\n\t\tdelta: delta\n\t\t\t? {\n\t\t\t\t\tvalue: delta.value,\n\t\t\t\t\ttype: delta.type,\n\t\t\t\t\tisIncreasePositive: delta.isIncreasePositive,\n\t\t\t\t}\n\t\t\t: undefined,\n\t\tdeltaType,\n\t\tdecorationColor,\n\t\ticon,\n\t\tclassName,\n\t};\n}\n\n/**\n * Adapt mdxui AnalyticsCardProps to composite Tremor card props\n */\nexport function adaptAnalyticsCardProps(props: AnalyticsCardProps) {\n\tconst {\n\t\ttitle,\n\t\tdescription,\n\t\tmetric,\n\t\tsubtext,\n\t\tchartType,\n\t\tchartData,\n\t\tchartConfig,\n\t\ttimeRange,\n\t\tshowTimeRangeSelector,\n\t\tloading,\n\t\tclassName,\n\t} = props;\n\n\treturn {\n\t\ttitle,\n\t\tdescription,\n\t\tmetric,\n\t\tsubtext,\n\t\tchartType,\n\t\tchartData,\n\t\tchartConfig,\n\t\ttimeRange,\n\t\tshowTimeRangeSelector,\n\t\tloading,\n\t\tclassName,\n\t};\n}\n\n/**\n * Adapt mdxui CategoryBarProps to Tremor CategoryBar props\n */\nexport function adaptCategoryBarProps(props: CategoryBarProps) {\n\tconst {\n\t\tvalues,\n\t\tcolors,\n\t\tlabels,\n\t\tmarkerValue,\n\t\tshowMarker,\n\t\tshowLabels,\n\t\tshowValues,\n\t\theight,\n\t\tclassName,\n\t} = props;\n\n\treturn {\n\t\tvalues,\n\t\tcolors,\n\t\tlabels,\n\t\tmarkerValue,\n\t\tshowMarker,\n\t\tshowLabels,\n\t\tshowValues,\n\t\theight,\n\t\tclassName,\n\t};\n}\n\n/**\n * Adapt mdxui BarListProps to Tremor BarList props\n */\nexport function adaptBarListProps(props: BarListProps) {\n\tconst { data, valueFormatter, color, showAnimation, sortOrder, className } =\n\t\tprops;\n\n\treturn {\n\t\tdata,\n\t\tvalueFormatter,\n\t\tcolor,\n\t\tshowAnimation,\n\t\tsortOrder,\n\t\tclassName,\n\t};\n}\n\n/**\n * Adapt mdxui TrackerProps to Tremor Tracker props\n */\nexport function adaptTrackerProps(props: TrackerProps) {\n\tconst { data, className } = props;\n\n\treturn {\n\t\tdata,\n\t\tclassName,\n\t};\n}\n\n/**\n * Adapt mdxui DeltaBarProps to Tremor DeltaBar props\n */\nexport function adaptDeltaBarProps(props: DeltaBarProps) {\n\tconst { value, showAnimation, positiveColor, negativeColor, className } =\n\t\tprops;\n\n\treturn {\n\t\tvalue,\n\t\tshowAnimation,\n\t\tpositiveColor,\n\t\tnegativeColor,\n\t\tclassName,\n\t};\n}\n\n/**\n * Format delta value for display\n */\nexport function formatDelta(\n\tvalue: number | string,\n\ttype: \"percentage\" | \"absolute\" = \"percentage\",\n): string {\n\tconst numValue = typeof value === \"string\" ? parseFloat(value) : value;\n\tconst sign = numValue >= 0 ? \"+\" : \"\";\n\n\tif (type === \"percentage\") {\n\t\treturn `${sign}${numValue.toFixed(1)}%`;\n\t}\n\n\treturn `${sign}${numValue}`;\n}\n\n/**\n * Determine trend direction from delta value\n */\nexport function getTrendFromDelta(\n\tvalue: number | string,\n): \"up\" | \"down\" | \"unchanged\" {\n\tconst numValue = typeof value === \"string\" ? parseFloat(value) : value;\n\n\tif (numValue > 0) return \"up\";\n\tif (numValue < 0) return \"down\";\n\treturn \"unchanged\";\n}\n","/**\n * Table Adapter - Maps mdxui table props to Tremor/TanStack Table props\n *\n * The adapter pattern ensures:\n * - No modification of Tremor component code\n * - Pixel-perfect visual fidelity\n * - mdxui type compliance\n */\n\nimport type { AuditLogTableProps, TransactionsListProps } from \"mdxui\";\n\n/**\n * Adapt mdxui TransactionsListProps to Tremor table props\n */\nexport function adaptTransactionsListProps(props: TransactionsListProps) {\n\tconst {\n\t\ttransactions,\n\t\ttitle,\n\t\tcurrency,\n\t\tvalueFormatter,\n\t\tshowCategoryFilter,\n\t\tshowDateFilter,\n\t\tshowExport,\n\t\tpageSize,\n\t\temptyMessage,\n\t\tloading,\n\t\tclassName,\n\t} = props;\n\n\treturn {\n\t\tdata: transactions,\n\t\ttitle,\n\t\tcurrency,\n\t\tvalueFormatter,\n\t\tshowCategoryFilter,\n\t\tshowDateFilter,\n\t\tshowExport,\n\t\tpageSize,\n\t\temptyMessage,\n\t\tloading,\n\t\tclassName,\n\t};\n}\n\n/**\n * Adapt mdxui AuditLogTableProps to Tremor table props\n */\nexport function adaptAuditLogTableProps(props: AuditLogTableProps) {\n\tconst {\n\t\tlogs,\n\t\ttitle,\n\t\tsearchable,\n\t\tfilterByActor,\n\t\tfilterByAction,\n\t\tfilterByResource,\n\t\tshowDateRange,\n\t\tshowExport,\n\t\tpageSize,\n\t\tloading,\n\t\tclassName,\n\t} = props;\n\n\treturn {\n\t\tdata: logs,\n\t\ttitle,\n\t\tsearchable,\n\t\tfilterByActor,\n\t\tfilterByAction,\n\t\tfilterByResource,\n\t\tshowDateRange,\n\t\tshowExport,\n\t\tpageSize,\n\t\tloading,\n\t\tclassName,\n\t};\n}\n\n/**\n * Transform transaction data for TanStack Table column definitions\n */\nexport function createTransactionColumns(currency: string = \"USD\") {\n\treturn [\n\t\t{\n\t\t\taccessorKey: \"date\",\n\t\t\theader: \"Date\",\n\t\t\tcell: (info: { getValue: () => string }) =>\n\t\t\t\tnew Date(info.getValue()).toLocaleDateString(),\n\t\t},\n\t\t{\n\t\t\taccessorKey: \"description\",\n\t\t\theader: \"Description\",\n\t\t},\n\t\t{\n\t\t\taccessorKey: \"amount\",\n\t\t\theader: \"Amount\",\n\t\t\tcell: (info: {\n\t\t\t\tgetValue: () => number;\n\t\t\t\trow: { original: { type: string } };\n\t\t\t}) => {\n\t\t\t\tconst value = info.getValue();\n\t\t\t\tconst type = info.row.original.type;\n\t\t\t\tconst formatted = new Intl.NumberFormat(\"en-US\", {\n\t\t\t\t\tstyle: \"currency\",\n\t\t\t\t\tcurrency,\n\t\t\t\t}).format(Math.abs(value));\n\t\t\t\treturn type === \"debit\" ? `-${formatted}` : formatted;\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\taccessorKey: \"status\",\n\t\t\theader: \"Status\",\n\t\t},\n\t\t{\n\t\t\taccessorKey: \"category\",\n\t\t\theader: \"Category\",\n\t\t},\n\t];\n}\n\n/**\n * Transform audit log data for TanStack Table column definitions\n */\nexport function createAuditLogColumns() {\n\treturn [\n\t\t{\n\t\t\taccessorKey: \"timestamp\",\n\t\t\theader: \"Time\",\n\t\t\tcell: (info: { getValue: () => string }) =>\n\t\t\t\tnew Date(info.getValue()).toLocaleString(),\n\t\t},\n\t\t{\n\t\t\taccessorKey: \"actor.name\",\n\t\t\theader: \"User\",\n\t\t},\n\t\t{\n\t\t\taccessorKey: \"action\",\n\t\t\theader: \"Action\",\n\t\t},\n\t\t{\n\t\t\taccessorKey: \"resource.type\",\n\t\t\theader: \"Resource\",\n\t\t},\n\t\t{\n\t\t\taccessorKey: \"resource.name\",\n\t\t\theader: \"Name\",\n\t\t},\n\t];\n}\n"],"mappings":"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","names":[]}