@splunk/react-field-summary 0.11.0 → 27.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/components/FieldList/FieldList.js +155 -115
  2. package/components/FieldList/FieldList.js.map +7 -0
  3. package/components/FieldList/index.js +160 -16
  4. package/components/FieldList/index.js.map +7 -0
  5. package/components/FieldSummary/Abbreviate.js +58 -26
  6. package/components/FieldSummary/Abbreviate.js.map +7 -0
  7. package/components/FieldSummary/FieldActions.js +105 -70
  8. package/components/FieldSummary/FieldActions.js.map +7 -0
  9. package/components/FieldSummary/FieldStats.js +102 -96
  10. package/components/FieldSummary/FieldStats.js.map +7 -0
  11. package/components/FieldSummary/FieldSummary.js +554 -238
  12. package/components/FieldSummary/FieldSummary.js.map +7 -0
  13. package/components/FieldSummary/FieldSummaryTable.js +188 -217
  14. package/components/FieldSummary/FieldSummaryTable.js.map +7 -0
  15. package/components/FieldSummary/SelectionButtons.js +157 -74
  16. package/components/FieldSummary/SelectionButtons.js.map +7 -0
  17. package/components/FieldSummary/SplitButton.js +166 -113
  18. package/components/FieldSummary/SplitButton.js.map +7 -0
  19. package/components/FieldSummary/index.js +589 -37
  20. package/components/FieldSummary/index.js.map +7 -0
  21. package/components/FieldSummaryList/FieldSummaryList.js +698 -148
  22. package/components/FieldSummaryList/FieldSummaryList.js.map +7 -0
  23. package/components/FieldSummaryList/index.js +729 -9
  24. package/components/FieldSummaryList/index.js.map +7 -0
  25. package/index.js +735 -0
  26. package/index.js.map +7 -0
  27. package/package.json +65 -20
  28. package/{components → types/components}/FieldList/FieldList.d.ts +2 -2
  29. package/{components → types/components}/FieldSummary/FieldActions.d.ts +1 -1
  30. package/{components → types/components}/FieldSummary/FieldSummary.d.ts +1 -1
  31. package/{components → types/components}/FieldSummary/FieldSummaryTable.d.ts +8 -6
  32. package/{components → types/components}/FieldSummary/SelectionButtons.d.ts +1 -1
  33. package/{components → types/components}/FieldSummary/SplitButton.d.ts +1 -1
  34. package/types/index.d.ts +1 -0
  35. package/components/FieldSummaryList/tests/FieldSummaryList.stories.d.ts +0 -6
  36. package/components/FieldSummaryList/tests/FieldSummaryList.unit.d.ts +0 -1
  37. /package/{components → types/components}/FieldList/index.d.ts +0 -0
  38. /package/{components → types/components}/FieldSummary/Abbreviate.d.ts +0 -0
  39. /package/{components → types/components}/FieldSummary/FieldStats.d.ts +0 -0
  40. /package/{components → types/components}/FieldSummary/index.d.ts +0 -0
  41. /package/{components → types/components}/FieldSummaryList/FieldSummaryList.d.ts +0 -0
  42. /package/{components → types/components}/FieldSummaryList/index.d.ts +0 -0
@@ -1,81 +1,116 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
1
+ /* Copyright © 2020 Splunk Inc.
2
+ SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
3
+ in part without a valid written license from Splunk Inc. is PROHIBITED. */
4
+ var __create = Object.create;
5
+ var __defProp = Object.defineProperty;
6
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
7
+ var __getOwnPropNames = Object.getOwnPropertyNames;
8
+ var __getProtoOf = Object.getPrototypeOf;
9
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
10
+ var __export = (target, all) => {
11
+ for (var name in all)
12
+ __defProp(target, name, { get: all[name], enumerable: true });
13
+ };
14
+ var __copyProps = (to, from, except, desc) => {
15
+ if (from && typeof from === "object" || typeof from === "function") {
16
+ for (let key of __getOwnPropNames(from))
17
+ if (!__hasOwnProp.call(to, key) && key !== except)
18
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
19
+ }
20
+ return to;
21
+ };
22
+ var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
23
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
24
+ // If the importer is in node compatibility mode or this is not an ESM
25
+ // file that has been converted to a CommonJS file using a Babel-
26
+ // compatible transform (i.e. "__esModule" has not been set), then set
27
+ // "default" to the CommonJS "module.exports" for node compatibility.
28
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
29
+ mod
30
+ ));
31
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
4
32
 
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
33
+ // src/components/FieldSummary/FieldActions.tsx
34
+ var FieldActions_exports = {};
35
+ __export(FieldActions_exports, {
36
+ default: () => FieldActions_default
7
37
  });
