@splunk/visualizations 27.4.0 → 28.0.0

package/Events.js

@@ -1,6 +1,7 @@
 /* Copyright © 2020 Splunk Inc.
 SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
 in part without a valid written license from Splunk Inc. is PROHIBITED. */
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -462,9 +463,14 @@ var Item = styled_components_default.div.attrs(({ width }) => ({
     position: relative;
     background-color: ${(props) => (0, colorUtils_exports.isColor)(props.backgroundColor) && props.backgroundColor || props.theme.defaultBackgroundColor}};
 `;
-var FixSizeItem = styled_components_default.div.attrs(({ width, height }) => ({
-  style: __spreadValues(__spreadValues({}, width && { width: (0, style_exports.toPx)(width) }), height && { height: (0, style_exports.toPx)(height) })
-}))`
+var FixSizeItem = styled_components_default.div.attrs(
+  ({
+    width,
+    height
+  }) => ({
+    style: __spreadValues(__spreadValues({}, width && { width: (0, style_exports.toPx)(width) }), height && { height: (0, style_exports.toPx)(height) })
+  })
+)`
     position: relative;
     flex-direction: column;
     flex: 1;
@@ -498,7 +504,7 @@ var withFixedSizeContainer = (Viz) => {
       FixSizeItem,
       {
         "data-test": "fix-size-item",
-        "data-splunk-visualization-version": "27.4.0 - 92ef39d5c",
+        "data-splunk-visualization-version": "28.0.0 - 0c5f07712",
         width,
         height,
         backgroundColor
@@ -564,7 +570,7 @@ var Cover = styled_components_default.div`
     bottom: 0;
 `;
 var Blocker = styled_components_default.div.attrs({
-  "data-splunk-visualization-version": "27.4.0 - 92ef39d5c"
+  "data-splunk-visualization-version": "28.0.0 - 0c5f07712"
 })`
     position: relative;
     width: 100%;
@@ -959,7 +965,12 @@ var useGetXAndYFields = ({
         y2Fields: options.y2 ? "> y2 | getField()" : void 0,
         fieldTypes: "> primary | getType()"
       };
-      const { xField = "", yFields = [], y2Fields = [], fieldTypes } = Options_exports.Options.evaluate(
+      const {
+        xField = "",
+        yFields = [],
+        y2Fields = [],
+        fieldTypes
+      } = Options_exports.Options.evaluate(
         { options: optionsToEvaluate, context },
         dataSourcesWithOnlyOnePoint,
         () => {
@@ -1240,7 +1251,9 @@ var withDashboardViz = (opts) => {
           return result;
         }
       } catch (e) {
-        console.error(`unexpected error evaluating options: ${e.message}`);
+        if (e instanceof Error) {
+          console.error(`unexpected error evaluating options: ${e.message}`);
+        }
         return {};
       }
       return {};
@@ -1299,7 +1312,11 @@ var withDashboardViz = (opts) => {
           if (ev && ev.payload) {
             payload = ev.payload;
           }
-          return onEventTrigger({ originalEvent: ev, payload, type: eventName });
+          return onEventTrigger({
+            originalEvent: ev,
+            payload,
+            type: eventName
+          });
         };
         if (parentKeys) {
           for (let i = parentKeys.length - 1; i >= 0; i -= 1) {
@@ -1387,32 +1404,21 @@ var defaultImport27 = __toESM(require("@splunk/visualization-schemas"));
 __reExport(visualization_schemas_exports, require("@splunk/visualization-schemas"));
 var visualization_schemas_default = "default" in defaultImport27 ? defaultImport27.default : defaultImport27;
 
-// esm-externals:@splunk/themes
-var themes_exports = {};
-__export(themes_exports, {
-  default: () => themes_default
-});
-var defaultImport28 = __toESM(require("@splunk/themes"));
-__reExport(themes_exports, require("@splunk/themes"));
-var themes_default = "default" in defaultImport28 ? defaultImport28.default : defaultImport28;
-
 // esm-externals:@splunk/visualizations-shared/configUtils
 var configUtils_exports = {};
 __export(configUtils_exports, {
   default: () => configUtils_default
 });
-var defaultImport29 = __toESM(require("@splunk/visualizations-shared/configUtils"));
+var defaultImport28 = __toESM(require("@splunk/visualizations-shared/configUtils"));
 __reExport(configUtils_exports, require("@splunk/visualizations-shared/configUtils"));
-var configUtils_default = "default" in defaultImport29 ? defaultImport29.default : defaultImport29;
+var configUtils_default = "default" in defaultImport28 ? defaultImport28.default : defaultImport28;
 
 // src/common/utils/configUtils.ts
 function enhanceConfig(vizConfig) {
   const enhancedConfig = __spreadValues({}, vizConfig);
-  enhancedConfig.editorConfig = vizConfig.editorConfig.map(
-    (config2) => {
-      return __spreadProps(__spreadValues({}, config2), { open: config2.open || false });
-    }
-  );
+  enhancedConfig.editorConfig = vizConfig.editorConfig.map((config2) => {
+    return __spreadProps(__spreadValues({}, config2), { open: config2.open || false });
+  });
   return enhancedConfig;
 }
 
@@ -1434,6 +1440,24 @@ var background = ({
 ];
 var BackgroundColor_default = background;
 
+// esm-externals:@splunk/themes/pick
+var pick_exports = {};
+__export(pick_exports, {
+  default: () => pick_default
+});
+var defaultImport29 = __toESM(require("@splunk/themes/pick"));
+__reExport(pick_exports, require("@splunk/themes/pick"));
+var pick_default = "default" in defaultImport29 ? defaultImport29.default : defaultImport29;
+
+// src/common/ThemedDefaults.tsx
+var defaultBackgroundColor = (props) => pick_default({
+  enterprise: {
+    dark: variables_default.black(props),
+    light: variables_default.white(props)
+  },
+  prisma: variables_default.backgroundColorSection(props)
+})(props);
+
 // src/Events/config.ts
 var defaultContext = {};
 var dataContract = {
@@ -1468,13 +1492,7 @@ var size = {
   initialHeight: 500
 };
 var themes = {
-  defaultBackgroundColor: (props) => (0, themes_exports.pick)({
-    enterprise: {
-      dark: themes_exports.variables.black(props),
-      light: themes_exports.variables.backgroundColor(props)
-    },
-    prisma: themes_exports.variables.backgroundColorSidebar(props)
-  })(props)
+  defaultBackgroundColor
 };
 var editorConfig = [
   {
@@ -1553,41 +1571,32 @@ var defaultImport30 = __toESM(require("@splunk/react-events-viewer/components/Ev
 __reExport(EventsViewer_exports, require("@splunk/react-events-viewer/components/EventsViewer"));
 var EventsViewer_default = "default" in defaultImport30 ? defaultImport30.default : defaultImport30;
 
-// esm-externals:@splunk/themes/pick
-var pick_exports = {};
-__export(pick_exports, {
-  default: () => pick_default
-});
-var defaultImport31 = __toESM(require("@splunk/themes/pick"));
-__reExport(pick_exports, require("@splunk/themes/pick"));
-var pick_default = "default" in defaultImport31 ? defaultImport31.default : defaultImport31;
-
 // esm-externals:@splunk/visualization-context/EventsContext
 var EventsContext_exports = {};
 __export(EventsContext_exports, {
   default: () => EventsContext_default
 });
-var defaultImport32 = __toESM(require("@splunk/visualization-context/EventsContext"));
+var defaultImport31 = __toESM(require("@splunk/visualization-context/EventsContext"));
 __reExport(EventsContext_exports, require("@splunk/visualization-context/EventsContext"));
-var EventsContext_default = "default" in defaultImport32 ? defaultImport32.default : defaultImport32;
+var EventsContext_default = "default" in defaultImport31 ? defaultImport31.default : defaultImport31;
 
 // esm-externals:@splunk/react-ui/Menu
 var Menu_exports = {};
 __export(Menu_exports, {
   default: () => Menu_default
 });
-var defaultImport33 = __toESM(require("@splunk/react-ui/Menu"));
+var defaultImport32 = __toESM(require("@splunk/react-ui/Menu"));
 __reExport(Menu_exports, require("@splunk/react-ui/Menu"));
-var Menu_default = "default" in defaultImport33 ? defaultImport33.default : defaultImport33;
+var Menu_default = "default" in defaultImport32 ? defaultImport32.default : defaultImport32;
 
 // esm-externals:@splunk/time-range-utils/time
 var time_exports = {};
 __export(time_exports, {
   default: () => time_default
 });
-var defaultImport34 = __toESM(require("@splunk/time-range-utils/time"));
+var defaultImport33 = __toESM(require("@splunk/time-range-utils/time"));
 __reExport(time_exports, require("@splunk/time-range-utils/time"));
-var time_default = "default" in defaultImport34 ? defaultImport34.default : defaultImport34;
+var time_default = "default" in defaultImport33 ? defaultImport33.default : defaultImport33;
 
 // src/Events/EventUtils.ts
 var EMPTY_DATASOURCE = {
@@ -1786,45 +1795,45 @@ var Popover_exports = {};
 __export(Popover_exports, {
   default: () => Popover_default
 });
-var defaultImport35 = __toESM(require("@splunk/react-ui/Popover"));
+var defaultImport34 = __toESM(require("@splunk/react-ui/Popover"));
 __reExport(Popover_exports, require("@splunk/react-ui/Popover"));
-var Popover_default = "default" in defaultImport35 ? defaultImport35.default : defaultImport35;
+var Popover_default = "default" in defaultImport34 ? defaultImport34.default : defaultImport34;
 
 // esm-externals:@splunk/react-ui/Markdown
 var Markdown_exports = {};
 __export(Markdown_exports, {
   default: () => Markdown_default
 });
-var defaultImport36 = __toESM(require("@splunk/react-ui/Markdown"));
+var defaultImport35 = __toESM(require("@splunk/react-ui/Markdown"));
 __reExport(Markdown_exports, require("@splunk/react-ui/Markdown"));
-var Markdown_default = "default" in defaultImport36 ? defaultImport36.default : defaultImport36;
+var Markdown_default = "default" in defaultImport35 ? defaultImport35.default : defaultImport35;
 
 // esm-externals:@splunk/react-field-summary/components/FieldSummary
 var FieldSummary_exports = {};
 __export(FieldSummary_exports, {
   default: () => FieldSummary_default
 });
-var defaultImport37 = __toESM(require("@splunk/react-field-summary/components/FieldSummary"));
+var defaultImport36 = __toESM(require("@splunk/react-field-summary/components/FieldSummary"));
 __reExport(FieldSummary_exports, require("@splunk/react-field-summary/components/FieldSummary"));
-var FieldSummary_default = "default" in defaultImport37 ? defaultImport37.default : defaultImport37;
+var FieldSummary_default = "default" in defaultImport36 ? defaultImport36.default : defaultImport36;
 
 // esm-externals:@splunk/react-ui/Button
 var Button_exports = {};
 __export(Button_exports, {
   default: () => Button_default
 });
-var defaultImport38 = __toESM(require("@splunk/react-ui/Button"));
+var defaultImport37 = __toESM(require("@splunk/react-ui/Button"));
 __reExport(Button_exports, require("@splunk/react-ui/Button"));
-var Button_default = "default" in defaultImport38 ? defaultImport38.default : defaultImport38;
+var Button_default = "default" in defaultImport37 ? defaultImport37.default : defaultImport37;
 
 // esm-externals:@splunk/react-icons/Cross
 var Cross_exports = {};
 __export(Cross_exports, {
   default: () => Cross_default
 });
-var defaultImport39 = __toESM(require("@splunk/react-icons/Cross"));
+var defaultImport38 = __toESM(require("@splunk/react-icons/Cross"));
 __reExport(Cross_exports, require("@splunk/react-icons/Cross"));
-var Cross_default = "default" in defaultImport39 ? defaultImport39.default : defaultImport39;
+var Cross_default = "default" in defaultImport38 ? defaultImport38.default : defaultImport38;
 
 // src/Events/PureEvents/FieldSummaryTooltip.tsx
 var StyledContainer = styled_components_default.div`
@@ -1857,6 +1866,7 @@ var actionsForField = (field) => {
   return actions;
 };
 var FieldSummaryTooltip = (props) => {
+  var _a, _b;
   const {
     open,
     anchor,
@@ -1865,7 +1875,8 @@ var FieldSummaryTooltip = (props) => {
     fieldSummaryMap,
     onActionClicked,
     onFieldValueClicked,
-    id
+    id,
+    dataSources
   } = props;
   const { isSplunkWebAvailable } = (0, react_exports.useContext)(EventsContext_default);
   const getActionsForField = (0, react_exports.useCallback)(
@@ -1875,8 +1886,10 @@ var FieldSummaryTooltip = (props) => {
   if (!open) return null;
   const field = fieldSummaryMap[fieldName];
   const fieldSummaryExists = !!field;
-  const fallbackText = (0, i18n_exports._)(
-    `Please configure an additional datasource called \`fieldsummary\` using the \`... | fieldsummary maxvals=10\` SPL command for field summaries to be shown.`
+  const fallbackText = ((_b = (_a = dataSources == null ? void 0 : dataSources.primary) == null ? void 0 : _a.meta) == null ? void 0 : _b.isSpl2Search) ? (0, i18n_exports._)(
+    `To show field summaries, configure an additional "SPL2 search" data source called \`fieldsummary\` that uses the \`fieldsummary\` command.`
+  ) : (0, i18n_exports._)(
+    `To show field summaries, configure a "Chain search" data source called \`fieldsummary\` with query \`| fieldsummary maxvals=10\`.`
   );
   return /* @__PURE__ */ react_exports.createElement(
     Popover_default,
@@ -1919,6 +1932,16 @@ FieldSummaryTooltip.defaultProps = {
   onFieldValueClicked: lodash_exports.noop,
   id: ""
 };
+FieldSummaryTooltip.propTypes = {
+  open: prop_types_default.bool,
+  anchor: prop_types_default.node,
+  fieldName: prop_types_default.string,
+  fieldSummaryMap: prop_types_default.object,
+  handleTooltipClose: prop_types_default.func,
+  onActionClicked: prop_types_default.func,
+  onFieldValueClicked: prop_types_default.func,
+  id: prop_types_default.string
+};
 var FieldSummaryTooltip_default = FieldSummaryTooltip;
 
 // esm-externals:@splunk/react-ui/ControlGroup
@@ -1926,62 +1949,58 @@ var ControlGroup_exports = {};
 __export(ControlGroup_exports, {
   default: () => ControlGroup_default
 });
-var defaultImport40 = __toESM(require("@splunk/react-ui/ControlGroup"));
+var defaultImport39 = __toESM(require("@splunk/react-ui/ControlGroup"));
 __reExport(ControlGroup_exports, require("@splunk/react-ui/ControlGroup"));
-var ControlGroup_default = "default" in defaultImport40 ? defaultImport40.default : defaultImport40;
+var ControlGroup_default = "default" in defaultImport39 ? defaultImport39.default : defaultImport39;
 
 // esm-externals:@splunk/react-ui/Text
 var Text_exports = {};
 __export(Text_exports, {
   default: () => Text_default
 });
-var defaultImport41 = __toESM(require("@splunk/react-ui/Text"));
+var defaultImport40 = __toESM(require("@splunk/react-ui/Text"));
 __reExport(Text_exports, require("@splunk/react-ui/Text"));
-var Text_default = "default" in defaultImport41 ? defaultImport41.default : defaultImport41;
+var Text_default = "default" in defaultImport40 ? defaultImport40.default : defaultImport40;
 
 // esm-externals:@splunk/react-ui/Message
 var Message_exports2 = {};
 __export(Message_exports2, {
   default: () => Message_default2
 });
-var defaultImport42 = __toESM(require("@splunk/react-ui/Message"));
+var defaultImport41 = __toESM(require("@splunk/react-ui/Message"));
 __reExport(Message_exports2, require("@splunk/react-ui/Message"));
-var Message_default2 = "default" in defaultImport42 ? defaultImport42.default : defaultImport42;
+var Message_default2 = "default" in defaultImport41 ? defaultImport41.default : defaultImport41;
 
 // esm-externals:@splunk/react-ui/Select
 var Select_exports = {};
 __export(Select_exports, {
   default: () => Select_default
 });
-var defaultImport43 = __toESM(require("@splunk/react-ui/Select"));
+var defaultImport42 = __toESM(require("@splunk/react-ui/Select"));
 __reExport(Select_exports, require("@splunk/react-ui/Select"));
-var Select_default = "default" in defaultImport43 ? defaultImport43.default : defaultImport43;
+var Select_default = "default" in defaultImport42 ? defaultImport42.default : defaultImport42;
 
 // esm-externals:@splunk/react-ui/Link
 var Link_exports = {};
 __export(Link_exports, {
   default: () => Link_default
 });
-var defaultImport44 = __toESM(require("@splunk/react-ui/Link"));
+var defaultImport43 = __toESM(require("@splunk/react-ui/Link"));
 __reExport(Link_exports, require("@splunk/react-ui/Link"));
-var Link_default = "default" in defaultImport44 ? defaultImport44.default : defaultImport44;
+var Link_default = "default" in defaultImport43 ? defaultImport43.default : defaultImport43;
 
 // esm-externals:@splunk/react-ui/Heading
 var Heading_exports = {};
 __export(Heading_exports, {
   default: () => Heading_default
 });
-var defaultImport45 = __toESM(require("@splunk/react-ui/Heading"));
+var defaultImport44 = __toESM(require("@splunk/react-ui/Heading"));
 __reExport(Heading_exports, require("@splunk/react-ui/Heading"));
-var Heading_default = "default" in defaultImport45 ? defaultImport45.default : defaultImport45;
+var Heading_default = "default" in defaultImport44 ? defaultImport44.default : defaultImport44;
 
 // src/Events/PureEvents/TimeControlsPopover.tsx
 var TimePopoverContainer = styled_components_default.div`
     padding: 20px;
-    width: ${(props) => pick_default({
-  enterprise: "372px",
-  prisma: "422px"
-})(props)};
 
     .time-drilldown-header {
         margin: 0px;
@@ -1989,10 +2008,6 @@ var TimePopoverContainer = styled_components_default.div`
 
     [data-test='nearby-controls'] {
         margin: 0px;
-        width: ${(props) => pick_default({
-  enterprise: "289.75px",
-  prisma: "329.75px"
-})(props)};
     }
 `;
 var TimeTable = styled_components_default.table`
@@ -2019,8 +2034,14 @@ var HeadingContainer = styled_components_default.div`
     align-items: center;
 `;
 var rangeTypeInputStyle = { minWidth: 80 };
-var rangeAmountInputStyle = { width: 54.88, minWidth: 48 };
-var rangeUnitInputStyle = { width: 154.88, textAlign: "center" };
+var rangeAmountInputStyle = {
+  width: 54.88,
+  minWidth: 48
+};
+var rangeUnitInputStyle = {
+  width: 154.88,
+  textAlign: "center"
+};
 var applyButtonStyle = { marginLeft: 10 };
 var TimeControlsPopover = (props) => {
   const { open, anchor, time, handleTooltipClose, onTimeDrilldown, id } = props;
@@ -2080,6 +2101,7 @@ var TimeControlsPopover = (props) => {
     )), isInvalidInput && /* @__PURE__ */ react_exports.createElement(Message_default2, { type: "error", "data-test": "invalid-time-input-message" }, errorMessage), /* @__PURE__ */ react_exports.createElement(SectionHeading, { level: 4 }, (0, i18n_exports._)("Events Before or After")), /* @__PURE__ */ react_exports.createElement(TimeTable, null, /* @__PURE__ */ react_exports.createElement("tbody", null, /* @__PURE__ */ react_exports.createElement("tr", { className: "before-after-values" }, /* @__PURE__ */ react_exports.createElement("td", null, /* @__PURE__ */ react_exports.createElement(
       Link_default,
       {
+        role: "button",
         "data-test": "before-time",
         to: "#",
         onClick: (e) => {
@@ -2090,6 +2112,7 @@ var TimeControlsPopover = (props) => {
     )), /* @__PURE__ */ react_exports.createElement("td", null, /* @__PURE__ */ react_exports.createElement(
       Link_default,
       {
+        role: "button",
         "data-test": "after-time",
         to: "#",
         onClick: (e) => {
@@ -2100,6 +2123,7 @@ var TimeControlsPopover = (props) => {
     )), /* @__PURE__ */ react_exports.createElement("td", null, /* @__PURE__ */ react_exports.createElement(
       Link_default,
       {
+        role: "button",
         "data-test": "at-time",
         to: "#",
         onClick: (e) => {
@@ -2169,6 +2193,14 @@ var TimeControlsPopover = (props) => {
     )))
   );
 };
+TimeControlsPopover.propTypes = {
+  open: prop_types_default.bool,
+  anchor: prop_types_default.node,
+  time: prop_types_default.string,
+  handleTooltipClose: prop_types_default.func,
+  onTimeDrilldown: prop_types_default.func,
+  id: prop_types_default.string
+};
 TimeControlsPopover.defaultProps = {
   open: false,
   anchor: null,
@@ -2184,10 +2216,7 @@ var EventsContainer = styled_components_default.div`
     width: ${(props) => (0, lodash_exports.isNumber)(props.width) ? `${props.width}px` : props.width};
     height: ${(props) => (0, lodash_exports.isNumber)(props.height) ? `${props.height}px` : props.height};
     box-sizing: border-box;
-    padding: ${pick_default({
-  enterprise: variables_default.spacingHalf,
-  prisma: variables_default.spacingSmall
-})};
+    padding: ${variables_default.spacingSmall};
     display: flex;
     flex-flow: column nowrap;
     overflow: hidden;
@@ -2197,10 +2226,7 @@ var EventsContainer = styled_components_default.div`
 
     /* Required as odd rows have a transparent background color and would appear as the passed background color otherwise */
     table[data-test='main-table'] {
-        background-color: ${pick_default({
-  enterprise: variables_default.backgroundColorPage,
-  prisma: variables_default.backgroundColorPage
-})};
+        background-color: ${variables_default.backgroundColorPage};
     }
 
     /* CSS override for word wrapping on raw event value - prevents needing to scroll excessively in cases where raw event values don't have spaces to break. Also to render the newline/ line-breaks properly */
@@ -2216,11 +2242,8 @@ var SUIEventsViewerContainer = styled_components_default.div`
     flex-grow: 1;
     overflow: hidden;
 
-    ${({ width, height, theme }) => {
-  const padding = pick_default({
-    enterprise: variables_default.spacingHalf({ theme }),
-    prisma: variables_default.spacingSmall({ theme })
-  })({ theme });
+    ${({ width, height }) => {
+  const padding = variables_default.spacingSmall.toString();
   const paddingOffset = parseInt(padding, 10) * 2;
   return (0, style_exports.toDimension)({
     width: width - paddingOffset,
@@ -2260,14 +2283,10 @@ var PureEvents = (props) => {
       );
       return fieldSummaryMapping;
     } catch (e) {
-      console.error(`Unexpected error parsing fieldsummary datasource:  + ${e.message}`);
       return {};
     }
   }, [dataSources, showFieldSummary]);
-  const {
-    eventActions: eventActionsContext = [],
-    fieldActions: fieldActionsContext = {}
-  } = (0, react_exports.useContext)(EventsContext_default);
+  const { eventActions: eventActionsContext = [], fieldActions: fieldActionsContext = {} } = (0, react_exports.useContext)(EventsContext_default);
   const eventActions = mergeEventActions(eventActionsProps, eventActionsContext);
   const fieldActions = mergeFieldActions(fieldActionsProps, fieldActionsContext);
   const [fieldSummaryField, setFieldSummaryField] = react_exports.useState(null);
@@ -2377,7 +2396,8 @@ var PureEvents = (props) => {
     renderEventActions,
     renderFieldActions,
     footerFields,
-    fieldValueHighlightMap: highlightValuesByFieldCombined
+    fieldValueHighlightMap: highlightValuesByFieldCombined,
+    wrapResults: true
   };
   const handleFieldClicked = showFieldSummary && ((e, { field }) => {
     setFieldSummaryField(field);
@@ -2475,7 +2495,8 @@ var PureEvents = (props) => {
         fieldName: fieldSummaryField,
         fieldSummaryMap,
         onActionClicked: handleActionClicked,
-        onFieldValueClicked: handleValueClicked
+        onFieldValueClicked: handleValueClicked,
+        dataSources
       }
     ), /* @__PURE__ */ react_exports.createElement(
       TimeControlsPopover_default,