@adsgency_npm/adsgency-ads-ui 0.1.0-alpha.29 → 0.1.0-alpha.30

package/dist/index.cjs

@@ -6008,6 +6008,18 @@ function AdsRadialProgressChart({
 
 // src/components/AdsSparklineChart/index.tsx
 var import_recharts3 = require("recharts");
+
+// src/lib/chartTooltip.ts
+var ISO_TIMESTAMP_PATTERN = /^(\d{4}-\d{2}-\d{2})T(\d{2}:\d{2}:\d{2})(?:\.\d+)?(?:Z|[+-]\d{2}:?\d{2})?$/;
+function formatChartTooltipLabel(label) {
+  if (typeof label !== "string") {
+    return String(label ?? "");
+  }
+  const match = label.match(ISO_TIMESTAMP_PATTERN);
+  return match ? `${match[1]} ${match[2]}` : label;
+}
+
+// src/components/AdsSparklineChart/index.tsx
 var import_jsx_runtime55 = require("react/jsx-runtime");
 var DEFAULT_HEIGHT = 40;
 var tooltipContentStyle2 = {
@@ -6065,7 +6077,14 @@ function AdsSparklineChart({
           height: "100%",
           children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_recharts3.LineChart, { data: chartData, margin: chartMargin, children: [
             /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_recharts3.XAxis, { dataKey: xKey, hide: true, type: "category" }),
-            showTooltip && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_recharts3.Tooltip, { contentStyle: tooltipContentStyle2, cursor: false }),
+            showTooltip && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+              import_recharts3.Tooltip,
+              {
+                contentStyle: tooltipContentStyle2,
+                cursor: false,
+                labelFormatter: formatChartTooltipLabel
+              }
+            ),
             /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
               import_recharts3.Line,
               {
@@ -6303,7 +6322,14 @@ function AdsBarChart({
                 width: yAxis.width
               }
             ),
-            showTooltip && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_recharts4.Tooltip, { contentStyle: tooltipContentStyle3, cursor: { fill: "transparent" } }),
+            showTooltip && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+              import_recharts4.Tooltip,
+              {
+                contentStyle: tooltipContentStyle3,
+                cursor: { fill: "transparent" },
+                labelFormatter: formatChartTooltipLabel
+              }
+            ),
             /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
               import_recharts4.Bar,
               {

package/dist/index.js

@@ -5837,6 +5837,18 @@ function AdsRadialProgressChart({
 
 // src/components/AdsSparklineChart/index.tsx
 import { Line, LineChart, Tooltip as Tooltip2, XAxis } from "recharts";
+
+// src/lib/chartTooltip.ts
+var ISO_TIMESTAMP_PATTERN = /^(\d{4}-\d{2}-\d{2})T(\d{2}:\d{2}:\d{2})(?:\.\d+)?(?:Z|[+-]\d{2}:?\d{2})?$/;
+function formatChartTooltipLabel(label) {
+  if (typeof label !== "string") {
+    return String(label ?? "");
+  }
+  const match = label.match(ISO_TIMESTAMP_PATTERN);
+  return match ? `${match[1]} ${match[2]}` : label;
+}
+
+// src/components/AdsSparklineChart/index.tsx
 import { jsx as jsx55, jsxs as jsxs28 } from "react/jsx-runtime";
 var DEFAULT_HEIGHT = 40;
 var tooltipContentStyle2 = {
@@ -5894,7 +5906,14 @@ function AdsSparklineChart({
           height: "100%",
           children: /* @__PURE__ */ jsxs28(LineChart, { data: chartData, margin: chartMargin, children: [
             /* @__PURE__ */ jsx55(XAxis, { dataKey: xKey, hide: true, type: "category" }),
-            showTooltip && /* @__PURE__ */ jsx55(Tooltip2, { contentStyle: tooltipContentStyle2, cursor: false }),
+            showTooltip && /* @__PURE__ */ jsx55(
+              Tooltip2,
+              {
+                contentStyle: tooltipContentStyle2,
+                cursor: false,
+                labelFormatter: formatChartTooltipLabel
+              }
+            ),
             /* @__PURE__ */ jsx55(
               Line,
               {
@@ -6132,7 +6151,14 @@ function AdsBarChart({
                 width: yAxis.width
               }
             ),
-            showTooltip && /* @__PURE__ */ jsx59(Tooltip4, { contentStyle: tooltipContentStyle3, cursor: { fill: "transparent" } }),
+            showTooltip && /* @__PURE__ */ jsx59(
+              Tooltip4,
+              {
+                contentStyle: tooltipContentStyle3,
+                cursor: { fill: "transparent" },
+                labelFormatter: formatChartTooltipLabel
+              }
+            ),
             /* @__PURE__ */ jsx59(
               Bar,
               {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adsgency_npm/adsgency-ads-ui",
-  "version": "0.1.0-alpha.29",
+  "version": "0.1.0-alpha.30",
   "description": "AdsGency Ads Design System React component library.",
   "private": false,
   "type": "module",

package/dist/chunk-YJFQM6IB.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/tokens/designTokens.ts"],"sourcesContent":["export const designTokens = {\n  background: \"#151619\",\n  foreground: \"#fdfdfd\",\n  card: \"#1b1c21\",\n  cardForeground: \"#fdfdfd\",\n  popover: \"#2a2b2f\",\n  popoverForeground: \"#fdfdfd\",\n  primary: \"#844fff\",\n  primaryForeground: \"#fdfdfd\",\n  secondary: \"#3f4043\",\n  secondaryForeground: \"#fdfdfd\",\n  muted: \"#3f4043\",\n  mutedForeground: \"#7e7f81\",\n  accent: \"#3f4043\",\n  accentForeground: \"#fdfdfd\",\n  destructive: \"#dc2626\",\n  destructiveForeground: \"#ff9b9b\",\n  border: \"#545558\",\n  input: \"#151619\",\n  ring: \"#a984ff\",\n  brandSecondary: \"#af41ff\",\n  brandSecondaryForeground: \"#151619\",\n  brandGradientFrom: \"#6859ff\",\n  brandGradientTo: \"#af41ff\",\n  success: \"#008e61\",\n  successForeground: \"#fdfdfd\",\n  warning: \"#cd6c00\",\n  warningForeground: \"#fdfdfd\",\n  info: \"#844fff\",\n  infoForeground: \"#fdfdfd\",\n  borderMuted: \"#3f4043\",\n  active: \"#422880\",\n  activeForeground: \"#fdfdfd\",\n  labelForeground: \"#a8a9aa\",\n  icon: \"#939496\",\n  iconMuted: \"#545558\",\n  spacing: {\n    xs: \"0.25rem\",\n    sm: \"0.5rem\",\n    md: \"0.75rem\",\n    lg: \"1rem\",\n    xl: \"1.5rem\",\n    \"2xl\": \"2rem\",\n  },\n  radius: {\n    sm: \"0.25rem\",\n    md: \"0.375rem\",\n    lg: \"0.5rem\",\n    xl: \"0.75rem\",\n    full: \"9999px\",\n  },\n  size: {\n    controlHeight: \"2.5rem\",\n    modalWidth: \"42rem\",\n    sidebarWidth: \"17.5rem\",\n  },\n  zIndex: {\n    toolbar: 30,\n    overlay: 40,\n    modal: 50,\n    toast: 60,\n  },\n} as const;\n\nexport type DesignTokens = typeof designTokens;\n"],"mappings":";;;AAAO,IAAM,eAAe;AAAA,EAC1B,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,mBAAmB;AAAA,EACnB,SAAS;AAAA,EACT,mBAAmB;AAAA,EACnB,WAAW;AAAA,EACX,qBAAqB;AAAA,EACrB,OAAO;AAAA,EACP,iBAAiB;AAAA,EACjB,QAAQ;AAAA,EACR,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb,uBAAuB;AAAA,EACvB,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,0BAA0B;AAAA,EAC1B,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,mBAAmB;AAAA,EACnB,SAAS;AAAA,EACT,mBAAmB;AAAA,EACnB,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,MAAM;AAAA,EACN,WAAW;AAAA,EACX,SAAS;AAAA,IACP,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,OAAO;AAAA,EACT;AAAA,EACA,QAAQ;AAAA,IACN,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,MAAM;AAAA,EACR;AAAA,EACA,MAAM;AAAA,IACJ,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,cAAc;AAAA,EAChB;AAAA,EACA,QAAQ;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AACF;","names":[]}