/* 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. */
var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
  for (var name in all)
    __defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
  if (from && typeof from === "object" || typeof from === "function") {
    for (let key of __getOwnPropNames(from))
      if (!__hasOwnProp.call(to, key) && key !== except)
        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
  }
  return to;
};
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
  // If the importer is in node compatibility mode or this is not an ESM
  // file that has been converted to a CommonJS file using a Babel-
  // compatible transform (i.e. "__esModule" has not been set), then set
  // "default" to the CommonJS "module.exports" for node compatibility.
  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
  mod
));
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);

// src/components/FooterFields/index.tsx
var FooterFields_exports = {};
__export(FooterFields_exports, {
  default: () => FooterFields_default
});
module.exports = __toCommonJS(FooterFields_exports);

// esm-externals:react
var react_exports = {};
__export(react_exports, {
  default: () => react_default
});
var defaultImport = __toESM(require("react"));
__reExport(react_exports, require("react"));
var react_default = "default" in defaultImport ? defaultImport.default : defaultImport;

// esm-externals:styled-components
var styled_components_exports = {};
__export(styled_components_exports, {
  default: () => styled_components_default
});
var defaultImport2 = __toESM(require("styled-components"));
__reExport(styled_components_exports, require("styled-components"));
var styled_components_default = "default" in defaultImport2 ? defaultImport2.default : defaultImport2;

// esm-externals:@splunk/themes
var themes_exports = {};
__export(themes_exports, {
  default: () => themes_default
});
var defaultImport3 = __toESM(require("@splunk/themes"));
__reExport(themes_exports, require("@splunk/themes"));
var themes_default = "default" in defaultImport3 ? defaultImport3.default : defaultImport3;

// esm-externals:@splunk/visualization-context/FeatureFlagContext
var FeatureFlagContext_exports = {};
__export(FeatureFlagContext_exports, {
  default: () => FeatureFlagContext_default
});
var defaultImport4 = __toESM(require("@splunk/visualization-context/FeatureFlagContext"));
__reExport(FeatureFlagContext_exports, require("@splunk/visualization-context/FeatureFlagContext"));
var FeatureFlagContext_default = "default" in defaultImport4 ? defaultImport4.default : defaultImport4;

// esm-externals:lodash/has
var has_exports = {};
__export(has_exports, {
  default: () => has_default
});
var defaultImport5 = __toESM(require("lodash/has"));
__reExport(has_exports, require("lodash/has"));
var has_default = "default" in defaultImport5 ? defaultImport5.default : defaultImport5;

// esm-externals:lodash
var lodash_exports = {};
__export(lodash_exports, {
  default: () => lodash_default
});
var defaultImport6 = __toESM(require("lodash"));
__reExport(lodash_exports, require("lodash"));
var lodash_default = "default" in defaultImport6 ? defaultImport6.default : defaultImport6;

// src/utils/actions.ts
var INTERNAL_FIELDS_ARRAY = [
  "_bkt",
  "_cd",
  "_eventtype_color",
  "_fulllinecount",
  "_has_time",
  "_indextime",
  "_kv",
  "_mkv_child",
  "_raw",
  "_serial",
  "_si",
  "_sourcetype",
  "_span",
  "_subsecond"
];
var internalFields = new Set(INTERNAL_FIELDS_ARRAY);
var isTimeField = (field) => field === "_time";
var testStringWithWildCardString = (wildCardString, stringToTest) => {
  const w = wildCardString.replace(/[.+^${}()|[\]\\]/g, "\\$&");
  const re = new RegExp(`^${w.replace(/\*/g, ".*").replace(/\?/g, ".")}$`, "i");
  return re.test(stringToTest);
};

// esm-externals:@splunk/react-ui/Link
var Link_exports = {};
__export(Link_exports, {
  default: () => Link_default
});
var defaultImport7 = __toESM(require("@splunk/react-ui/Link"));
__reExport(Link_exports, require("@splunk/react-ui/Link"));
var Link_default = "default" in defaultImport7 ? defaultImport7.default : defaultImport7;

// esm-externals:@splunk/ui-utils/id
var id_exports = {};
__export(id_exports, {
  default: () => id_default
});
var defaultImport8 = __toESM(require("@splunk/ui-utils/id"));
__reExport(id_exports, require("@splunk/ui-utils/id"));
var id_default = "default" in defaultImport8 ? defaultImport8.default : defaultImport8;