8
- exports.default = void 0;
38
+ module.exports = __toCommonJS(FieldActions_exports);
9
39
 
10
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
11
-
12
- var _react = _interopRequireDefault(require("react"));
40
+ // esm-externals:react
41
+ var react_exports = {};
42
+ __export(react_exports, {
43
+ default: () => react_default
44
+ });
45
+ var defaultImport = __toESM(require("react"));
46
+ __reExport(react_exports, require("react"));
47
+ var react_default = "default" in defaultImport ? defaultImport.default : defaultImport;
13
48
 
14
- var _styledComponents = _interopRequireDefault(require("styled-components"));
49
+ // esm-externals:styled-components
50
+ var styled_components_exports = {};
51
+ __export(styled_components_exports, {
52
+ default: () => styled_components_default
53
+ });
54
+ var defaultImport2 = __toESM(require("styled-components"));
55
+ __reExport(styled_components_exports, require("styled-components"));
56
+ var styled_components_default = "default" in defaultImport2 ? defaultImport2.default : defaultImport2;
15
57
 
16
- var _Link = _interopRequireDefault(require("@splunk/react-ui/Link"));
58
+ // esm-externals:@splunk/react-ui/Link
59
+ var Link_exports = {};
60
+ __export(Link_exports, {
61
+ default: () => Link_default
62
+ });
63
+ var defaultImport3 = __toESM(require("@splunk/react-ui/Link"));
64
+ __reExport(Link_exports, require("@splunk/react-ui/Link"));
65
+ var Link_default = "default" in defaultImport3 ? defaultImport3.default : defaultImport3;
17
66
 
18
- var _themes = require("@splunk/themes");
67
+ // esm-externals:@splunk/themes
68
+ var themes_exports = {};
69
+ __export(themes_exports, {
70
+ default: () => themes_default
71
+ });
72
+ var defaultImport4 = __toESM(require("@splunk/themes"));
73
+ __reExport(themes_exports, require("@splunk/themes"));
74
+ var themes_default = "default" in defaultImport4 ? defaultImport4.default : defaultImport4;
19
75
 
20
- var _i18n = require("@splunk/ui-utils/i18n");
76
+ // esm-externals:@splunk/ui-utils/i18n
77
+ var i18n_exports = {};
78
+ __export(i18n_exports, {
79
+ default: () => i18n_default
80
+ });
81
+ var defaultImport5 = __toESM(require("@splunk/ui-utils/i18n"));
82
+ __reExport(i18n_exports, require("@splunk/ui-utils/i18n"));
83
+ var i18n_default = "default" in defaultImport5 ? defaultImport5.default : defaultImport5;
21
84
 
