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

package/dist/chunk-YJFQM6IB.js.map

@@ -0,0 +1 @@
+{"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":[]}

package/dist/index.cjs

@@ -6011,12 +6011,28 @@ 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) {
+var DEFAULT_DATE_FORMAT = "YYYY-MM-DD HH:mm:ss";
+function formatChartTooltipLabel(label, dateFormat = DEFAULT_DATE_FORMAT) {
   if (typeof label !== "string") {
     return String(label ?? "");
   }
   const match = label.match(ISO_TIMESTAMP_PATTERN);
-  return match ? `${match[1]} ${match[2]}` : label;
+  if (!match) {
+    return label;
+  }
+  const [year, month, day] = match[1].split("-");
+  const [hour, minute, second] = match[2].split(":");
+  return dateFormat.replace(/YYYY|MM|DD|HH|mm|ss/g, (token) => {
+    const values = {
+      YYYY: year,
+      MM: month,
+      DD: day,
+      HH: hour,
+      mm: minute,
+      ss: second
+    };
+    return values[token];
+  });
 }
 
 // src/components/AdsSparklineChart/index.tsx
@@ -6051,6 +6067,7 @@ function AdsSparklineChart({
   height,
   plotHeight,
   showTooltip = true,
+  tooltipDateFormat,
   xKey
 }) {
   const chartData = data.map((datum) => ({
@@ -6082,7 +6099,7 @@ function AdsSparklineChart({
               {
                 contentStyle: tooltipContentStyle2,
                 cursor: false,
-                labelFormatter: formatChartTooltipLabel
+                labelFormatter: (label) => formatChartTooltipLabel(label, tooltipDateFormat)
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
@@ -6269,6 +6286,7 @@ function AdsBarChart({
   highlightIndex,
   hoverColor,
   showTooltip = true,
+  tooltipDateFormat,
   xAxis,
   xKey,
   yAxis
@@ -6327,7 +6345,7 @@ function AdsBarChart({
               {
                 contentStyle: tooltipContentStyle3,
                 cursor: { fill: "transparent" },
-                labelFormatter: formatChartTooltipLabel
+                labelFormatter: (label) => formatChartTooltipLabel(label, tooltipDateFormat)
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(