// src/components/MaybeFieldLink/index.tsx
var FieldValueContainer = styled_components_default.div`
    display: inline;
    color: ${themes_exports.variables.contentColorActive};

    ${// eslint-disable-next-line @typescript-eslint/explicit-function-return-type
({ $highlighted }) => $highlighted && styled_components_exports.css`
                background-color: ${(0, themes_exports.pick)({
  dark: themes_exports.variables.static17,
  light: themes_exports.variables.static4
})};
            `}
`;
var StyledLink = styled_components_default(Link_default)`
    color: inherit;
    text-decoration: underline;
`;
var MaybeFieldValueLink = (props) => {
  const { field, value, onFieldValueClicked, isField, isHighlighted } = props;
  const ref = react_default.useRef(null);
  const isLink = onFieldValueClicked && !isTimeField(field) && (!isField || isField(field));
  react_default.useEffect(() => {
    if (!isLink) {
      return void 0;
    }
    const handleLinkClick = (e) => e.preventDefault();
    const element = ref.current;
    element.addEventListener("click", handleLinkClick);
    return () => {
      element.removeEventListener("click", handleLinkClick);
    };
  }, [isLink]);
  const valueElement = isLink ? /* @__PURE__ */ react_default.createElement(
    StyledLink,
    {
      role: "button",
      elementRef: ref,
      onClick: (e) => {
        e.preventDefault();
        onFieldValueClicked(e, { field, value });
      }
    },
    value
  ) : /* @__PURE__ */ react_default.createElement("span", null, value);
  return /* @__PURE__ */ react_default.createElement(FieldValueContainer, { $highlighted: isHighlighted }, valueElement);
};
var MaybeTagsLink = (props) => {
  const { field, onTagClicked, tags } = props;
  if (!tags || tags.length === 0) {
    return /* @__PURE__ */ react_default.createElement("span", null);
  }
  if (onTagClicked) {
    return /* @__PURE__ */ react_default.createElement(react_default.Fragment, null, "\xA0( ", tags.map((tag) => /* @__PURE__ */ react_default.createElement("span", { key: (0, id_exports.createDOMID)() }, /* @__PURE__ */ react_default.createElement(
      StyledLink,
      {
        role: "button",
        onClick: (e) => {
          e.preventDefault();
          onTagClicked(e, { field, value: tag });
        }
      },
      tag
    ), "\xA0")), ")");
  }
  return /* @__PURE__ */ react_default.createElement("span", null, "\xA0(\xA0", tags.join(" "), "\xA0)\xA0");
};

// src/components/FooterFields/index.tsx
var FooterFieldList = styled_components_default.dl`
    padding: 0;
    margin: 0;
`;
var FooterField = styled_components_default.div`
    &:not(:last-of-type) {
        border-right: 1px dashed ${themes_exports.variables.borderColor};
    }
    margin-right: ${themes_exports.variables.spacingSmall};
    list-style: none;
    display: inline;
`;
var FooterItem = styled_components_default.span`
    display: inline;
    margin: 0;
    padding: 0;
    color: ${themes_exports.variables.contentColorDefault};
`;
var FooterFields = (props) => {
  const { footerFields, fieldValueHighlightMap, allTagsMap } = props;
  const uniqueFooterFields = react_default.useMemo(() => {
    const fieldsThatExist = footerFields == null ? void 0 : footerFields.filter((field) => has_default(props.event, field));
    return [...new Set(fieldsThatExist)];
  }, [footerFields, props.event]);
  const featureFlagContext = react_default.useContext(FeatureFlagContext_default);
  const isTagFeatureFlagOn = featureFlagContext == null ? void 0 : featureFlagContext.visualizations_enableEventsViewerTags;
  const renderFooterField = (field, value) => {
    var _a;
    const valuesToHighlight = fieldValueHighlightMap == null ? void 0 : fieldValueHighlightMap[field];
    let isValueHighlighted = false;
    if (valuesToHighlight) {
      if (Array.isArray(valuesToHighlight)) {
        isValueHighlighted = valuesToHighlight.findIndex((v1) => {
          return testStringWithWildCardString(v1.toString(), value);
        }) > -1;
      } else {
        isValueHighlighted = testStringWithWildCardString(valuesToHighlight.toString(), value);
      }
    }
    const tagsKey = `${field}=${value}`;
    return /* @__PURE__ */ react_default.createElement(react_default.Fragment, { key: `${field}=${value}` }, /* @__PURE__ */ react_default.createElement(FooterItem, null, field, " ", /* @__PURE__ */ react_default.createElement("span", { "aria-hidden": "true" }, "="), " "), /* @__PURE__ */ react_default.createElement(FooterItem, null, /* @__PURE__ */ react_default.createElement(
      MaybeFieldValueLink,
      {
        field,
        value,
        onFieldValueClicked: props.onFieldValueClicked,
        isField: props.isField,
        isHighlighted: isValueHighlighted
      }
    ), isTagFeatureFlagOn && /* @__PURE__ */ react_default.createElement(
      MaybeTagsLink,
      {
        field,
        onTagClicked: props.onTagClicked,
        tags: (_a = allTagsMap[tagsKey]) != null ? _a : []
      }
    ), " "));
  };
  return /* @__PURE__ */ react_default.createElement(FooterFieldList, null, uniqueFooterFields.map((field) => {
    const value = props.event[field];
    if (!value) {
      return null;
    }
    return /* @__PURE__ */ react_default.createElement(FooterField, { key: `footer-entry-${field}` }, Array.isArray(value) ? value.map((valueItem) => renderFooterField(field, valueItem)) : renderFooterField(field, value));
  }));
};
var FooterFields_default = FooterFields;
//# sourceMappingURL=index.js.map