22
- var _jsxFileName = "/Users/ccoats/Developer/ui-platform/projects/lib/search-components/react-field-summary/src/components/FieldSummary/FieldActions.tsx",
23
- _templateObject;
85
+ // src/components/FieldSummary/FieldActions.tsx
86
+ var StyledActions = styled_components_default.div`
87
+ padding-left: ${themes_exports.variables.spacingMedium};
24
88
 
25
- const StyledActions = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n padding-left: ", ";\n\n h3 {\n font-size: ", ";\n margin: 0;\n padding: 1px;\n margin-top: 2px;\n }\n\n ul {\n list-style-type: none;\n padding: 0;\n margin: 0;\n\n button {\n line-height: calc(", " * 0.8);\n margin-bottom: ", ";\n }\n }\n"])), _themes.variables.spacingMedium, _themes.variables.fontSize, _themes.variables.lineHeight, _themes.variables.spacingXSmall);
89
+ h3 {
90
+ font-size: ${themes_exports.variables.fontSize};
91
+ margin: 0;
92
+ padding: 1px;
93
+ margin-top: 2px;
94
+ }
26
95
 
27
- const Actions = ({
28
- field,
29
- actions,
30
- selected,
31
- onActionClicked
32
- }) => actions && actions.length > 0 ? /*#__PURE__*/_react.default.createElement(StyledActions, {
33
- __self: void 0,
34
- __source: {
35
- fileName: _jsxFileName,
36
- lineNumber: 50,
37
- columnNumber: 9
38
- }
39
- }, /*#__PURE__*/_react.default.createElement("h3", {
40
- __self: void 0,
41
- __source: {
42
- fileName: _jsxFileName,
43
- lineNumber: 51,
44
- columnNumber: 13
45
- }
46
- }, (0, _i18n._)('Actions')), /*#__PURE__*/_react.default.createElement("ul", {
47
- __self: void 0,
48
- __source: {
49
- fileName: _jsxFileName,
50
- lineNumber: 52,
51
- columnNumber: 13
52
- }
53
- }, actions.map(({
54
- name,
55
- label,
56
- requiresSelection
57
- }) => /*#__PURE__*/_react.default.createElement("li", {
58
- key: name,
59
- __self: void 0,
60
- __source: {
61
- fileName: _jsxFileName,
62
- lineNumber: 54,
63
- columnNumber: 21
64
- }
65
- }, /*#__PURE__*/_react.default.createElement(_Link.default, {
66
- disabled: !onActionClicked || requiresSelection && selected.length === 0,
67
- onClick: e => onActionClicked(e, {
68
- action: name,
69
- field,
70
- selected
71
- }),
72
- __self: void 0,
73
- __source: {
74
- fileName: _jsxFileName,
75
- lineNumber: 55,
76
- columnNumber: 25
77
- }
78
- }, label))))) : null;
96
+ ul {
97
+ list-style-type: none;
98
+ padding: 0;
99
+ margin: 0;
79
100
 
80
- var _default = Actions;
81
- exports.default = _default;
101
+ button {
102
+ line-height: calc(${themes_exports.variables.lineHeight} * 0.8);
103
+ margin-bottom: ${themes_exports.variables.spacingXSmall};
104
+ }
105
+ }
106
+ `;
107
+ var Actions = ({ field, actions, selected, onActionClicked }) => actions && actions.length > 0 ? /* @__PURE__ */ react_default.createElement(StyledActions, null, /* @__PURE__ */ react_default.createElement("h3", null, (0, i18n_exports._)("Actions")), /* @__PURE__ */ react_default.createElement("ul", null, actions.map(({ name, label, requiresSelection }) => /* @__PURE__ */ react_default.createElement("li", { key: name }, /* @__PURE__ */ react_default.createElement(
108
+ Link_default,
109
+ {
110
+ disabled: !onActionClicked || requiresSelection && selected.length === 0,
111
+ onClick: (e) => onActionClicked(e, { action: name, field, selected })
112
+ },
113
+ label
114
+ ))))) : null;
115
+ var FieldActions_default = Actions;
116
+ //# sourceMappingURL=FieldActions.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/components/FieldSummary/FieldActions.tsx", "esm-externals:react", "esm-externals:styled-components", "esm-externals:@splunk/react-ui/Link", "esm-externals:@splunk/themes", "esm-externals:@splunk/ui-utils/i18n"],
4
+ "sourcesContent": ["import React, { SyntheticEvent } from 'react';\nimport styled from 'styled-components';\n\nimport Link from '@splunk/react-ui/Link';\nimport { variables } from '@splunk/themes';\nimport { _ } from '@splunk/ui-utils/i18n';\n\nexport interface Action {\n name: string;\n label: string;\n requiresSelection?: boolean;\n}\n\nexport type ActionClicked = (\n e: SyntheticEvent,\n data: { action: string; field: string; selected: string[] }\n) => void;\n\nexport interface ActionsProps {\n field: string;\n actions?: Action[];\n selected: string[];\n onActionClicked?: ActionClicked;\n}\n\nconst StyledActions = styled.div`\n padding-left: ${variables.spacingMedium};\n\n h3 {\n font-size: ${variables.fontSize};\n margin: 0;\n padding: 1px;\n margin-top: 2px;\n }\n\n ul {\n list-style-type: none;\n padding: 0;\n margin: 0;\n\n button {\n line-height: calc(${variables.lineHeight} * 0.8);\n margin-bottom: ${variables.spacingXSmall};\n }\n }\n`;\n\nconst Actions: React.FC<ActionsProps> = ({ field, actions, selected, onActionClicked }: ActionsProps) =>\n actions && actions.length > 0 ? (\n <StyledActions>\n <h3>{_('Actions')}</h3>\n <ul>\n {actions.map(({ name, label, requiresSelection }) => (\n <li key={name}>\n <Link\n disabled={!onActionClicked || (requiresSelection && selected.length === 0)}\n onClick={(e: SyntheticEvent): void =>\n onActionClicked(e, { action: name, field, selected })\n }\n >\n {label}\n </Link>\n </li>\n ))}\n </ul>\n </StyledActions>\n ) : null;\n\nexport default Actions;\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-ui/Link\";\nexport * from \"@splunk/react-ui/Link\";\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", "\nimport * as defaultImport from \"@splunk/ui-utils/i18n\";\nexport * from \"@splunk/ui-utils/i18n\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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,yBAAc;AACd,IAAO,eAAS,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,yBAAc;AACd,IAAO,eAAS,aAAaA,iBAA8B,yBAAUA;;;ALsBrE,IAAM,gBAAgB,0BAAO;AAAA,oBACT,yBAAU,aAAa;AAAA;AAAA;AAAA,qBAGtB,yBAAU,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAYP,yBAAU,UAAU;AAAA,6BACvB,yBAAU,aAAa;AAAA;AAAA;AAAA;AAKpD,IAAM,UAAkC,CAAC,EAAE,OAAO,SAAS,UAAU,gBAAgB,MACjF,WAAW,QAAQ,SAAS,IACxB,4CAAC,qBACG,4CAAC,gBAAI,gBAAE,SAAS,CAAE,GAClB,4CAAC,YACI,QAAQ,IAAI,CAAC,EAAE,MAAM,OAAO,kBAAkB,MAC3C,4CAAC,QAAG,KAAK,QACL;AAAA,EAAC;AAAA;AAAA,IACG,UAAU,CAAC,mBAAoB,qBAAqB,SAAS,WAAW;AAAA,IACxE,SAAS,CAAC,MACN,gBAAgB,GAAG,EAAE,QAAQ,MAAM,OAAO,SAAS,CAAC;AAAA;AAAA,EAGvD;AACL,CACJ,CACH,CACL,CACJ,IACA;AAER,IAAO,uBAAQ;",
6
+ "names": ["defaultImport", "defaultImport", "defaultImport", "defaultImport"]
7
+ }
@@ -1,105 +1,111 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
1
+ /* Copyright © 2020 Splunk Inc.
2
+ SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
3
+ in part without a valid written license from Splunk Inc. is PROHIBITED. */
4
+ var __create = Object.create;
5
+ var __defProp = Object.defineProperty;
6
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
7
+ var __getOwnPropNames = Object.getOwnPropertyNames;
8
+ var __getProtoOf = Object.getPrototypeOf;
9
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
10
+ var __export = (target, all) => {
11
+ for (var name in all)
12
+ __defProp(target, name, { get: all[name], enumerable: true });
13
+ };
14
+ var __copyProps = (to, from, except, desc) => {
15
+ if (from && typeof from === "object" || typeof from === "function") {
16
+ for (let key of __getOwnPropNames(from))
17
+ if (!__hasOwnProp.call(to, key) && key !== except)
18
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
19
+ }
20
+ return to;
21
+ };
22
+ var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
23
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
24
+ // If the importer is in node compatibility mode or this is not an ESM
25
+ // file that has been converted to a CommonJS file using a Babel-
26
+ // compatible transform (i.e. "__esModule" has not been set), then set
27
+ // "default" to the CommonJS "module.exports" for node compatibility.
28
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
29
+ mod
30
+ ));
31
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
4
32
 
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
33
+ // src/components/FieldSummary/FieldStats.tsx
34
+ var FieldStats_exports = {};
35
+ __export(FieldStats_exports, {
36
+ default: () => FieldStats_default
7
37
  });
