@splunk/react-field-summary 0.11.0 → 27.2.1

package/components/FieldList/FieldList.js

@@ -1,127 +1,167 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+/* 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/FieldList/FieldList.tsx
+var FieldList_exports = {};
+__export(FieldList_exports, {
+  default: () => FieldList_default,
+  isNumeric: () => isNumeric
 });
-exports.default = exports.isNumeric = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
+module.exports = __toCommonJS(FieldList_exports);
 
-var _Number = _interopRequireDefault(require("@splunk/react-icons/enterprise/Number"));
-
-var _String = _interopRequireDefault(require("@splunk/react-icons/enterprise/String"));
-
-var _themes = require("@splunk/themes");
-
-var _jsxFileName = "/Users/ccoats/Developer/ui-platform/projects/lib/search-components/react-field-summary/src/components/FieldList/FieldList.tsx",
-    _templateObject,
-    _templateObject2,
-    _templateObject3;
+// 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/react-icons/enterprise/Number
+var Number_exports = {};
+__export(Number_exports, {
+  default: () => Number_default
+});
+var defaultImport3 = __toESM(require("@splunk/react-icons/enterprise/Number"));
+__reExport(Number_exports, require("@splunk/react-icons/enterprise/Number"));
+var Number_default = "default" in defaultImport3 ? defaultImport3.default : defaultImport3;
+
+// esm-externals:@splunk/react-icons/enterprise/String
+var String_exports = {};
+__export(String_exports, {
+  default: () => String_default
+});
+var defaultImport4 = __toESM(require("@splunk/react-icons/enterprise/String"));
+__reExport(String_exports, require("@splunk/react-icons/enterprise/String"));
+var String_default = "default" in defaultImport4 ? defaultImport4.default : defaultImport4;
+
+// esm-externals:@splunk/themes
+var themes_exports = {};
+__export(themes_exports, {
+  default: () => themes_default
+});
+var defaultImport5 = __toESM(require("@splunk/themes"));
+__reExport(themes_exports, require("@splunk/themes"));
+var themes_default = "default" in defaultImport5 ? defaultImport5.default : defaultImport5;
+
+// src/components/FieldList/FieldList.tsx
+var ICON_SIZE = 0.6;
+var Container = styled_components_default.ol`
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    svg {
+        padding-right: ${themes_exports.variables.spacingXSmall};
+        color: ${themes_exports.variables.contentColorMuted};
+    }
 
-const ICON_SIZE = 0.6;
+    button {
+        display: flex;
+        align-items: baseline;
+        border: none;
+        text-align: left;
+        width: 100%;
+        height: 100%;
+        color: ${themes_exports.variables.contentColorDefault};
+        font-size: ${themes_exports.variables.fontSize};
+        padding: calc(${themes_exports.variables.spacingXSmall} / 2) ${themes_exports.variables.spacingXSmall};
+        margin: 0;
+        background-color: inherit;
+    }
 
-const Container = _styledComponents.default.ol(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    list-style-type: none;\n    margin: 0;\n    padding: 0;\n    svg {\n        padding-right: ", ";\n        color: ", ";\n    }\n\n    button {\n        display: flex;\n        align-items: baseline;\n        border: none;\n        text-align: left;\n        width: 100%;\n        height: 100%;\n        color: ", ";\n        font-size: ", ";\n        padding: calc(", " / 2) ", ";\n        margin: 0;\n        background-color: inherit;\n    }\n\n    button:not([disabled]) {\n        cursor: pointer;\n        color: ", ";\n    }\n\n    li {\n        background-color: inherit;\n\n        padding: 0;\n        margin: 0;\n    }\n\n    button:not([disabled]):hover,\n    button[aria-pressed='true'] {\n        background-color: ", ";\n    }\n\n    button:not([disabled]):focus {\n        outline: 0;\n        box-shadow: ", ";\n\n        ::-moz-focus-inner {\n            border: 0;\n        }\n    }\n"])), _themes.variables.spacingXSmall, _themes.variables.contentColorMuted, _themes.variables.contentColorDefault, _themes.variables.fontSize, _themes.variables.spacingXSmall, _themes.variables.spacingXSmall, _themes.variables.linkColor, (0, _themes.pick)({
-  enterprise: _themes.variables.backgroundColorHover,
-  prisma: _themes.variables.interactiveColorOverlayHover
-}), _themes.variables.focusShadowInset);
+    button:not([disabled]) {
+        cursor: pointer;
+        color: ${themes_exports.variables.linkColor};
+    }
 
-const Name = _styledComponents.default.span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    min-width: 0;\n    flex-shrink: 2;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n"])));
+    li {
+        background-color: inherit;
 
-const Count = _styledComponents.default.span(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n    padding-left: ", ";\n    color: ", ";\n"])), _themes.variables.spacingXSmall, _themes.variables.contentColorMuted);
+        padding: 0;
+        margin: 0;
+    }
 
-const isNumeric = field => field.numericCount && Number(field.numericCount) / Number(field.count) > 0.7;
+    button:not([disabled]):hover,
+    button[aria-pressed='true'] {
+        background-color: ${(0, themes_exports.pick)({
+  enterprise: themes_exports.variables.backgroundColorHover,
+  prisma: themes_exports.variables.interactiveColorOverlayHover
+})};
+    }
 
-exports.isNumeric = isNumeric;
+    button:not([disabled]):focus {
+        outline: 0;
+        box-shadow: ${themes_exports.variables.focusShadowInset};
 
-const Field = ({
-  active,
-  field,
-  onFieldClicked
-}) => {
-  const clickHandler = onFieldClicked ? e => onFieldClicked(e, field) : undefined;
-  const numeric = isNumeric(field);
-  return /*#__PURE__*/_react.default.createElement("li", {
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 103,
-      columnNumber: 9
-    }
-  }, /*#__PURE__*/_react.default.createElement("button", {
-    type: "button",
-    onClick: clickHandler,
-    disabled: !onFieldClicked,
-    "aria-pressed": active,
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 104,
-      columnNumber: 13
-    }
-  }, numeric ? /*#__PURE__*/_react.default.createElement(_Number.default, {
-    size: ICON_SIZE,
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 105,
-      columnNumber: 28
+        ::-moz-focus-inner {
+            border: 0;
+        }
     }
-  }) : /*#__PURE__*/_react.default.createElement(_String.default, {
-    size: ICON_SIZE,
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 105,
-      columnNumber: 62
-    }
-  }), /*#__PURE__*/_react.default.createElement(Name, {
-    title: field.name,
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 106,
-      columnNumber: 17
-    }
-  }, field.name), /*#__PURE__*/_react.default.createElement(Count, {
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 107,
-      columnNumber: 17
-    }
-  }, field.distinctCount > 100 ? '100+' : field.distinctCount)));
+`;
+var Name = styled_components_default.span`
+    min-width: 0;
+    flex-shrink: 2;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+`;
+var Count = styled_components_default.span`
+    padding-left: ${themes_exports.variables.spacingXSmall};
+    color: ${themes_exports.variables.contentColorMuted};
+`;
+var isNumeric = (field) => field.numericCount && Number(field.numericCount) / Number(field.count) > 0.7;
+var Field = ({ active, field, onFieldClicked }) => {
+  const clickHandler = onFieldClicked ? (e) => onFieldClicked(e, field) : void 0;
+  const numeric = isNumeric(field);
+  return /* @__PURE__ */ react_default.createElement("li", null, /* @__PURE__ */ react_default.createElement("button", { type: "button", onClick: clickHandler, disabled: !onFieldClicked, "aria-pressed": active }, numeric ? /* @__PURE__ */ react_default.createElement(Number_default, { size: ICON_SIZE }) : /* @__PURE__ */ react_default.createElement(String_default, { size: ICON_SIZE }), /* @__PURE__ */ react_default.createElement(Name, { title: field.name }, field.name), /* @__PURE__ */ react_default.createElement(Count, null, field.distinctCount > 100 ? "100+" : field.distinctCount)));
 };
-
-const FieldList = ({
-  active,
-  fields,
-  onFieldClicked
-}) => /*#__PURE__*/_react.default.createElement(Container, {
-  "data-test": "field-list",
-  __self: void 0,
-  __source: {
-    fileName: _jsxFileName,
-    lineNumber: 114,
-    columnNumber: 5
-  }
-}, fields.map(field => /*#__PURE__*/_react.default.createElement(Field, {
-  key: field.name,
-  field: field,
-  onFieldClicked: onFieldClicked,
-  active: field.name === active,
-  __self: void 0,
-  __source: {
-    fileName: _jsxFileName,
-    lineNumber: 116,
-    columnNumber: 13
+var FieldList = ({ active, fields, onFieldClicked }) => /* @__PURE__ */ react_default.createElement(Container, { "data-test": "field-list" }, fields.map((field) => /* @__PURE__ */ react_default.createElement(
+  Field,
+  {
+    key: field.name,
+    field,
+    onFieldClicked,
+    active: field.name === active
   }
-})));
-
-var _default = FieldList;
-exports.default = _default;
+)));
+var FieldList_default = FieldList;
+//# sourceMappingURL=FieldList.js.map

package/components/FieldList/FieldList.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/FieldList/FieldList.tsx", "esm-externals:react", "esm-externals:styled-components", "esm-externals:@splunk/react-icons/enterprise/Number", "esm-externals:@splunk/react-icons/enterprise/String", "esm-externals:@splunk/themes"],
+  "sourcesContent": ["import React, { SyntheticEvent } from 'react';\nimport styled from 'styled-components';\n\nimport NumberIcon from '@splunk/react-icons/enterprise/Number';\nimport StringIcon from '@splunk/react-icons/enterprise/String';\nimport { pick, variables } from '@splunk/themes';\n\nconst ICON_SIZE = 0.6;\n\nexport interface FieldType {\n    name: string;\n    count: number;\n    distinctCount: number;\n    numericCount?: number;\n}\n\ntype FieldClicked = (e: SyntheticEvent, data: FieldType) => void;\n\ntype FieldListProps = {\n    /** The name of the currently selected field */\n    active?: string;\n    /** FieldType {name:string, type:string, count: number} */\n    fields: FieldType[];\n    /** Callback (event:SyntheticEvent, data:FieldType) => void */\n    onFieldClicked?: FieldClicked;\n};\n\ntype FieldProps = { active: boolean; field: FieldType; onFieldClicked?: FieldClicked };\n\nconst Container = styled.ol`\n    list-style-type: none;\n    margin: 0;\n    padding: 0;\n    svg {\n        padding-right: ${variables.spacingXSmall};\n        color: ${variables.contentColorMuted};\n    }\n\n    button {\n        display: flex;\n        align-items: baseline;\n        border: none;\n        text-align: left;\n        width: 100%;\n        height: 100%;\n        color: ${variables.contentColorDefault};\n        font-size: ${variables.fontSize};\n        padding: calc(${variables.spacingXSmall} / 2) ${variables.spacingXSmall};\n        margin: 0;\n        background-color: inherit;\n    }\n\n    button:not([disabled]) {\n        cursor: pointer;\n        color: ${variables.linkColor};\n    }\n\n    li {\n        background-color: inherit;\n\n        padding: 0;\n        margin: 0;\n    }\n\n    button:not([disabled]):hover,\n    button[aria-pressed='true'] {\n        background-color: ${pick({\n            enterprise: variables.backgroundColorHover,\n            prisma: variables.interactiveColorOverlayHover,\n        })};\n    }\n\n    button:not([disabled]):focus {\n        outline: 0;\n        box-shadow: ${variables.focusShadowInset};\n\n        ::-moz-focus-inner {\n            border: 0;\n        }\n    }\n`;\n\nconst Name = styled.span`\n    min-width: 0;\n    flex-shrink: 2;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n`;\n\nconst Count = styled.span`\n    padding-left: ${variables.spacingXSmall};\n    color: ${variables.contentColorMuted};\n`;\n\nexport const isNumeric = (field: FieldType): boolean =>\n    field.numericCount && Number(field.numericCount) / Number(field.count) > 0.7;\n\nconst Field: React.FC<FieldProps> = ({ active, field, onFieldClicked }: FieldProps) => {\n    const clickHandler = onFieldClicked ? (e: SyntheticEvent): void => onFieldClicked(e, field) : undefined;\n    const numeric = isNumeric(field);\n    return (\n        <li>\n            <button type=\"button\" onClick={clickHandler} disabled={!onFieldClicked} aria-pressed={active}>\n                {numeric ? <NumberIcon size={ICON_SIZE} /> : <StringIcon size={ICON_SIZE} />}\n                <Name title={field.name}>{field.name}</Name>\n                <Count>{field.distinctCount > 100 ? '100+' : field.distinctCount}</Count>\n            </button>\n        </li>\n    );\n};\n\nconst FieldList: React.FC<FieldListProps> = ({ active, fields, onFieldClicked }: FieldListProps) => (\n    <Container data-test=\"field-list\">\n        {fields.map(field => (\n            <Field\n                key={field.name}\n                field={field}\n                onFieldClicked={onFieldClicked}\n                active={field.name === active}\n            />\n        ))}\n    </Container>\n);\n\nexport default FieldList;\n", "\nimport * as defaultImport from \"react\";\nexport * from \"react\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"styled-components\";\nexport * from \"styled-components\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-icons/enterprise/Number\";\nexport * from \"@splunk/react-icons/enterprise/Number\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-icons/enterprise/String\";\nexport * from \"@splunk/react-icons/enterprise/String\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/themes\";\nexport * from \"@splunk/themes\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA;AAAA;AAAA;AAAA;AACA,oBAA+B;AAC/B,0BAAc;AACd,IAAO,gBAAS,aAAa,gBAA8B,wBAAU;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAA,iBAA+B;AAC/B,sCAAc;AACd,IAAO,4BAAS,aAAaA,iBAA8B,yBAAUA;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAC,iBAA+B;AAC/B,2BAAc;AACd,IAAO,iBAAS,aAAaA,iBAA8B,yBAAUA;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAC,iBAA+B;AAC/B,2BAAc;AACd,IAAO,iBAAS,aAAaA,iBAA8B,yBAAUA;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAC,iBAA+B;AAC/B,2BAAc;AACd,IAAO,iBAAS,aAAaA,iBAA8B,yBAAUA;;;ALIrE,IAAM,YAAY;AAsBlB,IAAM,YAAY,0BAAO;AAAA;AAAA;AAAA;AAAA;AAAA,yBAKA,yBAAU,aAAa;AAAA,iBAC/B,yBAAU,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAU3B,yBAAU,mBAAmB;AAAA,qBACzB,yBAAU,QAAQ;AAAA,wBACf,yBAAU,aAAa,SAAS,yBAAU,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAO9D,yBAAU,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAYR,qBAAK;AAAA,EACrB,YAAY,yBAAU;AAAA,EACtB,QAAQ,yBAAU;AACtB,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,sBAKY,yBAAU,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQhD,IAAM,OAAO,0BAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQpB,IAAM,QAAQ,0BAAO;AAAA,oBACD,yBAAU,aAAa;AAAA,aAC9B,yBAAU,iBAAiB;AAAA;AAGjC,IAAM,YAAY,CAAC,UACtB,MAAM,gBAAgB,OAAO,MAAM,YAAY,IAAI,OAAO,MAAM,KAAK,IAAI;AAE7E,IAAM,QAA8B,CAAC,EAAE,QAAQ,OAAO,eAAe,MAAkB;AACnF,QAAM,eAAe,iBAAiB,CAAC,MAA4B,eAAe,GAAG,KAAK,IAAI;AAC9F,QAAM,UAAU,UAAU,KAAK;AAC/B,SACI,4CAAC,YACG,4CAAC,YAAO,MAAK,UAAS,SAAS,cAAc,UAAU,CAAC,gBAAgB,gBAAc,UACjF,UAAU,4CAAC,kBAAW,MAAM,WAAW,IAAK,4CAAC,kBAAW,MAAM,WAAW,GAC1E,4CAAC,QAAK,OAAO,MAAM,QAAO,MAAM,IAAK,GACrC,4CAAC,aAAO,MAAM,gBAAgB,MAAM,SAAS,MAAM,aAAc,CACrE,CACJ;AAER;AAEA,IAAM,YAAsC,CAAC,EAAE,QAAQ,QAAQ,eAAe,MAC1E,4CAAC,aAAU,aAAU,gBAChB,OAAO,IAAI,WACR;AAAA,EAAC;AAAA;AAAA,IACG,KAAK,MAAM;AAAA,IACX;AAAA,IACA;AAAA,IACA,QAAQ,MAAM,SAAS;AAAA;AAC3B,CACH,CACL;AAGJ,IAAO,oBAAQ;",
+  "names": ["defaultImport", "defaultImport", "defaultImport", "defaultImport"]
+}

package/components/FieldList/index.js

@@ -1,23 +1,167 @@
-"use strict";
+/* 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);
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
+// src/components/FieldList/index.ts
+var FieldList_exports = {};
+__export(FieldList_exports, {
+  default: () => FieldList_default,
+  isNumeric: () => isNumeric
 });
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _FieldList.default;
-  }
+module.exports = __toCommonJS(FieldList_exports);
+
+// esm-externals:react
+var react_exports = {};
+__export(react_exports, {
+  default: () => react_default
 });
-Object.defineProperty(exports, "isNumeric", {
-  enumerable: true,
-  get: function () {
-    return _FieldList.isNumeric;
-  }
+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;
 
-var _FieldList = _interopRequireWildcard(require("./FieldList"));
+// esm-externals:@splunk/react-icons/enterprise/Number
+var Number_exports = {};
+__export(Number_exports, {
+  default: () => Number_default
+});
+var defaultImport3 = __toESM(require("@splunk/react-icons/enterprise/Number"));
+__reExport(Number_exports, require("@splunk/react-icons/enterprise/Number"));
+var Number_default = "default" in defaultImport3 ? defaultImport3.default : defaultImport3;
+
+// esm-externals:@splunk/react-icons/enterprise/String
+var String_exports = {};
+__export(String_exports, {
+  default: () => String_default
+});
+var defaultImport4 = __toESM(require("@splunk/react-icons/enterprise/String"));
+__reExport(String_exports, require("@splunk/react-icons/enterprise/String"));
+var String_default = "default" in defaultImport4 ? defaultImport4.default : defaultImport4;
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+// esm-externals:@splunk/themes
+var themes_exports = {};
+__export(themes_exports, {
+  default: () => themes_default
+});
+var defaultImport5 = __toESM(require("@splunk/themes"));
+__reExport(themes_exports, require("@splunk/themes"));
+var themes_default = "default" in defaultImport5 ? defaultImport5.default : defaultImport5;
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+// src/components/FieldList/FieldList.tsx
+var ICON_SIZE = 0.6;
+var Container = styled_components_default.ol`
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    svg {
+        padding-right: ${themes_exports.variables.spacingXSmall};
+        color: ${themes_exports.variables.contentColorMuted};
+    }
+
+    button {
+        display: flex;
+        align-items: baseline;
+        border: none;
+        text-align: left;
+        width: 100%;
+        height: 100%;
+        color: ${themes_exports.variables.contentColorDefault};
+        font-size: ${themes_exports.variables.fontSize};
+        padding: calc(${themes_exports.variables.spacingXSmall} / 2) ${themes_exports.variables.spacingXSmall};
+        margin: 0;
+        background-color: inherit;
+    }
+
+    button:not([disabled]) {
+        cursor: pointer;
+        color: ${themes_exports.variables.linkColor};
+    }
+
+    li {
+        background-color: inherit;
+
+        padding: 0;
+        margin: 0;
+    }
+
+    button:not([disabled]):hover,
+    button[aria-pressed='true'] {
+        background-color: ${(0, themes_exports.pick)({
+  enterprise: themes_exports.variables.backgroundColorHover,
+  prisma: themes_exports.variables.interactiveColorOverlayHover
+})};
+    }
+
+    button:not([disabled]):focus {
+        outline: 0;
+        box-shadow: ${themes_exports.variables.focusShadowInset};
+
+        ::-moz-focus-inner {
+            border: 0;
+        }
+    }
+`;
+var Name = styled_components_default.span`
+    min-width: 0;
+    flex-shrink: 2;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+`;
+var Count = styled_components_default.span`
+    padding-left: ${themes_exports.variables.spacingXSmall};
+    color: ${themes_exports.variables.contentColorMuted};
+`;
+var isNumeric = (field) => field.numericCount && Number(field.numericCount) / Number(field.count) > 0.7;
+var Field = ({ active, field, onFieldClicked }) => {
+  const clickHandler = onFieldClicked ? (e) => onFieldClicked(e, field) : void 0;
+  const numeric = isNumeric(field);
+  return /* @__PURE__ */ react_default.createElement("li", null, /* @__PURE__ */ react_default.createElement("button", { type: "button", onClick: clickHandler, disabled: !onFieldClicked, "aria-pressed": active }, numeric ? /* @__PURE__ */ react_default.createElement(Number_default, { size: ICON_SIZE }) : /* @__PURE__ */ react_default.createElement(String_default, { size: ICON_SIZE }), /* @__PURE__ */ react_default.createElement(Name, { title: field.name }, field.name), /* @__PURE__ */ react_default.createElement(Count, null, field.distinctCount > 100 ? "100+" : field.distinctCount)));
+};
+var FieldList = ({ active, fields, onFieldClicked }) => /* @__PURE__ */ react_default.createElement(Container, { "data-test": "field-list" }, fields.map((field) => /* @__PURE__ */ react_default.createElement(
+  Field,
+  {
+    key: field.name,
+    field,
+    onFieldClicked,
+    active: field.name === active
+  }
+)));
+var FieldList_default = FieldList;
+//# sourceMappingURL=index.js.map

package/components/FieldList/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/FieldList/index.ts", "esm-externals:react", "esm-externals:styled-components", "esm-externals:@splunk/react-icons/enterprise/Number", "esm-externals:@splunk/react-icons/enterprise/String", "esm-externals:@splunk/themes", "../../src/components/FieldList/FieldList.tsx"],
+  "sourcesContent": ["export { default, isNumeric } from './FieldList';\n", "\nimport * as defaultImport from \"react\";\nexport * from \"react\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"styled-components\";\nexport * from \"styled-components\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-icons/enterprise/Number\";\nexport * from \"@splunk/react-icons/enterprise/Number\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-icons/enterprise/String\";\nexport * from \"@splunk/react-icons/enterprise/String\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/themes\";\nexport * from \"@splunk/themes\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { SyntheticEvent } from 'react';\nimport styled from 'styled-components';\n\nimport NumberIcon from '@splunk/react-icons/enterprise/Number';\nimport StringIcon from '@splunk/react-icons/enterprise/String';\nimport { pick, variables } from '@splunk/themes';\n\nconst ICON_SIZE = 0.6;\n\nexport interface FieldType {\n    name: string;\n    count: number;\n    distinctCount: number;\n    numericCount?: number;\n}\n\ntype FieldClicked = (e: SyntheticEvent, data: FieldType) => void;\n\ntype FieldListProps = {\n    /** The name of the currently selected field */\n    active?: string;\n    /** FieldType {name:string, type:string, count: number} */\n    fields: FieldType[];\n    /** Callback (event:SyntheticEvent, data:FieldType) => void */\n    onFieldClicked?: FieldClicked;\n};\n\ntype FieldProps = { active: boolean; field: FieldType; onFieldClicked?: FieldClicked };\n\nconst Container = styled.ol`\n    list-style-type: none;\n    margin: 0;\n    padding: 0;\n    svg {\n        padding-right: ${variables.spacingXSmall};\n        color: ${variables.contentColorMuted};\n    }\n\n    button {\n        display: flex;\n        align-items: baseline;\n        border: none;\n        text-align: left;\n        width: 100%;\n        height: 100%;\n        color: ${variables.contentColorDefault};\n        font-size: ${variables.fontSize};\n        padding: calc(${variables.spacingXSmall} / 2) ${variables.spacingXSmall};\n        margin: 0;\n        background-color: inherit;\n    }\n\n    button:not([disabled]) {\n        cursor: pointer;\n        color: ${variables.linkColor};\n    }\n\n    li {\n        background-color: inherit;\n\n        padding: 0;\n        margin: 0;\n    }\n\n    button:not([disabled]):hover,\n    button[aria-pressed='true'] {\n        background-color: ${pick({\n            enterprise: variables.backgroundColorHover,\n            prisma: variables.interactiveColorOverlayHover,\n        })};\n    }\n\n    button:not([disabled]):focus {\n        outline: 0;\n        box-shadow: ${variables.focusShadowInset};\n\n        ::-moz-focus-inner {\n            border: 0;\n        }\n    }\n`;\n\nconst Name = styled.span`\n    min-width: 0;\n    flex-shrink: 2;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n`;\n\nconst Count = styled.span`\n    padding-left: ${variables.spacingXSmall};\n    color: ${variables.contentColorMuted};\n`;\n\nexport const isNumeric = (field: FieldType): boolean =>\n    field.numericCount && Number(field.numericCount) / Number(field.count) > 0.7;\n\nconst Field: React.FC<FieldProps> = ({ active, field, onFieldClicked }: FieldProps) => {\n    const clickHandler = onFieldClicked ? (e: SyntheticEvent): void => onFieldClicked(e, field) : undefined;\n    const numeric = isNumeric(field);\n    return (\n        <li>\n            <button type=\"button\" onClick={clickHandler} disabled={!onFieldClicked} aria-pressed={active}>\n                {numeric ? <NumberIcon size={ICON_SIZE} /> : <StringIcon size={ICON_SIZE} />}\n                <Name title={field.name}>{field.name}</Name>\n                <Count>{field.distinctCount > 100 ? '100+' : field.distinctCount}</Count>\n            </button>\n        </li>\n    );\n};\n\nconst FieldList: React.FC<FieldListProps> = ({ active, fields, onFieldClicked }: FieldListProps) => (\n    <Container data-test=\"field-list\">\n        {fields.map(field => (\n            <Field\n                key={field.name}\n                field={field}\n                onFieldClicked={onFieldClicked}\n                active={field.name === active}\n            />\n        ))}\n    </Container>\n);\n\nexport default FieldList;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA;AAAA;AAAA;AAAA;AACA,oBAA+B;AAC/B,0BAAc;AACd,IAAO,gBAAS,aAAa,gBAA8B,wBAAU;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAA,iBAA+B;AAC/B,sCAAc;AACd,IAAO,4BAAS,aAAaA,iBAA8B,yBAAUA;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAC,iBAA+B;AAC/B,2BAAc;AACd,IAAO,iBAAS,aAAaA,iBAA8B,yBAAUA;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAC,iBAA+B;AAC/B,2BAAc;AACd,IAAO,iBAAS,aAAaA,iBAA8B,yBAAUA;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAC,iBAA+B;AAC/B,2BAAc;AACd,IAAO,iBAAS,aAAaA,iBAA8B,yBAAUA;;;ACIrE,IAAM,YAAY;AAsBlB,IAAM,YAAY,0BAAO;AAAA;AAAA;AAAA;AAAA;AAAA,yBAKA,yBAAU,aAAa;AAAA,iBAC/B,yBAAU,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAU3B,yBAAU,mBAAmB;AAAA,qBACzB,yBAAU,QAAQ;AAAA,wBACf,yBAAU,aAAa,SAAS,yBAAU,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAO9D,yBAAU,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAYR,qBAAK;AAAA,EACrB,YAAY,yBAAU;AAAA,EACtB,QAAQ,yBAAU;AACtB,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,sBAKY,yBAAU,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQhD,IAAM,OAAO,0BAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQpB,IAAM,QAAQ,0BAAO;AAAA,oBACD,yBAAU,aAAa;AAAA,aAC9B,yBAAU,iBAAiB;AAAA;AAGjC,IAAM,YAAY,CAAC,UACtB,MAAM,gBAAgB,OAAO,MAAM,YAAY,IAAI,OAAO,MAAM,KAAK,IAAI;AAE7E,IAAM,QAA8B,CAAC,EAAE,QAAQ,OAAO,eAAe,MAAkB;AACnF,QAAM,eAAe,iBAAiB,CAAC,MAA4B,eAAe,GAAG,KAAK,IAAI;AAC9F,QAAM,UAAU,UAAU,KAAK;AAC/B,SACI,4CAAC,YACG,4CAAC,YAAO,MAAK,UAAS,SAAS,cAAc,UAAU,CAAC,gBAAgB,gBAAc,UACjF,UAAU,4CAAC,kBAAW,MAAM,WAAW,IAAK,4CAAC,kBAAW,MAAM,WAAW,GAC1E,4CAAC,QAAK,OAAO,MAAM,QAAO,MAAM,IAAK,GACrC,4CAAC,aAAO,MAAM,gBAAgB,MAAM,SAAS,MAAM,aAAc,CACrE,CACJ;AAER;AAEA,IAAM,YAAsC,CAAC,EAAE,QAAQ,QAAQ,eAAe,MAC1E,4CAAC,aAAU,aAAU,gBAChB,OAAO,IAAI,WACR;AAAA,EAAC;AAAA;AAAA,IACG,KAAK,MAAM;AAAA,IACX;AAAA,IACA;AAAA,IACA,QAAQ,MAAM,SAAS;AAAA;AAC3B,CACH,CACL;AAGJ,IAAO,oBAAQ;",
+  "names": ["defaultImport", "defaultImport", "defaultImport", "defaultImport"]
+}

package/components/FieldSummary/Abbreviate.js

@@ -1,31 +1,63 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+/* 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);
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
+// src/components/FieldSummary/Abbreviate.tsx
+var Abbreviate_exports = {};
+__export(Abbreviate_exports, {
+  default: () => Abbreviate_default,
+  formatNumber: () => formatNumber
 });
-exports.default = exports.formatNumber = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _format = require("@splunk/ui-utils/format");
+module.exports = __toCommonJS(Abbreviate_exports);
 
-var _jsxFileName = "/Users/ccoats/Developer/ui-platform/projects/lib/search-components/react-field-summary/src/components/FieldSummary/Abbreviate.tsx";
-const formatNumber = new Intl.NumberFormat().format;
-exports.formatNumber = formatNumber;
+// 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;
 
-const Abbreviate = ({
-  value
-}) => /*#__PURE__*/_react.default.createElement("span", {
-  title: formatNumber(value),
-  __self: void 0,
-  __source: {
-    fileName: _jsxFileName,
-    lineNumber: 7,
-    columnNumber: 5
-  }
-}, (0, _format.abbreviateNumber)(value));
+// esm-externals:@splunk/ui-utils/format
+var format_exports = {};
+__export(format_exports, {
+  default: () => format_default
+});
+var defaultImport2 = __toESM(require("@splunk/ui-utils/format"));
+__reExport(format_exports, require("@splunk/ui-utils/format"));
+var format_default = "default" in defaultImport2 ? defaultImport2.default : defaultImport2;
 
-var _default = Abbreviate;
-exports.default = _default;
+// src/components/FieldSummary/Abbreviate.tsx
+var formatNumber = new Intl.NumberFormat().format;
+var Abbreviate = ({ value }) => /* @__PURE__ */ react_default.createElement("span", { title: formatNumber(value) }, (0, format_exports.abbreviateNumber)(value));
+var Abbreviate_default = Abbreviate;
+//# sourceMappingURL=Abbreviate.js.map

package/components/FieldSummary/Abbreviate.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/FieldSummary/Abbreviate.tsx", "esm-externals:react", "esm-externals:@splunk/ui-utils/format"],
+  "sourcesContent": ["import React, { ReactElement } from 'react';\nimport { abbreviateNumber } from '@splunk/ui-utils/format';\n\nexport const formatNumber = new Intl.NumberFormat().format;\n\nconst Abbreviate = ({ value }: { value: number }): ReactElement => (\n    <span title={formatNumber(value)}>{abbreviateNumber(value)}</span>\n);\n\nexport default Abbreviate;\n", "\nimport * as defaultImport from \"react\";\nexport * from \"react\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/ui-utils/format\";\nexport * from \"@splunk/ui-utils/format\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA;AAAA;AAAA;AAAA;AACA,oBAA+B;AAC/B,0BAAc;AACd,IAAO,gBAAS,aAAa,gBAA8B,wBAAU;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAA,iBAA+B;AAC/B,2BAAc;AACd,IAAO,iBAAS,aAAaA,iBAA8B,yBAAUA;;;AFA9D,IAAM,eAAe,IAAI,KAAK,aAAa,EAAE;AAEpD,IAAM,aAAa,CAAC,EAAE,MAAM,MACxB,4CAAC,UAAK,OAAO,aAAa,KAAK,SAAI,iCAAiB,KAAK,CAAE;AAG/D,IAAO,qBAAQ;",
+  "names": ["defaultImport"]
+}