@splunk/visualizations 27.2.1 → 27.4.0

package/Timeline.js

@@ -105,59 +105,68 @@ var defaultImport4 = __toESM(require("@splunk/visualizations-shared/colorUtils")
 __reExport(colorUtils_exports, require("@splunk/visualizations-shared/colorUtils"));
 var colorUtils_default = "default" in defaultImport4 ? defaultImport4.default : defaultImport4;
 
+// esm-externals:@splunk/visualization-encoding/utils/types
+var types_exports = {};
+__export(types_exports, {
+  default: () => types_default
+});
+var defaultImport5 = __toESM(require("@splunk/visualization-encoding/utils/types"));
+__reExport(types_exports, require("@splunk/visualization-encoding/utils/types"));
+var types_default = "default" in defaultImport5 ? defaultImport5.default : defaultImport5;
+
 // esm-externals:@splunk/visualization-icons
 var visualization_icons_exports = {};
 __export(visualization_icons_exports, {
   default: () => visualization_icons_default
 });
-var defaultImport5 = __toESM(require("@splunk/visualization-icons"));
+var defaultImport6 = __toESM(require("@splunk/visualization-icons"));
 __reExport(visualization_icons_exports, require("@splunk/visualization-icons"));
-var visualization_icons_default = "default" in defaultImport5 ? defaultImport5.default : defaultImport5;
+var visualization_icons_default = "default" in defaultImport6 ? defaultImport6.default : defaultImport6;
 
 // esm-externals:@splunk/visualization-color-palettes/editors/PresetPalettes
 var PresetPalettes_exports = {};
 __export(PresetPalettes_exports, {
   default: () => PresetPalettes_default
 });
-var defaultImport6 = __toESM(require("@splunk/visualization-color-palettes/editors/PresetPalettes"));
+var defaultImport7 = __toESM(require("@splunk/visualization-color-palettes/editors/PresetPalettes"));
 __reExport(PresetPalettes_exports, require("@splunk/visualization-color-palettes/editors/PresetPalettes"));
-var PresetPalettes_default = "default" in defaultImport6 ? defaultImport6.default : defaultImport6;
+var PresetPalettes_default = "default" in defaultImport7 ? defaultImport7.default : defaultImport7;
 
 // esm-externals:@splunk/ui-utils/i18n
 var i18n_exports = {};
 __export(i18n_exports, {
   default: () => i18n_default
 });
-var defaultImport7 = __toESM(require("@splunk/ui-utils/i18n"));
+var defaultImport8 = __toESM(require("@splunk/ui-utils/i18n"));
 __reExport(i18n_exports, require("@splunk/ui-utils/i18n"));
-var i18n_default = "default" in defaultImport7 ? defaultImport7.default : defaultImport7;
+var i18n_default = "default" in defaultImport8 ? defaultImport8.default : defaultImport8;
 
 // esm-externals:@splunk/themes/pick
 var pick_exports = {};
 __export(pick_exports, {
   default: () => pick_default
 });
-var defaultImport8 = __toESM(require("@splunk/themes/pick"));
+var defaultImport9 = __toESM(require("@splunk/themes/pick"));
 __reExport(pick_exports, require("@splunk/themes/pick"));
-var pick_default = "default" in defaultImport8 ? defaultImport8.default : defaultImport8;
+var pick_default = "default" in defaultImport9 ? defaultImport9.default : defaultImport9;
 
 // esm-externals:@splunk/themes/variables
 var variables_exports = {};
 __export(variables_exports, {
   default: () => variables_default
 });
-var defaultImport9 = __toESM(require("@splunk/themes/variables"));
+var defaultImport10 = __toESM(require("@splunk/themes/variables"));
 __reExport(variables_exports, require("@splunk/themes/variables"));
-var variables_default = "default" in defaultImport9 ? defaultImport9.default : defaultImport9;
+var variables_default = "default" in defaultImport10 ? defaultImport10.default : defaultImport10;
 
 // esm-externals:@splunk/visualizations-shared/configUtils
 var configUtils_exports = {};
 __export(configUtils_exports, {
   default: () => configUtils_default
 });
-var defaultImport10 = __toESM(require("@splunk/visualizations-shared/configUtils"));
+var defaultImport11 = __toESM(require("@splunk/visualizations-shared/configUtils"));
 __reExport(configUtils_exports, require("@splunk/visualizations-shared/configUtils"));
-var configUtils_default = "default" in defaultImport10 ? defaultImport10.default : defaultImport10;
+var configUtils_default = "default" in defaultImport11 ? defaultImport11.default : defaultImport11;
 
 // src/common/utils/configUtils.ts
 function enhanceConfig(vizConfig) {
@@ -454,117 +463,117 @@ var react_exports = {};
 __export(react_exports, {
   default: () => react_default
 });
-var defaultImport11 = __toESM(require("react"));
+var defaultImport12 = __toESM(require("react"));
 __reExport(react_exports, require("react"));
-var react_default = "default" in defaultImport11 ? defaultImport11.default : defaultImport11;
+var react_default = "default" in defaultImport12 ? defaultImport12.default : defaultImport12;
 
 // esm-externals:@splunk/themes/getSettingsFromThemedProps
 var getSettingsFromThemedProps_exports = {};
 __export(getSettingsFromThemedProps_exports, {
   default: () => getSettingsFromThemedProps_default
 });
-var defaultImport12 = __toESM(require("@splunk/themes/getSettingsFromThemedProps"));
+var defaultImport13 = __toESM(require("@splunk/themes/getSettingsFromThemedProps"));
 __reExport(getSettingsFromThemedProps_exports, require("@splunk/themes/getSettingsFromThemedProps"));
-var getSettingsFromThemedProps_default = "default" in defaultImport12 ? defaultImport12.default : defaultImport12;
+var getSettingsFromThemedProps_default = "default" in defaultImport13 ? defaultImport13.default : defaultImport13;
 
 // esm-externals:@splunk/visualization-encoding/Options
 var Options_exports = {};
 __export(Options_exports, {
   default: () => Options_default
 });
-var defaultImport13 = __toESM(require("@splunk/visualization-encoding/Options"));
+var defaultImport14 = __toESM(require("@splunk/visualization-encoding/Options"));
 __reExport(Options_exports, require("@splunk/visualization-encoding/Options"));
-var Options_default = "default" in defaultImport13 ? defaultImport13.default : defaultImport13;
+var Options_default = "default" in defaultImport14 ? defaultImport14.default : defaultImport14;
 
 // esm-externals:@splunk/visualizations-shared/SanitizeProps
 var SanitizeProps_exports = {};
 __export(SanitizeProps_exports, {
   default: () => SanitizeProps_default
 });
-var defaultImport14 = __toESM(require("@splunk/visualizations-shared/SanitizeProps"));
+var defaultImport15 = __toESM(require("@splunk/visualizations-shared/SanitizeProps"));
 __reExport(SanitizeProps_exports, require("@splunk/visualizations-shared/SanitizeProps"));
-var SanitizeProps_default = "default" in defaultImport14 ? defaultImport14.default : defaultImport14;
+var SanitizeProps_default = "default" in defaultImport15 ? defaultImport15.default : defaultImport15;
 
 // esm-externals:@splunk/visualization-context/TimezoneContext
 var TimezoneContext_exports = {};
 __export(TimezoneContext_exports, {
   default: () => TimezoneContext_default
 });
-var defaultImport15 = __toESM(require("@splunk/visualization-context/TimezoneContext"));
+var defaultImport16 = __toESM(require("@splunk/visualization-context/TimezoneContext"));
 __reExport(TimezoneContext_exports, require("@splunk/visualization-context/TimezoneContext"));
-var TimezoneContext_default = "default" in defaultImport15 ? defaultImport15.default : defaultImport15;
+var TimezoneContext_default = "default" in defaultImport16 ? defaultImport16.default : defaultImport16;
 
 // esm-externals:@splunk/moment
 var moment_exports = {};
 __export(moment_exports, {
   default: () => moment_default
 });
-var defaultImport16 = __toESM(require("@splunk/moment"));
+var defaultImport17 = __toESM(require("@splunk/moment"));
 __reExport(moment_exports, require("@splunk/moment"));
-var moment_default = "default" in defaultImport16 ? defaultImport16.default : defaultImport16;
+var moment_default = "default" in defaultImport17 ? defaultImport17.default : defaultImport17;
 
 // esm-externals:@splunk/visualization-context/FeatureFlagContext
 var FeatureFlagContext_exports = {};
 __export(FeatureFlagContext_exports, {
   default: () => FeatureFlagContext_default
 });
-var defaultImport17 = __toESM(require("@splunk/visualization-context/FeatureFlagContext"));
+var defaultImport18 = __toESM(require("@splunk/visualization-context/FeatureFlagContext"));
 __reExport(FeatureFlagContext_exports, require("@splunk/visualization-context/FeatureFlagContext"));
-var FeatureFlagContext_default = "default" in defaultImport17 ? defaultImport17.default : defaultImport17;
+var FeatureFlagContext_default = "default" in defaultImport18 ? defaultImport18.default : defaultImport18;
 
 // esm-externals:styled-components
 var styled_components_exports = {};
 __export(styled_components_exports, {
   default: () => styled_components_default
 });
-var defaultImport18 = __toESM(require("styled-components"));
+var defaultImport19 = __toESM(require("styled-components"));
 __reExport(styled_components_exports, require("styled-components"));
-var styled_components_default = "default" in defaultImport18 ? defaultImport18.default : defaultImport18;
+var styled_components_default = "default" in defaultImport19 ? defaultImport19.default : defaultImport19;
 
 // esm-externals:@splunk/visualizations-shared/hocUtils
 var hocUtils_exports = {};
 __export(hocUtils_exports, {
   default: () => hocUtils_default
 });
-var defaultImport19 = __toESM(require("@splunk/visualizations-shared/hocUtils"));
+var defaultImport20 = __toESM(require("@splunk/visualizations-shared/hocUtils"));
 __reExport(hocUtils_exports, require("@splunk/visualizations-shared/hocUtils"));
-var hocUtils_default = "default" in defaultImport19 ? defaultImport19.default : defaultImport19;
+var hocUtils_default = "default" in defaultImport20 ? defaultImport20.default : defaultImport20;
 
 // esm-externals:@splunk/visualizations-shared/JSONSchemaUtils
 var JSONSchemaUtils_exports = {};
 __export(JSONSchemaUtils_exports, {
   default: () => JSONSchemaUtils_default
 });
-var defaultImport20 = __toESM(require("@splunk/visualizations-shared/JSONSchemaUtils"));
+var defaultImport21 = __toESM(require("@splunk/visualizations-shared/JSONSchemaUtils"));
 __reExport(JSONSchemaUtils_exports, require("@splunk/visualizations-shared/JSONSchemaUtils"));
-var JSONSchemaUtils_default = "default" in defaultImport20 ? defaultImport20.default : defaultImport20;
+var JSONSchemaUtils_default = "default" in defaultImport21 ? defaultImport21.default : defaultImport21;
 
 // esm-externals:@splunk/async-dynamic-options-evaluator
 var async_dynamic_options_evaluator_exports = {};
 __export(async_dynamic_options_evaluator_exports, {
   default: () => async_dynamic_options_evaluator_default
 });
-var defaultImport21 = __toESM(require("@splunk/async-dynamic-options-evaluator"));
+var defaultImport22 = __toESM(require("@splunk/async-dynamic-options-evaluator"));
 __reExport(async_dynamic_options_evaluator_exports, require("@splunk/async-dynamic-options-evaluator"));
-var async_dynamic_options_evaluator_default = "default" in defaultImport21 ? defaultImport21.default : defaultImport21;
+var async_dynamic_options_evaluator_default = "default" in defaultImport22 ? defaultImport22.default : defaultImport22;
 
 // esm-externals:@splunk/ui-utils/id
 var id_exports = {};
 __export(id_exports, {
   default: () => id_default
 });
-var defaultImport22 = __toESM(require("@splunk/ui-utils/id"));
+var defaultImport23 = __toESM(require("@splunk/ui-utils/id"));
 __reExport(id_exports, require("@splunk/ui-utils/id"));
-var id_default = "default" in defaultImport22 ? defaultImport22.default : defaultImport22;
+var id_default = "default" in defaultImport23 ? defaultImport23.default : defaultImport23;
 
 // esm-externals:prop-types
 var prop_types_exports = {};
 __export(prop_types_exports, {
   default: () => prop_types_default
 });
-var defaultImport23 = __toESM(require("prop-types"));
+var defaultImport24 = __toESM(require("prop-types"));
 __reExport(prop_types_exports, require("prop-types"));
-var prop_types_default = "default" in defaultImport23 ? defaultImport23.default : defaultImport23;
+var prop_types_default = "default" in defaultImport24 ? defaultImport24.default : defaultImport24;
 
 // src/common/interfaces/VizActionHandler.ts
 var DefaultVizActionHandler = class {
@@ -772,27 +781,27 @@ var Message_exports = {};
 __export(Message_exports, {
   default: () => Message_default
 });
-var defaultImport24 = __toESM(require("@splunk/visualizations-shared/Message"));
+var defaultImport25 = __toESM(require("@splunk/visualizations-shared/Message"));
 __reExport(Message_exports, require("@splunk/visualizations-shared/Message"));
-var Message_default = "default" in defaultImport24 ? defaultImport24.default : defaultImport24;
+var Message_default = "default" in defaultImport25 ? defaultImport25.default : defaultImport25;
 
 // esm-externals:@splunk/visualizations-shared/style
 var style_exports = {};
 __export(style_exports, {
   default: () => style_default
 });
-var defaultImport25 = __toESM(require("@splunk/visualizations-shared/style"));
+var defaultImport26 = __toESM(require("@splunk/visualizations-shared/style"));
 __reExport(style_exports, require("@splunk/visualizations-shared/style"));
-var style_default = "default" in defaultImport25 ? defaultImport25.default : defaultImport25;
+var style_default = "default" in defaultImport26 ? defaultImport26.default : defaultImport26;
 
 // esm-externals:@splunk/visualizations-shared/SizeAwareWrapper
 var SizeAwareWrapper_exports = {};
 __export(SizeAwareWrapper_exports, {
   default: () => SizeAwareWrapper_default
 });
-var defaultImport26 = __toESM(require("@splunk/visualizations-shared/SizeAwareWrapper"));
+var defaultImport27 = __toESM(require("@splunk/visualizations-shared/SizeAwareWrapper"));
 __reExport(SizeAwareWrapper_exports, require("@splunk/visualizations-shared/SizeAwareWrapper"));
-var SizeAwareWrapper_default = "default" in defaultImport26 ? defaultImport26.default : defaultImport26;
+var SizeAwareWrapper_default = "default" in defaultImport27 ? defaultImport27.default : defaultImport27;
 
 // src/common/hocs/FixedSizeContainer.tsx
 var Item = styled_components_default.div.attrs(({ width }) => ({
@@ -839,7 +848,7 @@ var withFixedSizeContainer = (Viz) => {
       FixSizeItem,
       {
         "data-test": "fix-size-item",
-        "data-splunk-visualization-version": "27.2.1 - 41b7410be",
+        "data-splunk-visualization-version": "27.4.0 - 92ef39d5c",
         width,
         height,
         backgroundColor
@@ -905,7 +914,7 @@ var Cover = styled_components_default.div`
     bottom: 0;
 `;
 var Blocker = styled_components_default.div.attrs({
-  "data-splunk-visualization-version": "27.2.1 - 41b7410be"
+  "data-splunk-visualization-version": "27.4.0 - 92ef39d5c"
 })`
     position: relative;
     width: 100%;
@@ -1000,9 +1009,9 @@ var numberUtils_exports = {};
 __export(numberUtils_exports, {
   default: () => numberUtils_default
 });
-var defaultImport27 = __toESM(require("@splunk/visualizations-shared/numberUtils"));
+var defaultImport28 = __toESM(require("@splunk/visualizations-shared/numberUtils"));
 __reExport(numberUtils_exports, require("@splunk/visualizations-shared/numberUtils"));
-var numberUtils_default = "default" in defaultImport27 ? defaultImport27.default : defaultImport27;
+var numberUtils_default = "default" in defaultImport28 ? defaultImport28.default : defaultImport28;
 
 // src/common/utils/dataUtils.ts
 var largestTriangleThreeBuckets = (data, threshold, preferredDownsampleIndices) => {
@@ -1377,9 +1386,9 @@ var FeatureFlags_exports = {};
 __export(FeatureFlags_exports, {
   default: () => FeatureFlags_default
 });
-var defaultImport28 = __toESM(require("@splunk/visualization-context/FeatureFlags"));
+var defaultImport29 = __toESM(require("@splunk/visualization-context/FeatureFlags"));
 __reExport(FeatureFlags_exports, require("@splunk/visualization-context/FeatureFlags"));
-var FeatureFlags_default = "default" in defaultImport28 ? defaultImport28.default : defaultImport28;
+var FeatureFlags_default = "default" in defaultImport29 ? defaultImport29.default : defaultImport29;
 
 // src/common/utils/featureFlagUtils.ts
 var getFeatureFlag = (context, flagName) => {
@@ -1397,9 +1406,9 @@ var trellisUtils_exports = {};
 __export(trellisUtils_exports, {
   default: () => trellisUtils_default
 });
-var defaultImport29 = __toESM(require("@splunk/visualizations-shared/trellisUtils"));
+var defaultImport30 = __toESM(require("@splunk/visualizations-shared/trellisUtils"));
 __reExport(trellisUtils_exports, require("@splunk/visualizations-shared/trellisUtils"));
-var trellisUtils_default = "default" in defaultImport29 ? defaultImport29.default : defaultImport29;
+var trellisUtils_default = "default" in defaultImport30 ? defaultImport30.default : defaultImport30;
 
 // src/common/utils/trellisUtils.ts
 var turnOffLegendDisplayWhenTrellisIsOn = (isTrellisOn, options) => {
@@ -1569,11 +1578,9 @@ var withDashboardViz = (opts) => {
       useAsyncEvaluatedOptions
     ]);
     const evaluatedOptionsToUse = !useAsyncEvaluatedOptions ? evaluatedOptions : evaluatedOptionsAsync;
-    let clonedEvaluatedOptions = evaluatedOptionsToUse;
+    const clonedEvaluatedOptions = __spreadValues({}, evaluatedOptionsToUse);
     if (isTrellisOn) {
-      clonedEvaluatedOptions = __spreadProps(__spreadValues({}, evaluatedOptionsToUse), {
-        backgroundColor: clonedEvaluatedOptions == null ? void 0 : clonedEvaluatedOptions.trellisBackgroundColor
-      });
+      clonedEvaluatedOptions.backgroundColor = clonedEvaluatedOptions == null ? void 0 : clonedEvaluatedOptions.trellisBackgroundColor;
     }
     react_exports.useEffect(() => {
       onComputedProps(clonedEvaluatedOptions);
@@ -1632,7 +1639,8 @@ var withDashboardViz = (opts) => {
     }));
     let dataSourceMetadata = {};
     const OptionKey = "paginateDataSourceKey";
-    const paginateDataSourceKey = (0, lodash_exports.has)(evaluatedOptionsToUse, OptionKey) && evaluatedOptionsToUse[OptionKey] || "primary";
+    const optsKey = (0, lodash_exports.has)(evaluatedOptionsToUse, OptionKey) && evaluatedOptionsToUse[OptionKey];
+    const paginateDataSourceKey = typeof optsKey === "string" ? optsKey : "primary";
     if (vizConfig.supports.indexOf("page-and-sort" /* PAGE_AND_SORT */) > -1 && (0, lodash_exports.has)(dataSources, paginateDataSourceKey)) {
       const requestParams = (0, lodash_exports.get)(dataSources, [paginateDataSourceKey, "requestParams"], {});
       const meta = (0, lodash_exports.get)(dataSources, [paginateDataSourceKey, "meta"], {});
@@ -1676,14 +1684,26 @@ var withDashboardViz = (opts) => {
 };
 var withDashboardViz_default = withDashboardViz;
 
+// esm-externals:@splunk/splunk-utils/config
+var config_exports = {};
+__export(config_exports, {
+  default: () => config_default2
+});
+var defaultImport31 = __toESM(require("@splunk/splunk-utils/config"));
+__reExport(config_exports, require("@splunk/splunk-utils/config"));
+var config_default2 = "default" in defaultImport31 ? defaultImport31.default : defaultImport31;
+
 // esm-externals:@splunk/themes
 var themes_exports = {};
 __export(themes_exports, {
   default: () => themes_default
 });
-var defaultImport30 = __toESM(require("@splunk/themes"));
+var defaultImport32 = __toESM(require("@splunk/themes"));
 __reExport(themes_exports, require("@splunk/themes"));
-var themes_default = "default" in defaultImport30 ? defaultImport30.default : defaultImport30;
+var themes_default = "default" in defaultImport32 ? defaultImport32.default : defaultImport32;
+
+// src/common/utils/styleUtils.ts
+var VIZ_FONT_FAMILY = "'Splunk Platform Sans', 'Splunk Data Sans', Roboto, Droid, 'Helvetica Neue', Helvetica, Arial, sans-serif";
 
 // src/Timeline/PureTimeline/src/utils/timelineUtils.ts
 function hexToRgba(hex, opacity = 1) {
@@ -1813,7 +1833,7 @@ var drawRoundedRect = (ctx, x, y, width, height, radius) => {
   ctx.fill();
   ctx.stroke();
 };
-var truncateText = (text, maxWidth, truncationType, font = '10px "Splunk Data Sans"') => {
+var truncateText = (text, maxWidth, truncationType, font = `10px ${VIZ_FONT_FAMILY}`) => {
   const canvas = document.createElement("canvas");
   const context = canvas.getContext("2d");
   if (!context) return text;
@@ -1919,9 +1939,9 @@ var uplot_react_exports = {};
 __export(uplot_react_exports, {
   default: () => uplot_react_default
 });
-var defaultImport31 = __toESM(require("uplot-react"));
+var defaultImport33 = __toESM(require("uplot-react"));
 __reExport(uplot_react_exports, require("uplot-react"));
-var uplot_react_default = "default" in defaultImport31 ? defaultImport31.default : defaultImport31;
+var uplot_react_default = "default" in defaultImport33 ? defaultImport33.default : defaultImport33;
 
 // src/Timeline/PureTimeline/src/CursorPlugin.tsx
 var currentScaleFactor = 1;
@@ -1980,7 +2000,8 @@ var CursorPlugin = ({
   setHighlightedEvent,
   setHighlightedLane,
   handleEventClick,
-  tooltipRef
+  tooltipRef,
+  locale
 }) => {
   const FIXED_LANE_HEIGHT = 32;
   const MIN_BAR_WIDTH = 20;
@@ -2085,11 +2106,11 @@ var CursorPlugin = ({
             if (showTooltip) {
               const displaySeconds = durationPerTick < 6e4 && event.duration !== 0;
               const startTime = new Date(event.start).toLocaleTimeString(
-                [],
+                locale,
                 tooltipLocaleTimeFormat(displaySeconds)
               );
               const endTime = new Date(event.end).toLocaleTimeString(
-                [],
+                locale,
                 tooltipLocaleTimeFormat(displaySeconds)
               );
               const lane = lanes[cursorSeriesIndex - 1];
@@ -2241,11 +2262,29 @@ var XAxisPlugin = ({
   durationPerTick = 0,
   numTicks = 0,
   backgroundColor = "#0b0c0e",
-  tickInterval = "1d"
+  tickInterval = "1d",
+  isFontLoaded = false,
+  locale = "en-US",
+  setIsFontLoaded
 } = {}) => {
   const themes3 = (0, themes_exports.useSplunkTheme)();
+  const redrawFont = () => {
+    if (!isFontLoaded) {
+      setIsFontLoaded(true);
+    }
+  };
   return {
     hooks: {
+      init: () => {
+        if (isSafari()) {
+          document.fonts.ready.then(redrawFont);
+        } else {
+          document.fonts.addEventListener("loadingdone", redrawFont);
+        }
+        return () => {
+          if (!isSafari()) document.fonts.removeEventListener("loadingdone", redrawFont);
+        };
+      },
       drawClear: (u) => {
         const { ctx } = u;
         const dpr = window.devicePixelRatio || 1;
@@ -2270,17 +2309,17 @@ var XAxisPlugin = ({
         const labels = ticks.map((tick, index) => {
           const labelParts = [];
           const date = new Date(tick);
-          const time = tickInterval === "1s" ? date.toLocaleTimeString([], {
+          const time = tickInterval === "1s" ? date.toLocaleTimeString(locale, {
             hour: "numeric",
             minute: "2-digit",
             second: "2-digit"
-          }) : date.toLocaleTimeString([], { hour: "numeric", minute: "2-digit" });
-          const day = date.toLocaleDateString([], {
+          }) : date.toLocaleTimeString(locale, { hour: "numeric", minute: "2-digit" });
+          const day = date.toLocaleDateString(locale, {
             weekday: "short",
             month: "short",
             day: "numeric"
           });
-          const month = date.toLocaleDateString([], {
+          const month = date.toLocaleDateString(locale, {
             month: "long"
           });
           const year = date.getFullYear().toString();
@@ -2302,7 +2341,7 @@ var XAxisPlugin = ({
         });
         ctx.save();
         ctx.scale(dpr, dpr);
-        ctx.font = "10px sans-serif";
+        ctx.font = `10px ${VIZ_FONT_FAMILY}`;
         ctx.fillStyle = themes3.contentColorMuted;
         ctx.textAlign = "left";
         ctx.textBaseline = "top";
@@ -2371,6 +2410,10 @@ var YAxisLane = styled_components_default.div`
     background-color: ${({ isEven, backgroundColor }) => isEven ? hexToRgba(backgroundColor) : getAlternateColor(backgroundColor, 0.1)};
     box-sizing: border-box;
     color: ${({ color }) => `${color}`};
+    cursor: ${({ clickable }) => clickable ? "default" : "inherit"};
+    &:hover {
+        cursor: ${({ clickable }) => clickable ? "pointer" : "inherit"};
+    }
 `;
 var TimelineYAxis = ({
   height,
@@ -2398,7 +2441,7 @@ var TimelineYAxis = ({
       lane.toString(),
       yAxisLabelWidth - lanePadding,
       "ellipsisMiddle",
-      '14px  "Splunk Data Sans"'
+      `14px ${VIZ_FONT_FAMILY}`
     );
     return /* @__PURE__ */ react_exports.createElement(
       YAxisLane,
@@ -2409,8 +2452,9 @@ var TimelineYAxis = ({
         color: laneTextColor,
         isEven: (lanes.length - index - 1) % 2 === 0,
         backgroundColor,
+        clickable: !!handleLaneClick,
         onClick: () => {
-          handleLaneClick(lane);
+          handleLaneClick == null ? void 0 : handleLaneClick(lane);
         }
       },
       truncatedText
@@ -2555,9 +2599,9 @@ var useSplunkTheme_exports = {};
 __export(useSplunkTheme_exports, {
   default: () => useSplunkTheme_default
 });
-var defaultImport32 = __toESM(require("@splunk/themes/useSplunkTheme"));
+var defaultImport34 = __toESM(require("@splunk/themes/useSplunkTheme"));
 __reExport(useSplunkTheme_exports, require("@splunk/themes/useSplunkTheme"));
-var useSplunkTheme_default = "default" in defaultImport32 ? defaultImport32.default : defaultImport32;
+var useSplunkTheme_default = "default" in defaultImport34 ? defaultImport34.default : defaultImport34;
 
 // src/Timeline/PureTimeline/src/TimelineTooltip.tsx
 var TooltipContainer = styled_components_default.div`
@@ -2656,9 +2700,9 @@ var uPlot_min_exports = {};
 __export(uPlot_min_exports, {
   default: () => uPlot_min_default
 });
-var defaultImport33 = __toESM(require("uplot/dist/uPlot.min.css"));
+var defaultImport35 = __toESM(require("uplot/dist/uPlot.min.css"));
 __reExport(uPlot_min_exports, require("uplot/dist/uPlot.min.css"));
-var uPlot_min_default = "default" in defaultImport33 ? defaultImport33.default : defaultImport33;
+var uPlot_min_default = "default" in defaultImport35 ? defaultImport35.default : defaultImport35;
 
 // src/Timeline/PureTimeline/src/TimelineUplot.tsx
 var TimelineUplotContainer = styled_components_default.div`
@@ -2692,11 +2736,13 @@ var TimelineUplot = ({
   tickInterval,
   handleEventClick,
   handleLaneClick,
-  handleLegendClick
+  handleLegendClick,
+  locale
 }) => {
   const [highlightedCategory, setHighlightedCategory] = react_exports.useState(null);
   const [highlightedEvent, setHighlightedEvent] = react_exports.useState(null);
   const [highlightedLane, setHighlightedLane] = react_exports.useState(null);
+  const [isFontLoaded, setIsFontLoaded] = react_exports.useState(false);
   const tooltipRef = react_exports.useRef({
     visible: false,
     x: 0,
@@ -2754,7 +2800,15 @@ var TimelineUplot = ({
         highlightedCategory,
         highlightedEvent
       }),
-      XAxisPlugin_default({ durationPerTick, numTicks, backgroundColor, tickInterval }),
+      XAxisPlugin_default({
+        durationPerTick,
+        numTicks,
+        backgroundColor,
+        tickInterval,
+        isFontLoaded,
+        setIsFontLoaded,
+        locale
+      }),
       CursorPlugin_default({
         laneSeries,
         lanes,
@@ -2764,7 +2818,8 @@ var TimelineUplot = ({
         setHighlightedEvent,
         setHighlightedLane,
         handleEventClick,
-        tooltipRef
+        tooltipRef,
+        locale
       })
     ]
   };
@@ -2827,7 +2882,8 @@ var PureTimeline = (_a) => {
     legendTruncation,
     onEventClick,
     onLaneClick,
-    onLegendClick
+    onLegendClick,
+    locale
   } = props;
   const showLegend = (!dataColors || (dataColors == null ? void 0 : dataColors.length) === 0) && (category == null ? void 0 : category.length) > 0 && (legendDisplay === "right" || legendDisplay === "bottom");
   const timezone = react_exports.useContext(TimezoneContext_default);
@@ -2900,7 +2956,8 @@ var PureTimeline = (_a) => {
         tickInterval,
         handleEventClick,
         handleLaneClick,
-        handleLegendClick
+        handleLegendClick,
+        locale
       }
     )
   );
@@ -2925,6 +2982,7 @@ PureTimeline.propTypes = {
   resultLimit: prop_types_exports.number,
   legendDisplay: prop_types_exports.oneOf(["right", "bottom", "off"]),
   legendTruncation: prop_types_exports.oneOf(["ellipsisEnd", "ellipsisMiddle", "ellipsisStart", "ellipsisOff"]),
+  locale: prop_types_exports.string,
   onEventClick: prop_types_exports.func,
   onLegendClick: prop_types_exports.func,
   onLaneClick: prop_types_exports.func,
@@ -2967,6 +3025,7 @@ PureTimeline.defaultProps = {
   resultLimit: 1e4,
   legendDisplay: "off",
   legendTruncation: "ellipsisEnd",
+  locale: config_exports.locale || navigator.language || "en-US",
   onEventClick: lodash_exports.noop,
   onLaneClick: lodash_exports.noop,
   onLegendClick: lodash_exports.noop,
@@ -3002,6 +3061,7 @@ var computeVizProps = (_a) => {
     "onLegendClick",
     "onLaneClick"
   ]);
+  let convertedDuration;
   let timelineDataColors = dataColors;
   let timelineSeriesColors = seriesColors;
   const pickedOptions = (0, lodash_exports.chain)(otherOptions).pick(validOptions).value();
@@ -3028,10 +3088,13 @@ var computeVizProps = (_a) => {
       timelineDataColors = visualization_color_palettes_exports.VIZ_CATEGORICAL;
     }
   }
+  if ((duration == null ? void 0 : duration.length) > 0 && typeof duration[0] === "string") {
+    convertedDuration = convertToNumbers(duration);
+  }
   return __spreadValues({
     x,
     y,
-    duration,
+    duration: convertedDuration || duration,
     category,
     additionalTooltipValues,
     onEventClick,
@@ -3041,6 +3104,11 @@ var computeVizProps = (_a) => {
     seriesColors: timelineSeriesColors
   }, pickedOptions);
 };
+function convertToNumbers(arr) {
+  return arr.map((item) => {
+    return (0, types_exports.isNumber)(item) ? parseFloat(item) : 0;
+  });
+}
 function extractAdditionalTooltipValues(columns, fields, additionalTooltipFields) {
   var _a;
   const fieldIndexMap = fields.reduce((acc, field, index) => {