8
- exports.default = void 0;
9
-
10
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
11
-
12
- var _react = _interopRequireDefault(require("react"));
13
-
14
- var _styledComponents = _interopRequireDefault(require("styled-components"));
38
+ module.exports = __toCommonJS(FieldStats_exports);
15
39
 
16
- var _themes = require("@splunk/themes");
17
-
18
- var _i18n = require("@splunk/ui-utils/i18n");
40
+ // esm-externals:react
41
+ var react_exports = {};
42
+ __export(react_exports, {
43
+ default: () => react_default
44
+ });
45
+ var defaultImport = __toESM(require("react"));
46
+ __reExport(react_exports, require("react"));
47
+ var react_default = "default" in defaultImport ? defaultImport.default : defaultImport;
19
48
 
20
- var _Abbreviate = _interopRequireDefault(require("./Abbreviate"));
49
+ // esm-externals:styled-components
50
+ var styled_components_exports = {};
51
+ __export(styled_components_exports, {
52
+ default: () => styled_components_default
53
+ });
54
+ var defaultImport2 = __toESM(require("styled-components"));
55
+ __reExport(styled_components_exports, require("styled-components"));
56
+ var styled_components_default = "default" in defaultImport2 ? defaultImport2.default : defaultImport2;
21
57
 
22
- var _jsxFileName = "/Users/ccoats/Developer/ui-platform/projects/lib/search-components/react-field-summary/src/components/FieldSummary/FieldStats.tsx",
23
- _templateObject;
58
+ // esm-externals:@splunk/themes
59
+ var themes_exports = {};
60
+ __export(themes_exports, {
61
+ default: () => themes_default
62
+ });
63
+ var defaultImport3 = __toESM(require("@splunk/themes"));
64
+ __reExport(themes_exports, require("@splunk/themes"));
65
+ var themes_default = "default" in defaultImport3 ? defaultImport3.default : defaultImport3;
24
66
 
