@splunk/react-field-summary 0.11.0 → 27.2.2
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.
- package/components/FieldList/FieldList.js +155 -115
- package/components/FieldList/FieldList.js.map +7 -0
- package/components/FieldList/index.js +160 -16
- package/components/FieldList/index.js.map +7 -0
- package/components/FieldSummary/Abbreviate.js +58 -26
- package/components/FieldSummary/Abbreviate.js.map +7 -0
- package/components/FieldSummary/FieldActions.js +105 -70
- package/components/FieldSummary/FieldActions.js.map +7 -0
- package/components/FieldSummary/FieldStats.js +102 -96
- package/components/FieldSummary/FieldStats.js.map +7 -0
- package/components/FieldSummary/FieldSummary.js +554 -238
- package/components/FieldSummary/FieldSummary.js.map +7 -0
- package/components/FieldSummary/FieldSummaryTable.js +188 -217
- package/components/FieldSummary/FieldSummaryTable.js.map +7 -0
- package/components/FieldSummary/SelectionButtons.js +157 -74
- package/components/FieldSummary/SelectionButtons.js.map +7 -0
- package/components/FieldSummary/SplitButton.js +166 -113
- package/components/FieldSummary/SplitButton.js.map +7 -0
- package/components/FieldSummary/index.js +589 -37
- package/components/FieldSummary/index.js.map +7 -0
- package/components/FieldSummaryList/FieldSummaryList.js +698 -148
- package/components/FieldSummaryList/FieldSummaryList.js.map +7 -0
- package/components/FieldSummaryList/index.js +729 -9
- package/components/FieldSummaryList/index.js.map +7 -0
- package/index.js +735 -0
- package/index.js.map +7 -0
- package/package.json +65 -20
- package/{components → types/components}/FieldList/FieldList.d.ts +2 -2
- package/{components → types/components}/FieldSummary/FieldActions.d.ts +1 -1
- package/{components → types/components}/FieldSummary/FieldSummary.d.ts +1 -1
- package/{components → types/components}/FieldSummary/FieldSummaryTable.d.ts +8 -6
- package/{components → types/components}/FieldSummary/SelectionButtons.d.ts +1 -1
- package/{components → types/components}/FieldSummary/SplitButton.d.ts +1 -1
- package/types/index.d.ts +1 -0
- package/components/FieldSummaryList/tests/FieldSummaryList.stories.d.ts +0 -6
- package/components/FieldSummaryList/tests/FieldSummaryList.unit.d.ts +0 -1
- /package/{components → types/components}/FieldList/index.d.ts +0 -0
- /package/{components → types/components}/FieldSummary/Abbreviate.d.ts +0 -0
- /package/{components → types/components}/FieldSummary/FieldStats.d.ts +0 -0
- /package/{components → types/components}/FieldSummary/index.d.ts +0 -0
- /package/{components → types/components}/FieldSummaryList/FieldSummaryList.d.ts +0 -0
- /package/{components → types/components}/FieldSummaryList/index.d.ts +0 -0
|
@@ -1,81 +1,116 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
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
|
-
|
|
6
|
-
|
|
33
|
+
// src/components/FieldSummary/FieldActions.tsx
|
|
34
|
+
var FieldActions_exports = {};
|
|
35
|
+
__export(FieldActions_exports, {
|
|
36
|
+
default: () => FieldActions_default
|
|
7
37
|
});
|
|
8
|
-
exports
|
|
38
|
+
module.exports = __toCommonJS(FieldActions_exports);
|
|
9
39
|
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
23
|
-
|
|
85
|
+
// src/components/FieldSummary/FieldActions.tsx
|
|
86
|
+
var StyledActions = styled_components_default.div`
|
|
87
|
+
padding-left: ${themes_exports.variables.spacingMedium};
|
|
24
88
|
|
|
25
|
-
|
|
89
|
+
h3 {
|
|
90
|
+
font-size: ${themes_exports.variables.fontSize};
|
|
91
|
+
margin: 0;
|
|
92
|
+
padding: 1px;
|
|
93
|
+
margin-top: 2px;
|
|
94
|
+
}
|
|
26
95
|
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
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
|
-
|
|
81
|
-
|
|
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
|
-
|
|
2
|
-
|
|
3
|
-
|
|
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
|
-
|
|
6
|
-
|
|
33
|
+
// src/components/FieldSummary/FieldStats.tsx
|
|
34
|
+
var FieldStats_exports = {};
|
|
35
|
+
__export(FieldStats_exports, {
|
|
36
|
+
default: () => FieldStats_default
|
|
7
37
|
});
|
|
8
|
-
exports
|
|
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
|
-
|
|
17
|
-
|
|
18
|
-
|
|
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
|
-
|
|
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
|
-
|
|
23
|
-
|
|
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
|
-
|
|
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
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
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
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
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
|
-
|
|
105
|
-
|
|
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
|
+
}
|