@splunk/react-field-summary 0.10.1 → 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.
- 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 +66 -19
- 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,83 +1,166 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
Object.defineProperty
|
|
6
|
-
|
|
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 __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
9
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
10
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
11
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
12
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
13
|
+
var __spreadValues = (a, b) => {
|
|
14
|
+
for (var prop in b || (b = {}))
|
|
15
|
+
if (__hasOwnProp.call(b, prop))
|
|
16
|
+
__defNormalProp(a, prop, b[prop]);
|
|
17
|
+
if (__getOwnPropSymbols)
|
|
18
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
19
|
+
if (__propIsEnum.call(b, prop))
|
|
20
|
+
__defNormalProp(a, prop, b[prop]);
|
|
21
|
+
}
|
|
22
|
+
return a;
|
|
23
|
+
};
|
|
24
|
+
var __objRest = (source, exclude) => {
|
|
25
|
+
var target = {};
|
|
26
|
+
for (var prop in source)
|
|
27
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
28
|
+
target[prop] = source[prop];
|
|
29
|
+
if (source != null && __getOwnPropSymbols)
|
|
30
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
31
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
32
|
+
target[prop] = source[prop];
|
|
33
|
+
}
|
|
34
|
+
return target;
|
|
35
|
+
};
|
|
36
|
+
var __export = (target, all) => {
|
|
37
|
+
for (var name in all)
|
|
38
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
39
|
+
};
|
|
40
|
+
var __copyProps = (to, from, except, desc) => {
|
|
41
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
42
|
+
for (let key of __getOwnPropNames(from))
|
|
43
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
44
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
45
|
+
}
|
|
46
|
+
return to;
|
|
47
|
+
};
|
|
48
|
+
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
49
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
50
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
51
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
52
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
53
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
54
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
55
|
+
mod
|
|
56
|
+
));
|
|
57
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
58
|
+
|
|
59
|
+
// src/components/FieldSummary/SelectionButtons.tsx
|
|
60
|
+
var SelectionButtons_exports = {};
|
|
61
|
+
__export(SelectionButtons_exports, {
|
|
62
|
+
default: () => SelectionButtons_default
|
|
7
63
|
});
|
|
8
|
-
exports
|
|
9
|
-
|
|
10
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
-
|
|
12
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
13
|
-
|
|
14
|
-
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
15
|
-
|
|
16
|
-
var _react = _interopRequireDefault(require("react"));
|
|
17
|
-
|
|
18
|
-
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
19
|
-
|
|
20
|
-
var _Button = _interopRequireDefault(require("@splunk/react-ui/Button"));
|
|
21
|
-
|
|
22
|
-
var _themes = require("@splunk/themes");
|
|
64
|
+
module.exports = __toCommonJS(SelectionButtons_exports);
|
|
23
65
|
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
66
|
+
// esm-externals:react
|
|
67
|
+
var react_exports = {};
|
|
68
|
+
__export(react_exports, {
|
|
69
|
+
default: () => react_default
|
|
70
|
+
});
|
|
71
|
+
var defaultImport = __toESM(require("react"));
|
|
72
|
+
__reExport(react_exports, require("react"));
|
|
73
|
+
var react_default = "default" in defaultImport ? defaultImport.default : defaultImport;
|
|
74
|
+
|
|
75
|
+
// esm-externals:styled-components
|
|
76
|
+
var styled_components_exports = {};
|
|
77
|
+
__export(styled_components_exports, {
|
|
78
|
+
default: () => styled_components_default
|
|
79
|
+
});
|
|
80
|
+
var defaultImport2 = __toESM(require("styled-components"));
|
|
81
|
+
__reExport(styled_components_exports, require("styled-components"));
|
|
82
|
+
var styled_components_default = "default" in defaultImport2 ? defaultImport2.default : defaultImport2;
|
|
83
|
+
|
|
84
|
+
// esm-externals:@splunk/react-ui/Button
|
|
85
|
+
var Button_exports = {};
|
|
86
|
+
__export(Button_exports, {
|
|
87
|
+
default: () => Button_default
|
|
88
|
+
});
|
|
89
|
+
var defaultImport3 = __toESM(require("@splunk/react-ui/Button"));
|
|
90
|
+
__reExport(Button_exports, require("@splunk/react-ui/Button"));
|
|
91
|
+
var Button_default = "default" in defaultImport3 ? defaultImport3.default : defaultImport3;
|
|
92
|
+
|
|
93
|
+
// esm-externals:@splunk/themes
|
|
94
|
+
var themes_exports = {};
|
|
95
|
+
__export(themes_exports, {
|
|
96
|
+
default: () => themes_default
|
|
97
|
+
});
|
|
98
|
+
var defaultImport4 = __toESM(require("@splunk/themes"));
|
|
99
|
+
__reExport(themes_exports, require("@splunk/themes"));
|
|
100
|
+
var themes_default = "default" in defaultImport4 ? defaultImport4.default : defaultImport4;
|
|
101
|
+
|
|
102
|
+
// esm-externals:@splunk/ui-utils/format
|
|
103
|
+
var format_exports = {};
|
|
104
|
+
__export(format_exports, {
|
|
105
|
+
default: () => format_default
|
|
106
|
+
});
|
|
107
|
+
var defaultImport5 = __toESM(require("@splunk/ui-utils/format"));
|
|
108
|
+
__reExport(format_exports, require("@splunk/ui-utils/format"));
|
|
109
|
+
var format_default = "default" in defaultImport5 ? defaultImport5.default : defaultImport5;
|
|
110
|
+
|
|
111
|
+
// esm-externals:@splunk/ui-utils/i18n
|
|
112
|
+
var i18n_exports = {};
|
|
113
|
+
__export(i18n_exports, {
|
|
114
|
+
default: () => i18n_default
|
|
115
|
+
});
|
|
116
|
+
var defaultImport6 = __toESM(require("@splunk/ui-utils/i18n"));
|
|
117
|
+
__reExport(i18n_exports, require("@splunk/ui-utils/i18n"));
|
|
118
|
+
var i18n_default = "default" in defaultImport6 ? defaultImport6.default : defaultImport6;
|
|
119
|
+
|
|
120
|
+
// src/components/FieldSummary/SelectionButtons.tsx
|
|
121
|
+
var Container = styled_components_default.div`
|
|
122
|
+
display: flex;
|
|
123
|
+
align-items: center;
|
|
124
|
+
flex-wrap: wrap;
|
|
125
|
+
margin: -${themes_exports.variables.spacingXSmall};
|
|
126
|
+
|
|
127
|
+
/* Could just be button other props added to win the specificity war */
|
|
128
|
+
& > button[data-inline][data-size='small']:not([data-prepend]) {
|
|
129
|
+
margin: ${themes_exports.variables.spacingXSmall} ${themes_exports.variables.spacingSmall} ${themes_exports.variables.spacingXSmall} 0;
|
|
130
|
+
}
|
|
32
131
|
|
|
33
|
-
|
|
132
|
+
button {
|
|
133
|
+
flex-grow: 0;
|
|
134
|
+
}
|
|
34
135
|
|
|
35
|
-
|
|
36
|
-
|
|
136
|
+
& > span {
|
|
137
|
+
padding-right: ${themes_exports.variables.spacingMedium};
|
|
138
|
+
}
|
|
139
|
+
`;
|
|
140
|
+
var SelectionButtons = (_a) => {
|
|
141
|
+
var _b = _a, {
|
|
37
142
|
selectionCount,
|
|
38
143
|
actions,
|
|
39
144
|
onActionClicked,
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
145
|
+
showSelectionCount: showSelectionCount
|
|
146
|
+
} = _b, otherProps = __objRest(_b, [
|
|
147
|
+
"selectionCount",
|
|
148
|
+
"actions",
|
|
149
|
+
"onActionClicked",
|
|
150
|
+
// size = 'small',
|
|
151
|
+
"showSelectionCount"
|
|
152
|
+
]);
|
|
153
|
+
return /* @__PURE__ */ react_default.createElement(Container, __spreadValues({}, otherProps), showSelectionCount && /* @__PURE__ */ react_default.createElement("span", null, (0, format_exports.sprintf)((0, i18n_exports._)("%(selectionCount)d Selected:"), { selectionCount })), actions.map(({ label, name }) => /* @__PURE__ */ react_default.createElement(
|
|
154
|
+
Button_default,
|
|
155
|
+
{
|
|
156
|
+
key: name,
|
|
157
|
+
"data-test": name,
|
|
158
|
+
label,
|
|
159
|
+
disabled: selectionCount === 0,
|
|
160
|
+
appearance: "flat",
|
|
161
|
+
onClick: (e) => onActionClicked(e, { action: name })
|
|
50
162
|
}
|
|
51
|
-
|
|
52
|
-
__self: void 0,
|
|
53
|
-
__source: {
|
|
54
|
-
fileName: _jsxFileName,
|
|
55
|
-
lineNumber: 51,
|
|
56
|
-
columnNumber: 32
|
|
57
|
-
}
|
|
58
|
-
}, (0, _format.sprintf)((0, _i18n._)('%(selectionCount)d Selected:'), {
|
|
59
|
-
selectionCount
|
|
60
|
-
})), actions.map(({
|
|
61
|
-
label,
|
|
62
|
-
name
|
|
63
|
-
}) => /*#__PURE__*/_react.default.createElement(_Button.default, {
|
|
64
|
-
key: name,
|
|
65
|
-
"data-test": name,
|
|
66
|
-
label: label,
|
|
67
|
-
disabled: selectionCount === 0,
|
|
68
|
-
size: size,
|
|
69
|
-
appearance: "flat",
|
|
70
|
-
onClick: e => onActionClicked(e, {
|
|
71
|
-
action: name
|
|
72
|
-
}),
|
|
73
|
-
__self: void 0,
|
|
74
|
-
__source: {
|
|
75
|
-
fileName: _jsxFileName,
|
|
76
|
-
lineNumber: 53,
|
|
77
|
-
columnNumber: 13
|
|
78
|
-
}
|
|
79
|
-
})));
|
|
163
|
+
)));
|
|
80
164
|
};
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
exports.default = _default;
|
|
165
|
+
var SelectionButtons_default = SelectionButtons;
|
|
166
|
+
//# sourceMappingURL=SelectionButtons.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/components/FieldSummary/SelectionButtons.tsx", "esm-externals:react", "esm-externals:styled-components", "esm-externals:@splunk/react-ui/Button", "esm-externals:@splunk/themes", "esm-externals:@splunk/ui-utils/format", "esm-externals:@splunk/ui-utils/i18n"],
|
|
4
|
+
"sourcesContent": ["import React, { SyntheticEvent } from 'react';\nimport styled from 'styled-components';\n\nimport Button from '@splunk/react-ui/Button';\nimport { variables } from '@splunk/themes';\nimport { sprintf } from '@splunk/ui-utils/format';\nimport { _ } from '@splunk/ui-utils/i18n';\n\nexport type Action = {\n name: string;\n label: string;\n};\n\ninterface SelectionButtonsProps {\n actions: Action[];\n selectionCount: number;\n onActionClicked: (e: SyntheticEvent, { action }: { action: string }) => void;\n size?: string;\n showSelectionCount?: boolean;\n}\n\nconst Container = styled.div`\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n margin: -${variables.spacingXSmall};\n\n /* Could just be button other props added to win the specificity war */\n & > button[data-inline][data-size='small']:not([data-prepend]) {\n margin: ${variables.spacingXSmall} ${variables.spacingSmall} ${variables.spacingXSmall} 0;\n }\n\n button {\n flex-grow: 0;\n }\n\n & > span {\n padding-right: ${variables.spacingMedium};\n }\n`;\n\nconst SelectionButtons: React.FC<SelectionButtonsProps> = ({\n selectionCount,\n actions,\n onActionClicked,\n // size = 'small',\n showSelectionCount,\n ...otherProps\n}: SelectionButtonsProps) => (\n <Container {...otherProps}>\n {showSelectionCount && <span>{sprintf(_('%(selectionCount)d Selected:'), { selectionCount })}</span>}\n {actions.map(({ label, name }) => (\n <Button\n key={name}\n data-test={name}\n label={label}\n disabled={selectionCount === 0}\n // size={size}\n appearance=\"flat\"\n onClick={(e: SyntheticEvent): void => onActionClicked(e, { action: name })}\n />\n ))}\n </Container>\n);\n\nexport default SelectionButtons;\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/Button\";\nexport * from \"@splunk/react-ui/Button\";\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/format\";\nexport * from \"@splunk/ui-utils/format\";\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,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;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAC,iBAA+B;AAC/B,yBAAc;AACd,IAAO,eAAS,aAAaA,iBAA8B,yBAAUA;;;ANkBrE,IAAM,YAAY,0BAAO;AAAA;AAAA;AAAA;AAAA,eAIV,yBAAU,aAAa;AAAA;AAAA;AAAA;AAAA,kBAIpB,yBAAU,aAAa,IAAI,yBAAU,YAAY,IAAI,yBAAU,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAQrE,yBAAU,aAAa;AAAA;AAAA;AAIhD,IAAM,mBAAoD,CAAC,OAOjC;AAPiC,eACvD;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IAEA;AAAA,EA9CJ,IAyC2D,IAMpD,uBANoD,IAMpD;AAAA,IALH;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA;AAGA,qDAAC,8BAAc,aACV,sBAAsB,4CAAC,kBAAM,4BAAQ,gBAAE,8BAA8B,GAAG,EAAE,eAAe,CAAC,CAAE,GAC5F,QAAQ,IAAI,CAAC,EAAE,OAAO,KAAK,MACxB;AAAA,IAAC;AAAA;AAAA,MACG,KAAK;AAAA,MACL,aAAW;AAAA,MACX;AAAA,MACA,UAAU,mBAAmB;AAAA,MAE7B,YAAW;AAAA,MACX,SAAS,CAAC,MAA4B,gBAAgB,GAAG,EAAE,QAAQ,KAAK,CAAC;AAAA;AAAA,EAC7E,CACH,CACL;AAAA;AAGJ,IAAO,2BAAQ;",
|
|
6
|
+
"names": ["defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport"]
|
|
7
|
+
}
|
|
@@ -1,129 +1,182 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
Object.defineProperty
|
|
6
|
-
|
|
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 __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
9
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
10
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
11
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
12
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
13
|
+
var __spreadValues = (a, b) => {
|
|
14
|
+
for (var prop in b || (b = {}))
|
|
15
|
+
if (__hasOwnProp.call(b, prop))
|
|
16
|
+
__defNormalProp(a, prop, b[prop]);
|
|
17
|
+
if (__getOwnPropSymbols)
|
|
18
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
19
|
+
if (__propIsEnum.call(b, prop))
|
|
20
|
+
__defNormalProp(a, prop, b[prop]);
|
|
21
|
+
}
|
|
22
|
+
return a;
|
|
23
|
+
};
|
|
24
|
+
var __objRest = (source, exclude) => {
|
|
25
|
+
var target = {};
|
|
26
|
+
for (var prop in source)
|
|
27
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
28
|
+
target[prop] = source[prop];
|
|
29
|
+
if (source != null && __getOwnPropSymbols)
|
|
30
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
31
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
32
|
+
target[prop] = source[prop];
|
|
33
|
+
}
|
|
34
|
+
return target;
|
|
35
|
+
};
|
|
36
|
+
var __export = (target, all) => {
|
|
37
|
+
for (var name in all)
|
|
38
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
39
|
+
};
|
|
40
|
+
var __copyProps = (to, from, except, desc) => {
|
|
41
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
42
|
+
for (let key of __getOwnPropNames(from))
|
|
43
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
44
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
45
|
+
}
|
|
46
|
+
return to;
|
|
47
|
+
};
|
|
48
|
+
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
49
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
50
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
51
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
52
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
53
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
54
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
55
|
+
mod
|
|
56
|
+
));
|
|
57
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
58
|
+
|
|
59
|
+
// src/components/FieldSummary/SplitButton.tsx
|
|
60
|
+
var SplitButton_exports = {};
|
|
61
|
+
__export(SplitButton_exports, {
|
|
62
|
+
default: () => SplitButton_default
|
|
7
63
|
});
|
|
8
|
-
exports
|
|
9
|
-
|
|
10
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
64
|
+
module.exports = __toCommonJS(SplitButton_exports);
|
|
11
65
|
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
var
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
var
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
66
|
+
// esm-externals:react
|
|
67
|
+
var react_exports = {};
|
|
68
|
+
__export(react_exports, {
|
|
69
|
+
default: () => react_default
|
|
70
|
+
});
|
|
71
|
+
var defaultImport = __toESM(require("react"));
|
|
72
|
+
__reExport(react_exports, require("react"));
|
|
73
|
+
var react_default = "default" in defaultImport ? defaultImport.default : defaultImport;
|
|
74
|
+
|
|
75
|
+
// esm-externals:@splunk/react-icons/enterprise/Caret
|
|
76
|
+
var Caret_exports = {};
|
|
77
|
+
__export(Caret_exports, {
|
|
78
|
+
default: () => Caret_default
|
|
79
|
+
});
|
|
80
|
+
var defaultImport2 = __toESM(require("@splunk/react-icons/enterprise/Caret"));
|
|
81
|
+
__reExport(Caret_exports, require("@splunk/react-icons/enterprise/Caret"));
|
|
82
|
+
var Caret_default = "default" in defaultImport2 ? defaultImport2.default : defaultImport2;
|
|
83
|
+
|
|
84
|
+
// esm-externals:@splunk/react-ui/Menu
|
|
85
|
+
var Menu_exports = {};
|
|
86
|
+
__export(Menu_exports, {
|
|
87
|
+
default: () => Menu_default
|
|
88
|
+
});
|
|
89
|
+
var defaultImport3 = __toESM(require("@splunk/react-ui/Menu"));
|
|
90
|
+
__reExport(Menu_exports, require("@splunk/react-ui/Menu"));
|
|
91
|
+
var Menu_default = "default" in defaultImport3 ? defaultImport3.default : defaultImport3;
|
|
92
|
+
|
|
93
|
+
// esm-externals:@splunk/react-ui/Button
|
|
94
|
+
var Button_exports = {};
|
|
95
|
+
__export(Button_exports, {
|
|
96
|
+
default: () => Button_default
|
|
97
|
+
});
|
|
98
|
+
var defaultImport4 = __toESM(require("@splunk/react-ui/Button"));
|
|
99
|
+
__reExport(Button_exports, require("@splunk/react-ui/Button"));
|
|
100
|
+
var Button_default = "default" in defaultImport4 ? defaultImport4.default : defaultImport4;
|
|
101
|
+
|
|
102
|
+
// esm-externals:@splunk/react-ui/ButtonGroup
|
|
103
|
+
var ButtonGroup_exports = {};
|
|
104
|
+
__export(ButtonGroup_exports, {
|
|
105
|
+
default: () => ButtonGroup_default
|
|
106
|
+
});
|
|
107
|
+
var defaultImport5 = __toESM(require("@splunk/react-ui/ButtonGroup"));
|
|
108
|
+
__reExport(ButtonGroup_exports, require("@splunk/react-ui/ButtonGroup"));
|
|
109
|
+
var ButtonGroup_default = "default" in defaultImport5 ? defaultImport5.default : defaultImport5;
|
|
110
|
+
|
|
111
|
+
// esm-externals:@splunk/react-ui/Dropdown
|
|
112
|
+
var Dropdown_exports = {};
|
|
113
|
+
__export(Dropdown_exports, {
|
|
114
|
+
default: () => Dropdown_default
|
|
115
|
+
});
|
|
116
|
+
var defaultImport6 = __toESM(require("@splunk/react-ui/Dropdown"));
|
|
117
|
+
__reExport(Dropdown_exports, require("@splunk/react-ui/Dropdown"));
|
|
118
|
+
var Dropdown_default = "default" in defaultImport6 ? defaultImport6.default : defaultImport6;
|
|
119
|
+
|
|
120
|
+
// esm-externals:@splunk/ui-utils/i18n
|
|
121
|
+
var i18n_exports = {};
|
|
122
|
+
__export(i18n_exports, {
|
|
123
|
+
default: () => i18n_default
|
|
124
|
+
});
|
|
125
|
+
var defaultImport7 = __toESM(require("@splunk/ui-utils/i18n"));
|
|
126
|
+
__reExport(i18n_exports, require("@splunk/ui-utils/i18n"));
|
|
127
|
+
var i18n_default = "default" in defaultImport7 ? defaultImport7.default : defaultImport7;
|
|
30
128
|
|
|
31
|
-
|
|
32
|
-
|
|
129
|
+
// src/components/FieldSummary/SplitButton.tsx
|
|
130
|
+
var SplitButton = (_a) => {
|
|
131
|
+
var _b = _a, {
|
|
33
132
|
actions,
|
|
34
133
|
selectionCount,
|
|
35
134
|
onActionClicked
|
|
36
|
-
} =
|
|
37
|
-
|
|
38
|
-
|
|
135
|
+
} = _b, otherProps = __objRest(_b, [
|
|
136
|
+
"actions",
|
|
137
|
+
"selectionCount",
|
|
138
|
+
"onActionClicked"
|
|
139
|
+
]);
|
|
39
140
|
if (actions.length === 0) {
|
|
40
141
|
return null;
|
|
41
142
|
}
|
|
42
|
-
|
|
43
143
|
const [first, ...rest] = actions;
|
|
44
|
-
const clickHandler = onActionClicked ? action => e => onActionClicked(e, {
|
|
45
|
-
action
|
|
46
|
-
}) : () => undefined;
|
|
144
|
+
const clickHandler = onActionClicked ? (action) => (e) => onActionClicked(e, { action }) : () => void 0;
|
|
47
145
|
let popup = null;
|
|
48
|
-
|
|
49
146
|
if (rest.length > 0) {
|
|
50
|
-
const toggle =
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
lineNumber: 48,
|
|
60
|
-
columnNumber: 23
|
|
61
|
-
}
|
|
62
|
-
}),
|
|
63
|
-
appearance: "toggle",
|
|
64
|
-
size: "small",
|
|
65
|
-
disabled: selectionCount === 0,
|
|
66
|
-
__self: void 0,
|
|
67
|
-
__source: {
|
|
68
|
-
fileName: _jsxFileName,
|
|
69
|
-
lineNumber: 44,
|
|
70
|
-
columnNumber: 13
|
|
71
|
-
}
|
|
72
|
-
});
|
|
73
|
-
|
|
74
|
-
popup = /*#__PURE__*/_react.default.createElement(_Dropdown.default, {
|
|
75
|
-
toggle: toggle,
|
|
76
|
-
__self: void 0,
|
|
77
|
-
__source: {
|
|
78
|
-
fileName: _jsxFileName,
|
|
79
|
-
lineNumber: 55,
|
|
80
|
-
columnNumber: 13
|
|
81
|
-
}
|
|
82
|
-
}, /*#__PURE__*/_react.default.createElement(_Menu.default, {
|
|
83
|
-
__self: void 0,
|
|
84
|
-
__source: {
|
|
85
|
-
fileName: _jsxFileName,
|
|
86
|
-
lineNumber: 56,
|
|
87
|
-
columnNumber: 17
|
|
88
|
-
}
|
|
89
|
-
}, rest.map(action => /*#__PURE__*/_react.default.createElement(_Menu.default.Item, {
|
|
90
|
-
key: action.name,
|
|
91
|
-
"data-test": action.name,
|
|
92
|
-
onClick: clickHandler(action.name),
|
|
93
|
-
__self: void 0,
|
|
94
|
-
__source: {
|
|
95
|
-
fileName: _jsxFileName,
|
|
96
|
-
lineNumber: 58,
|
|
97
|
-
columnNumber: 25
|
|
147
|
+
const toggle = /* @__PURE__ */ react_default.createElement(
|
|
148
|
+
Button_default,
|
|
149
|
+
{
|
|
150
|
+
prepend: true,
|
|
151
|
+
key: "more-actions",
|
|
152
|
+
"data-test": "more-actions",
|
|
153
|
+
icon: /* @__PURE__ */ react_default.createElement(Caret_default, { screenReaderText: (0, i18n_exports._)("More Actions") }),
|
|
154
|
+
appearance: "toggle",
|
|
155
|
+
disabled: selectionCount === 0
|
|
98
156
|
}
|
|
99
|
-
|
|
157
|
+
);
|
|
158
|
+
popup = /* @__PURE__ */ react_default.createElement(Dropdown_default, { toggle }, /* @__PURE__ */ react_default.createElement(Menu_default, null, rest.map((action) => /* @__PURE__ */ react_default.createElement(
|
|
159
|
+
Menu_default.Item,
|
|
160
|
+
{
|
|
161
|
+
key: action.name,
|
|
162
|
+
"data-test": action.name,
|
|
163
|
+
onClick: clickHandler(action.name)
|
|
164
|
+
},
|
|
165
|
+
action.label,
|
|
166
|
+
" "
|
|
167
|
+
))));
|
|
100
168
|
}
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
}
|
|
111
|
-
}), /*#__PURE__*/_react.default.createElement(_Button.default, {
|
|
112
|
-
key: first.name,
|
|
113
|
-
"data-test": first.name,
|
|
114
|
-
label: first.label,
|
|
115
|
-
appearance: "toggle",
|
|
116
|
-
size: "small",
|
|
117
|
-
onClick: clickHandler(first.name),
|
|
118
|
-
disabled: selectionCount === 0,
|
|
119
|
-
__self: void 0,
|
|
120
|
-
__source: {
|
|
121
|
-
fileName: _jsxFileName,
|
|
122
|
-
lineNumber: 72,
|
|
123
|
-
columnNumber: 13
|
|
169
|
+
return /* @__PURE__ */ react_default.createElement(ButtonGroup_default, __spreadValues({ "data-test": "split-button" }, otherProps), /* @__PURE__ */ react_default.createElement(
|
|
170
|
+
Button_default,
|
|
171
|
+
{
|
|
172
|
+
key: first.name,
|
|
173
|
+
"data-test": first.name,
|
|
174
|
+
label: first.label,
|
|
175
|
+
appearance: "toggle",
|
|
176
|
+
onClick: clickHandler(first.name),
|
|
177
|
+
disabled: selectionCount === 0
|
|
124
178
|
}
|
|
125
|
-
|
|
179
|
+
), popup);
|
|
126
180
|
};
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
exports.default = _default;
|
|
181
|
+
var SplitButton_default = SplitButton;
|
|
182
|
+
//# sourceMappingURL=SplitButton.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/components/FieldSummary/SplitButton.tsx", "esm-externals:react", "esm-externals:@splunk/react-icons/enterprise/Caret", "esm-externals:@splunk/react-ui/Menu", "esm-externals:@splunk/react-ui/Button", "esm-externals:@splunk/react-ui/ButtonGroup", "esm-externals:@splunk/react-ui/Dropdown", "esm-externals:@splunk/ui-utils/i18n"],
|
|
4
|
+
"sourcesContent": ["import React, { SyntheticEvent } from 'react';\n\nimport Caret from '@splunk/react-icons/enterprise/Caret';\n\nimport Menu from '@splunk/react-ui/Menu';\nimport Button from '@splunk/react-ui/Button';\nimport ButtonGroup from '@splunk/react-ui/ButtonGroup';\nimport Dropdown from '@splunk/react-ui/Dropdown';\n\nimport { _ } from '@splunk/ui-utils/i18n';\n\ntype Action = {\n name: string;\n label: string;\n};\n\ninterface SplitButtonProps {\n actions: Action[];\n selectionCount: number;\n onActionClicked: (e: SyntheticEvent, { action }: { action: string }) => void;\n}\n\nconst SplitButton: React.FC<SplitButtonProps> = ({\n actions,\n selectionCount,\n onActionClicked,\n ...otherProps\n}: SplitButtonProps) => {\n if (actions.length === 0) {\n return null;\n }\n\n const [first, ...rest] = actions;\n\n const clickHandler = onActionClicked\n ? (action: string) => (e: SyntheticEvent): void => onActionClicked(e, { action })\n : (): (() => void) => undefined;\n\n let popup = null;\n if (rest.length > 0) {\n const toggle = (\n <Button\n prepend\n key=\"more-actions\"\n data-test=\"more-actions\"\n icon={<Caret screenReaderText={_('More Actions')} />}\n appearance=\"toggle\"\n // size=\"small\"\n disabled={selectionCount === 0}\n />\n );\n popup = (\n <Dropdown toggle={toggle}>\n <Menu>\n {rest.map(action => (\n <Menu.Item\n key={action.name}\n data-test={action.name}\n onClick={clickHandler(action.name)}\n >\n {action.label}{' '}\n </Menu.Item>\n ))}\n </Menu>\n </Dropdown>\n );\n }\n return (\n <ButtonGroup data-test=\"split-button\" {...otherProps}>\n <Button\n key={first.name}\n data-test={first.name}\n label={first.label}\n appearance=\"toggle\"\n onClick={clickHandler(first.name)}\n disabled={selectionCount === 0}\n />\n {popup}\n </ButtonGroup>\n );\n};\n\nexport default SplitButton;\n", "\nimport * as defaultImport from \"react\";\nexport * from \"react\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-icons/enterprise/Caret\";\nexport * from \"@splunk/react-icons/enterprise/Caret\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-ui/Menu\";\nexport * from \"@splunk/react-ui/Menu\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-ui/Button\";\nexport * from \"@splunk/react-ui/Button\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-ui/ButtonGroup\";\nexport * from \"@splunk/react-ui/ButtonGroup\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-ui/Dropdown\";\nexport * from \"@splunk/react-ui/Dropdown\";\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,0BAAc;AACd,IAAO,gBAAS,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,gCAAc;AACd,IAAO,sBAAS,aAAaA,iBAA8B,yBAAUA;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAC,iBAA+B;AAC/B,6BAAc;AACd,IAAO,mBAAS,aAAaA,iBAA8B,yBAAUA;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAC,iBAA+B;AAC/B,yBAAc;AACd,IAAO,eAAS,aAAaA,iBAA8B,yBAAUA;;;APmBrE,IAAM,cAA0C,CAAC,OAKzB;AALyB,eAC7C;AAAA;AAAA,IACA;AAAA,IACA;AAAA,EAzBJ,IAsBiD,IAI1C,uBAJ0C,IAI1C;AAAA,IAHH;AAAA,IACA;AAAA,IACA;AAAA;AAGA,MAAI,QAAQ,WAAW,GAAG;AACtB,WAAO;AAAA,EACX;AAEA,QAAM,CAAC,OAAO,GAAG,IAAI,IAAI;AAEzB,QAAM,eAAe,kBACf,CAAC,WAAmB,CAAC,MAA4B,gBAAgB,GAAG,EAAE,OAAO,CAAC,IAC9E,MAAoB;AAE1B,MAAI,QAAQ;AACZ,MAAI,KAAK,SAAS,GAAG;AACjB,UAAM,SACF;AAAA,MAAC;AAAA;AAAA,QACG,SAAO;AAAA,QACP,KAAI;AAAA,QACJ,aAAU;AAAA,QACV,MAAM,4CAAC,iBAAM,sBAAkB,gBAAE,cAAc,GAAG;AAAA,QAClD,YAAW;AAAA,QAEX,UAAU,mBAAmB;AAAA;AAAA,IACjC;AAEJ,YACI,4CAAC,oBAAS,UACN,4CAAC,oBACI,KAAK,IAAI,YACN;AAAA,MAAC,aAAK;AAAA,MAAL;AAAA,QACG,KAAK,OAAO;AAAA,QACZ,aAAW,OAAO;AAAA,QAClB,SAAS,aAAa,OAAO,IAAI;AAAA;AAAA,MAEhC,OAAO;AAAA,MAAO;AAAA,IACnB,CACH,CACL,CACJ;AAAA,EAER;AACA,SACI,4CAAC,sCAAY,aAAU,kBAAmB,aACtC;AAAA,IAAC;AAAA;AAAA,MACG,KAAK,MAAM;AAAA,MACX,aAAW,MAAM;AAAA,MACjB,OAAO,MAAM;AAAA,MACb,YAAW;AAAA,MACX,SAAS,aAAa,MAAM,IAAI;AAAA,MAChC,UAAU,mBAAmB;AAAA;AAAA,EACjC,GACC,KACL;AAER;AAEA,IAAO,sBAAQ;",
|
|
6
|
+
"names": ["defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport"]
|
|
7
|
+
}
|