25
- const DL = _styledComponents.default.dl(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n color: ", ";\n margin-top: ", ";\n margin-bottom: ", ";\n dt {\n display: inline-block;\n font-weight: bold;\n }\n dt::after {\n content: ':';\n }\n dd {\n display: inline-block;\n margin-left: ", ";\n margin-right: ", ";\n }\n"])), _themes.variables.contentColorDefault, _themes.variables.spacingSmall, _themes.variables.spacingSmall, _themes.variables.spacingXSmall, _themes.variables.spacingSmall);
67
+ // esm-externals:@splunk/ui-utils/i18n
68
+ var i18n_exports = {};
69
+ __export(i18n_exports, {
70
+ default: () => i18n_default
71
+ });
72
+ var defaultImport4 = __toESM(require("@splunk/ui-utils/i18n"));
73
+ __reExport(i18n_exports, require("@splunk/ui-utils/i18n"));
74
+ var i18n_default = "default" in defaultImport4 ? defaultImport4.default : defaultImport4;
26
75
 
27
- const Stat = ({
28
- label,
29
- value
30
- }) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("dt", {
31
- __self: void 0,
32
- __source: {
33
- fileName: _jsxFileName,
34
- lineNumber: 36,
35
- columnNumber: 9
36
- }
37
- }, label), /*#__PURE__*/_react.default.createElement("dd", {
38
- __self: void 0,
39
- __source: {
40
- fileName: _jsxFileName,
41
- lineNumber: 37,
42
- columnNumber: 9
43
- }
44
- }, /*#__PURE__*/_react.default.createElement(_Abbreviate.default, {
45
- value: value,
46
- __self: void 0,
47
- __source: {
48
- fileName: _jsxFileName,
49
- lineNumber: 38,
50
- columnNumber: 13
51
- }
52
- })));
76
+ // esm-externals:@splunk/ui-utils/format
77
+ var format_exports = {};
78
+ __export(format_exports, {
79
+ default: () => format_default
80
+ });
81
+ var defaultImport5 = __toESM(require("@splunk/ui-utils/format"));
82
+ __reExport(format_exports, require("@splunk/ui-utils/format"));
83
+ var format_default = "default" in defaultImport5 ? defaultImport5.default : defaultImport5;
53
84
 
