@sproutsocial/seeds-react-data-viz 0.1.1 → 0.2.0

package/dist/esm/index.js

@@ -4570,6 +4570,7 @@ var PartnerLogo = ({
   const logo = whichLogo({ backgroundType, logoType, partnerName }, mode);
   const logoViewBox = ViewBoxes[logo];
   const viewBoxCoordinates = logoViewBox?.split(" ") || [];
+  const defaultSize = logoType === "symbol" ? "small" : void 0;
   const defaultWidth = viewBoxCoordinates[2];
   const defaultHeight = viewBoxCoordinates[3];
   return /* @__PURE__ */ jsx9(
@@ -4577,7 +4578,7 @@ var PartnerLogo = ({
     {
       height: height2 ? height2 : defaultHeight + "px",
       width: width2 ? width2 : defaultWidth + "px",
-      logoSize: size2,
+      logoSize: size2 ?? defaultSize,
       className: "logo",
       role: "img",
       "aria-label": ariaLabel,
@@ -5128,7 +5129,9 @@ var xAxisLabelFormatter = ({
   textLocale,
   tickPositions = [],
   unitName,
-  value
+  value,
+  // optional
+  timeFormat = "12"
 }) => {
   const tickIndex = tickPositions.indexOf(value);
   const isFirst = tickIndex === 0;
@@ -5139,7 +5142,7 @@ var xAxisLabelFormatter = ({
   let secondPartOptions = {};
   switch (unitName) {
     case "hour":
-      firstPartOptions = { hour: "numeric" };
+      firstPartOptions = timeFormat === "24" ? { hour: "numeric", minute: "numeric", hour12: false } : { hour: "numeric" };
       if (isFirst || valueDate.getUTCDate() !== previousValueDate.getUTCDate()) {
         secondPartOptions = { day: "numeric", month: "short" };
       }
@@ -5330,7 +5333,8 @@ var useTimeSeriesChartOptions = ({
   currency = "USD",
   numberFormat = "decimal",
   yAxisLabelFormatter: yAxisLabelFormatter2,
-  onClick
+  onClick,
+  timeFormat = "12"
 }) => {
   const [options, setOptions] = useState2(
     seriesType === "areaspline" ? areaChartOptions : lineChartOptions
@@ -5392,6 +5396,7 @@ var useTimeSeriesChartOptions = ({
             return xAxisLabelFormatter({
               textLocale,
               tickPositions: this.axis.tickPositions || [],
+              timeFormat,
               unitName: this.tickPositionInfo.unitName,
               value: this.value
             });
@@ -5424,6 +5429,7 @@ var useTimeSeriesChartOptions = ({
     onClick,
     seriesType,
     textLocale,
+    timeFormat,
     yAxisLabelFormatter2
   ]);
   return { options, chart, callback };
@@ -5582,7 +5588,8 @@ var AreaChartWithData = memo13(function AreaChartWithData2({
   tooltip,
   yAxisLabelFormatter: yAxisLabelFormatter2,
   onClick,
-  tooltipClickLabel
+  tooltipClickLabel,
+  timeFormat = "12"
 }) {
   const { options, chart, callback } = useTimeSeriesChartOptions({
     currency,
@@ -5592,7 +5599,8 @@ var AreaChartWithData = memo13(function AreaChartWithData2({
     seriesType: "areaspline",
     textLocale,
     yAxisLabelFormatter: yAxisLabelFormatter2,
-    onClick
+    onClick,
+    timeFormat
   });
   const colors3 = data.map(
     (series, index) => series.styles?.color ?? theme_default.colors.DATAVIZ_COLORS_LIST[index]
@@ -6030,7 +6038,8 @@ var LineChartWithData = memo20(function LineChartWithData2({
   tooltip,
   yAxisLabelFormatter: yAxisLabelFormatter2,
   onClick,
-  tooltipClickLabel
+  tooltipClickLabel,
+  timeFormat = "12"
 }) {
   const { options, chart, callback } = useTimeSeriesChartOptions({
     currency,
@@ -6040,7 +6049,8 @@ var LineChartWithData = memo20(function LineChartWithData2({
     seriesType: "spline",
     textLocale,
     yAxisLabelFormatter: yAxisLabelFormatter2,
-    onClick
+    onClick,
+    timeFormat
   });
   const { colors: colors3, patterns } = data.reduce(
     (acc, item, index) => {