54
- const FieldStats = ({
55
- mean,
56
- min,
57
- max,
58
- stdev
59
- }) => typeof mean !== 'number' ? null : /*#__PURE__*/_react.default.createElement(DL, {
60
- __self: void 0,
61
- __source: {
62
- fileName: _jsxFileName,
63
- lineNumber: 45,
64
- columnNumber: 9
65
- }
66
- }, /*#__PURE__*/_react.default.createElement(Stat, {
67
- label: (0, _i18n._)('Min'),
68
- value: min,
69
- __self: void 0,
70
- __source: {
71
- fileName: _jsxFileName,
72
- lineNumber: 46,
73
- columnNumber: 13
74
- }
75
- }), /*#__PURE__*/_react.default.createElement(Stat, {
76
- label: (0, _i18n._)('Max'),
77
- value: max,
78
- __self: void 0,
79
- __source: {
80
- fileName: _jsxFileName,
81
- lineNumber: 47,
82
- columnNumber: 13
83
- }
84
- }), /*#__PURE__*/_react.default.createElement(Stat, {
85
- label: (0, _i18n._)('Avg'),
86
- value: mean,
87
- __self: void 0,
88
- __source: {
89
- fileName: _jsxFileName,
90
- lineNumber: 48,
91
- columnNumber: 13
92
- }
93
- }), /*#__PURE__*/_react.default.createElement(Stat, {
94
- label: (0, _i18n._)('Std Dev'),
95
- value: stdev,
96
- __self: void 0,
97
- __source: {
98
- fileName: _jsxFileName,
99
- lineNumber: 49,
100
- columnNumber: 13
101
- }
102
- }));
85
+ // src/components/FieldSummary/Abbreviate.tsx
86
+ var formatNumber = new Intl.NumberFormat().format;
87
+ var Abbreviate = ({ value }) => /* @__PURE__ */ react_default.createElement("span", { title: formatNumber(value) }, (0, format_exports.abbreviateNumber)(value));
88
+ var Abbreviate_default = Abbreviate;
103
89
 
104
- var _default = FieldStats;
105
- exports.default = _default;
90
+ // src/components/FieldSummary/FieldStats.tsx
91
+ var DL = styled_components_default.dl`
92
+ color: ${themes_exports.variables.contentColorDefault};
93
+ margin-top: ${themes_exports.variables.spacingSmall};
94
+ margin-bottom: ${themes_exports.variables.spacingSmall};
95
+ dt {
96
+ display: inline-block;
97
+ font-weight: bold;
98
+ }
99
+ dt::after {
100
+ content: ':';
101
+ }
102
+ dd {
103
+ display: inline-block;
104
+ margin-left: ${themes_exports.variables.spacingXSmall};
105
+ margin-right: ${themes_exports.variables.spacingSmall};
106
+ }
107
+ `;
108
+ var Stat = ({ label, value }) => /* @__PURE__ */ react_default.createElement(react_default.Fragment, null, /* @__PURE__ */ react_default.createElement("dt", null, label), /* @__PURE__ */ react_default.createElement("dd", null, /* @__PURE__ */ react_default.createElement(Abbreviate_default, { value })));
109
+ var FieldStats = ({ mean, min, max, stdev }) => typeof mean !== "number" ? null : /* @__PURE__ */ react_default.createElement(DL, null, /* @__PURE__ */ react_default.createElement(Stat, { label: (0, i18n_exports._)("Min"), value: min }), /* @__PURE__ */ react_default.createElement(Stat, { label: (0, i18n_exports._)("Max"), value: max }), /* @__PURE__ */ react_default.createElement(Stat, { label: (0, i18n_exports._)("Avg"), value: mean }), /* @__PURE__ */ react_default.createElement(Stat, { label: (0, i18n_exports._)("Std Dev"), value: stdev }));
110
+ var FieldStats_default = FieldStats;
111
+ //# sourceMappingURL=FieldStats.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/components/FieldSummary/FieldStats.tsx", "esm-externals:react", "esm-externals:styled-components", "esm-externals:@splunk/themes", "esm-externals:@splunk/ui-utils/i18n", "esm-externals:@splunk/ui-utils/format", "../../src/components/FieldSummary/Abbreviate.tsx"],
4
+ "sourcesContent": ["import React, { ReactElement } from 'react';\nimport styled from 'styled-components';\n\nimport { variables } from '@splunk/themes';\nimport { _ } from '@splunk/ui-utils/i18n';\n\nimport Abbreviate from './Abbreviate';\n\nconst DL = styled.dl`\n color: ${variables.contentColorDefault};\n margin-top: ${variables.spacingSmall};\n margin-bottom: ${variables.spacingSmall};\n dt {\n display: inline-block;\n font-weight: bold;\n }\n dt::after {\n content: ':';\n }\n dd {\n display: inline-block;\n margin-left: ${variables.spacingXSmall};\n margin-right: ${variables.spacingSmall};\n }\n`;\n\nexport interface FieldStatsProps {\n mean?: number;\n min?: number;\n max?: number;\n stdev?: number;\n}\n\nconst Stat = ({ label, value }: { label: string; value: number }): ReactElement => (\n <>\n <dt>{label}</dt>\n <dd>\n <Abbreviate value={value} />\n </dd>\n </>\n);\n\nconst FieldStats: React.FC<FieldStatsProps> = ({ mean, min, max, stdev }: FieldStatsProps) =>\n typeof mean !== 'number' ? null : (\n <DL>\n <Stat label={_('Min')} value={min} />\n <Stat label={_('Max')} value={max} />\n <Stat label={_('Avg')} value={mean} />\n <Stat label={_('Std Dev')} value={stdev} />\n </DL>\n );\n\nexport default FieldStats;\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/themes\";\nexport * from \"@splunk/themes\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/ui-utils/i18n\";\nexport * from \"@splunk/ui-utils/i18n\";\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", "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"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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,yBAAc;AACd,IAAO,eAAS,aAAaA,iBAA8B,yBAAUA;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAC,iBAA+B;AAC/B,2BAAc;AACd,IAAO,iBAAS,aAAaA,iBAA8B,yBAAUA;;;ACA9D,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;;;ANDf,IAAM,KAAK,0BAAO;AAAA,aACL,yBAAU,mBAAmB;AAAA,kBACxB,yBAAU,YAAY;AAAA,qBACnB,yBAAU,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAUpB,yBAAU,aAAa;AAAA,wBACtB,yBAAU,YAAY;AAAA;AAAA;AAW9C,IAAM,OAAO,CAAC,EAAE,OAAO,MAAM,MACzB,0EACI,4CAAC,YAAI,KAAM,GACX,4CAAC,YACG,4CAAC,sBAAW,OAAc,CAC9B,CACJ;AAGJ,IAAM,aAAwC,CAAC,EAAE,MAAM,KAAK,KAAK,MAAM,MACnE,OAAO,SAAS,WAAW,OACvB,4CAAC,UACG,4CAAC,QAAK,WAAO,gBAAE,KAAK,GAAG,OAAO,KAAK,GACnC,4CAAC,QAAK,WAAO,gBAAE,KAAK,GAAG,OAAO,KAAK,GACnC,4CAAC,QAAK,WAAO,gBAAE,KAAK,GAAG,OAAO,MAAM,GACpC,4CAAC,QAAK,WAAO,gBAAE,SAAS,GAAG,OAAO,OAAO,CAC7C;AAGR,IAAO,qBAAQ;",
6
+ "names": ["defaultImport", "defaultImport", "defaultImport", "defaultImport"]
7
+ }