@splunk/react-ui 4.20.0 → 4.21.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 (101) hide show
  1. package/Accordion.js +425 -441
  2. package/Anchor.js +147 -193
  3. package/Animation.js +142 -166
  4. package/AnimationToggle.js +197 -253
  5. package/Box.js +145 -194
  6. package/Breadcrumbs.js +288 -298
  7. package/Button.js +488 -613
  8. package/ButtonGroup.js +160 -212
  9. package/ButtonSimple.js +543 -562
  10. package/CHANGELOG.md +26 -0
  11. package/Calendar.js +1107 -1195
  12. package/Card.js +771 -746
  13. package/CardLayout.js +205 -223
  14. package/Chip.js +509 -612
  15. package/Clickable.js +416 -472
  16. package/CloseButton.js +165 -250
  17. package/Code.js +1808 -2172
  18. package/Code.js.LICENSE.txt +8 -0
  19. package/CollapsiblePanel.js +586 -675
  20. package/Color.js +1066 -1297
  21. package/ColumnLayout.js +402 -465
  22. package/ComboBox.js +892 -969
  23. package/Concertina.js +998 -963
  24. package/ControlGroup.js +687 -718
  25. package/Date.js +567 -697
  26. package/DefinitionList.js +308 -310
  27. package/Divider.js +149 -194
  28. package/Dropdown.js +459 -558
  29. package/DualListbox.js +1480 -1735
  30. package/EventListener.js +94 -165
  31. package/File.js +1051 -1173
  32. package/FormRows.js +885 -880
  33. package/Heading.js +216 -263
  34. package/Image.js +446 -558
  35. package/JSONTree.js +690 -699
  36. package/Layer.js +442 -582
  37. package/Link.js +336 -361
  38. package/List.js +213 -237
  39. package/Markdown.js +510 -612
  40. package/Menu.js +1109 -1331
  41. package/Message.js +474 -629
  42. package/MessageBar.js +387 -561
  43. package/Modal.js +810 -798
  44. package/ModalLayer.js +326 -343
  45. package/Monogram.js +308 -368
  46. package/Multiselect.js +3558 -3998
  47. package/Number.js +729 -843
  48. package/Paginator.js +510 -615
  49. package/Paragraph.js +145 -188
  50. package/Popover.js +1470 -1693
  51. package/Progress.js +301 -362
  52. package/RadioBar.js +610 -651
  53. package/RadioList.js +483 -544
  54. package/Resize.js +530 -623
  55. package/ResultsMenu.js +494 -597
  56. package/ScreenReaderContent.js +142 -187
  57. package/Scroll.js +595 -598
  58. package/ScrollContainerContext.js +197 -278
  59. package/Search.js +745 -817
  60. package/Select.js +2441 -2746
  61. package/SidePanel.js +390 -392
  62. package/Slider.js +668 -825
  63. package/SlidingPanels.js +639 -645
  64. package/SplitButton.js +464 -499
  65. package/StaticContent.js +161 -217
  66. package/StepBar.js +386 -466
  67. package/Switch.js +710 -764
  68. package/TabBar.js +724 -815
  69. package/TabLayout.js +406 -438
  70. package/Table.js +4842 -5121
  71. package/Text.js +1169 -1351
  72. package/TextArea.js +1097 -1307
  73. package/Tooltip.js +624 -721
  74. package/TransitionOpen.js +489 -546
  75. package/Typography.js +176 -229
  76. package/WaitSpinner.js +230 -298
  77. package/package.json +14 -15
  78. package/stubs-splunkui.d.ts +4 -1
  79. package/types/src/ComboBox/Option.d.ts +1 -1
  80. package/types/src/Concertina/Concertina.d.ts +4 -0
  81. package/types/src/JSONTree/JSONTreeContext.d.ts +7 -0
  82. package/types/src/JSONTree/TreeNode.d.ts +5 -0
  83. package/types/src/Link/Link.d.ts +7 -3
  84. package/types/src/Link/docs/examples/NewWindow.d.ts +2 -0
  85. package/types/src/Markdown/Markdown.d.ts +1 -1
  86. package/types/src/Markdown/renderers/MarkdownHeading.d.ts +1 -1
  87. package/types/src/Menu/Item.d.ts +1 -1
  88. package/types/src/Menu/Menu.d.ts +1 -0
  89. package/types/src/MessageBar/docs/examples/WithActions.d.ts +2 -0
  90. package/types/src/Multiselect/Option.d.ts +1 -1
  91. package/types/src/Search/Option.d.ts +1 -1
  92. package/types/src/Select/Option.d.ts +1 -1
  93. package/types/src/Select/OptionBase.d.ts +1 -1
  94. package/types/src/fixtures/FetchOptions.d.ts +2 -8
  95. package/useForceUpdate.js +112 -146
  96. package/useKeyPress.js +74 -128
  97. package/usePrevious.js +65 -129
  98. package/useRovingFocus.js +122 -218
  99. package/types/src/Link/docs/examples/NewTab.d.ts +0 -2
  100. /package/types/src/Table/docs/examples/{DockedHeader.d.ts → DockedHeaderScrollbar.d.ts} +0 -0
  101. /package/types/src/Table/docs/examples/prisma/{DockedHeader.d.ts → DockedHeaderScrollbar.d.ts} +0 -0
package/Card.js CHANGED
@@ -1,754 +1,779 @@
1
- module.exports =
2
- /******/ (function(modules) { // webpackBootstrap
3
- /******/ // The module cache
4
- /******/ var installedModules = {};
5
- /******/
6
- /******/ // The require function
7
- /******/ function __webpack_require__(moduleId) {
8
- /******/
9
- /******/ // Check if module is in cache
10
- /******/ if(installedModules[moduleId]) {
11
- /******/ return installedModules[moduleId].exports;
12
- /******/ }
13
- /******/ // Create a new module (and put it into the cache)
14
- /******/ var module = installedModules[moduleId] = {
15
- /******/ i: moduleId,
16
- /******/ l: false,
17
- /******/ exports: {}
18
- /******/ };
19
- /******/
20
- /******/ // Execute the module function
21
- /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
22
- /******/
23
- /******/ // Flag the module as loaded
24
- /******/ module.l = true;
25
- /******/
26
- /******/ // Return the exports of the module
27
- /******/ return module.exports;
28
- /******/ }
29
- /******/
30
- /******/
31
- /******/ // expose the modules object (__webpack_modules__)
32
- /******/ __webpack_require__.m = modules;
33
- /******/
34
- /******/ // expose the module cache
35
- /******/ __webpack_require__.c = installedModules;
36
- /******/
37
- /******/ // define getter function for harmony exports
38
- /******/ __webpack_require__.d = function(exports, name, getter) {
39
- /******/ if(!__webpack_require__.o(exports, name)) {
40
- /******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
41
- /******/ }
42
- /******/ };
43
- /******/
44
- /******/ // define __esModule on exports
45
- /******/ __webpack_require__.r = function(exports) {
46
- /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
47
- /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
48
- /******/ }
49
- /******/ Object.defineProperty(exports, '__esModule', { value: true });
50
- /******/ };
51
- /******/
52
- /******/ // create a fake namespace object
53
- /******/ // mode & 1: value is a module id, require it
54
- /******/ // mode & 2: merge all properties of value into the ns
55
- /******/ // mode & 4: return value when already ns object
56
- /******/ // mode & 8|1: behave like require
57
- /******/ __webpack_require__.t = function(value, mode) {
58
- /******/ if(mode & 1) value = __webpack_require__(value);
59
- /******/ if(mode & 8) return value;
60
- /******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
61
- /******/ var ns = Object.create(null);
62
- /******/ __webpack_require__.r(ns);
63
- /******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
64
- /******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
65
- /******/ return ns;
66
- /******/ };
67
- /******/
68
- /******/ // getDefaultExport function for compatibility with non-harmony modules
69
- /******/ __webpack_require__.n = function(module) {
70
- /******/ var getter = module && module.__esModule ?
71
- /******/ function getDefault() { return module['default']; } :
72
- /******/ function getModuleExports() { return module; };
73
- /******/ __webpack_require__.d(getter, 'a', getter);
74
- /******/ return getter;
75
- /******/ };
76
- /******/
77
- /******/ // Object.prototype.hasOwnProperty.call
78
- /******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
79
- /******/
80
- /******/ // __webpack_public_path__
81
- /******/ __webpack_require__.p = "";
82
- /******/
83
- /******/
84
- /******/ // Load entry module and return exports
85
- /******/ return __webpack_require__(__webpack_require__.s = 177);
86
- /******/ })
87
- /************************************************************************/
88
- /******/ ({
89
-
90
- /***/ 0:
91
- /***/ (function(module, exports) {
92
-
93
- module.exports = require("@splunk/themes");
94
-
95
- /***/ }),
96
-
97
- /***/ 1:
98
- /***/ (function(module, exports) {
99
-
100
- module.exports = require("prop-types");
101
-
102
- /***/ }),
103
-
104
- /***/ 12:
105
- /***/ (function(module, exports) {
106
-
107
- module.exports = require("@splunk/react-ui/Clickable");
108
-
109
- /***/ }),
110
-
111
- /***/ 127:
112
- /***/ (function(module, exports) {
113
-
114
- module.exports = require("@splunk/react-icons/enterprise/MoreVertical");
115
-
116
- /***/ }),
117
-
118
- /***/ 17:
119
- /***/ (function(module, exports) {
120
-
121
- module.exports = require("@splunk/react-ui/Button");
122
-
123
- /***/ }),
124
-
125
- /***/ 177:
126
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
127
-
128
- "use strict";
129
- // ESM COMPAT FLAG
130
- __webpack_require__.r(__webpack_exports__);
131
-
132
- // EXPORTS
133
- __webpack_require__.d(__webpack_exports__, "default", function() { return /* reexport */ src_Card_Card; });
134
- __webpack_require__.d(__webpack_exports__, "Header", function() { return /* reexport */ Card_Header; });
135
- __webpack_require__.d(__webpack_exports__, "Body", function() { return /* reexport */ Card_Body; });
136
- __webpack_require__.d(__webpack_exports__, "Footer", function() { return /* reexport */ Card_Footer; });
137
-
138
- // EXTERNAL MODULE: external "react"
139
- var external_react_ = __webpack_require__(2);
140
- var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
141
-
142
- // EXTERNAL MODULE: external "prop-types"
143
- var external_prop_types_ = __webpack_require__(1);
144
- var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
145
-
146
- // EXTERNAL MODULE: external "styled-components"
147
- var external_styled_components_ = __webpack_require__(3);
148
- var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
149
-
150
- // EXTERNAL MODULE: external "@splunk/react-ui/Box"
151
- var Box_ = __webpack_require__(6);
152
- var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
153
-
154
- // EXTERNAL MODULE: external "@splunk/themes"
155
- var themes_ = __webpack_require__(0);
156
-
157
- // CONCATENATED MODULE: ./src/Card/BodyStyles.ts
158
-
159
-
160
-
161
- var StyledBox = external_styled_components_default()(Box_default.a).withConfig({
162
- displayName: "BodyStyles__StyledBox",
163
- componentId: "sc-1130udp-0"
164
- })(["flex:1 1 auto;overflow:auto;height:100%;", ";", ""], function (_ref) {
165
- var $inset = _ref.$inset;
166
- return $inset ? Object(external_styled_components_["css"])(["", ""], Object(themes_["pick"])({
167
- enterprise: Object(external_styled_components_["css"])(["padding:", ";&:not(:first-child){padding-top:0;}"], themes_["variables"].spacing),
168
- prisma: {
169
- comfortable: Object(external_styled_components_["css"])(["padding:12px 24px;&:first-child{padding-top:28px;}&:last-child{padding-bottom:28px;}"]),
170
- compact: Object(external_styled_components_["css"])(["padding:8px 24px;&:first-child{padding-top:20px;}&:last-child{padding-bottom:20px;}"])
171
- }
172
- })) : Object(external_styled_components_["css"])(["padding:0;"]);
173
- }, Object(themes_["pick"])({
174
- prisma: {
175
- comfortable: Object(external_styled_components_["css"])(["border-radius:", ";color:", ";"], themes_["variables"].borderRadius, themes_["variables"].contentColorMuted),
176
- compact: Object(external_styled_components_["css"])(["border-radius:", ";color:", ";"], themes_["variables"].borderRadius, themes_["variables"].contentColorMuted)
177
- }
178
- }));
179
-
180
- // CONCATENATED MODULE: ./src/Card/Body.tsx
181
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
182
-
183
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
184
-
185
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
186
-
187
-
188
-
189
-
190
- var propTypes = {
191
- children: external_prop_types_default.a.node,
192
- elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
193
- inset: external_prop_types_default.a.bool
194
- };
195
-
196
- /**
1
+ /******/ (() => {
2
+ // webpackBootstrap
3
+ /******/ "use strict";
4
+ /******/ // The require scope
5
+ /******/ var e = {};
6
+ /******/
7
+ /************************************************************************/
8
+ /******/ /* webpack/runtime/compat get default export */
9
+ /******/ (() => {
10
+ /******/ // getDefaultExport function for compatibility with non-harmony modules
11
+ /******/ e.n = r => {
12
+ /******/ var t = r && r.__esModule ?
13
+ /******/ () => r["default"]
14
+ /******/ : () => r
15
+ /******/;
16
+ e.d(t, {
17
+ a: t
18
+ });
19
+ /******/ return t;
20
+ /******/ };
21
+ /******/ })();
22
+ /******/
23
+ /******/ /* webpack/runtime/define property getters */
24
+ /******/ (() => {
25
+ /******/ // define getter functions for harmony exports
26
+ /******/ e.d = (r, t) => {
27
+ /******/ for (var n in t) {
28
+ /******/ if (e.o(t, n) && !e.o(r, n)) {
29
+ /******/ Object.defineProperty(r, n, {
30
+ enumerable: true,
31
+ get: t[n]
32
+ });
33
+ /******/ }
34
+ /******/ }
35
+ /******/ };
36
+ /******/ })();
37
+ /******/
38
+ /******/ /* webpack/runtime/hasOwnProperty shorthand */
39
+ /******/ (() => {
40
+ /******/ e.o = (e, r) => Object.prototype.hasOwnProperty.call(e, r)
41
+ /******/;
42
+ })();
43
+ /******/
44
+ /******/ /* webpack/runtime/make namespace object */
45
+ /******/ (() => {
46
+ /******/ // define __esModule on exports
47
+ /******/ e.r = e => {
48
+ /******/ if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
49
+ /******/ Object.defineProperty(e, Symbol.toStringTag, {
50
+ value: "Module"
51
+ });
52
+ /******/ }
53
+ /******/ Object.defineProperty(e, "__esModule", {
54
+ value: true
55
+ });
56
+ /******/ };
57
+ /******/ })();
58
+ /******/
59
+ /************************************************************************/ var r = {};
60
+ // ESM COMPAT FLAG
61
+ e.r(r);
62
+ // EXPORTS
63
+ e.d(r, {
64
+ Body: () => /* reexport */ m,
65
+ Footer: () => /* reexport */ S,
66
+ Header: () => /* reexport */ Q,
67
+ default: () => /* reexport */ Be
68
+ });
69
+ // CONCATENATED MODULE: external "react"
70
+ const t = require("react");
71
+ var n = e.n(t);
72
+ // CONCATENATED MODULE: external "prop-types"
73
+ const o = require("prop-types");
74
+ var i = e.n(o);
75
+ // CONCATENATED MODULE: external "styled-components"
76
+ const a = require("styled-components");
77
+ var l = e.n(a);
78
+ // CONCATENATED MODULE: external "@splunk/react-ui/Box"
79
+ const c = require("@splunk/react-ui/Box");
80
+ var s = e.n(c);
81
+ // CONCATENATED MODULE: external "@splunk/themes"
82
+ const u = require("@splunk/themes");
83
+ // CONCATENATED MODULE: ./src/Card/BodyStyles.ts
84
+ var p = l()(s()).withConfig({
85
+ displayName: "BodyStyles__StyledBox",
86
+ componentId: "sc-1130udp-0"
87
+ })([ "flex:1 1 auto;overflow:auto;height:100%;", ";", "" ], (function(e) {
88
+ var r = e.$inset;
89
+ return r ? (0, a.css)([ "", "" ], (0, u.pick)({
90
+ enterprise: (0, a.css)([ "padding:", ";&:not(:first-child){padding-top:0;}" ], u.variables.spacing),
91
+ prisma: {
92
+ comfortable: (0, a.css)([ "padding:12px 24px;&:first-child{padding-top:28px;}&:last-child{padding-bottom:28px;}" ]),
93
+ compact: (0, a.css)([ "padding:8px 24px;&:first-child{padding-top:20px;}&:last-child{padding-bottom:20px;}" ])
94
+ }
95
+ })) : (0, a.css)([ "padding:0;" ]);
96
+ }), (0, u.pick)({
97
+ prisma: {
98
+ comfortable: (0, a.css)([ "border-radius:", ";color:", ";" ], u.variables.borderRadius, u.variables.contentColorMuted),
99
+ compact: (0, a.css)([ "border-radius:", ";color:", ";" ], u.variables.borderRadius, u.variables.contentColorMuted)
100
+ }
101
+ }));
102
+ // CONCATENATED MODULE: ./src/Card/Body.tsx
103
+ function d() {
104
+ d = Object.assign || function(e) {
105
+ for (var r = 1; r < arguments.length; r++) {
106
+ var t = arguments[r];
107
+ for (var n in t) {
108
+ if (Object.prototype.hasOwnProperty.call(t, n)) {
109
+ e[n] = t[n];
110
+ }
111
+ }
112
+ }
113
+ return e;
114
+ };
115
+ return d.apply(this, arguments);
116
+ }
117
+ function f(e, r) {
118
+ if (e == null) return {};
119
+ var t = b(e, r);
120
+ var n, o;
121
+ if (Object.getOwnPropertySymbols) {
122
+ var i = Object.getOwnPropertySymbols(e);
123
+ for (o = 0; o < i.length; o++) {
124
+ n = i[o];
125
+ if (r.indexOf(n) >= 0) continue;
126
+ if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
127
+ t[n] = e[n];
128
+ }
129
+ }
130
+ return t;
131
+ }
132
+ function b(e, r) {
133
+ if (e == null) return {};
134
+ var t = {};
135
+ var n = Object.keys(e);
136
+ var o, i;
137
+ for (i = 0; i < n.length; i++) {
138
+ o = n[i];
139
+ if (r.indexOf(o) >= 0) continue;
140
+ t[o] = e[o];
141
+ }
142
+ return t;
143
+ }
144
+ var v = {
145
+ children: i().node,
146
+ elementRef: i().oneOfType([ i().func, i().object ]),
147
+ inset: i().bool
148
+ };
149
+ /**
197
150
  * A styled container for `Card` body content.
198
- */
199
- function Body(_ref) {
200
- var children = _ref.children,
201
- _ref$inset = _ref.inset,
202
- inset = _ref$inset === void 0 ? true : _ref$inset,
203
- otherProps = _objectWithoutProperties(_ref, ["children", "inset"]);
204
-
205
- // @docs-props-type BodyPropsBase
206
- return /*#__PURE__*/external_react_default.a.createElement(StyledBox, _extends({
207
- "data-test": "body",
208
- $inset: inset
209
- }, otherProps), children);
210
- }
211
-
212
- Body.propTypes = propTypes;
213
- /* harmony default export */ var Card_Body = (Body);
214
- // CONCATENATED MODULE: ./src/Card/FooterStyles.ts
215
-
216
-
217
-
218
- var FooterStyles_StyledBox = external_styled_components_default()(Box_default.a).withConfig({
219
- displayName: "FooterStyles__StyledBox",
220
- componentId: "sc-1yu3r4s-0"
221
- })(["", ";text-align:right;color:", ";", ""], Object(themes_["pick"])({
222
- enterprise: Object(external_styled_components_["css"])(["padding:", ";&:first-child{border-top:none;}"], themes_["variables"].spacing),
223
- prisma: {
224
- comfortable: Object(external_styled_components_["css"])(["padding:24px;"]),
225
- compact: "padding: 18px 24px"
226
- }
227
- }), themes_["variables"].contentColorMuted, function (_ref) {
228
- var $showTopBorder = _ref.$showTopBorder;
229
- return $showTopBorder && Object(themes_["pick"])({
230
- enterprise: Object(external_styled_components_["css"])(["border-top:1px solid ", ";"], themes_["variables"].gray92)
231
- });
232
- });
233
-
234
- // CONCATENATED MODULE: ./src/Card/Footer.tsx
235
- function Footer_extends() { Footer_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return Footer_extends.apply(this, arguments); }
236
-
237
- function Footer_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = Footer_objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
238
-
239
- function Footer_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
240
-
241
-
242
-
243
-
244
- var Footer_propTypes = {
245
- children: external_prop_types_default.a.node,
246
- elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
247
- showBorder: external_prop_types_default.a.bool
248
- };
249
-
250
- /**
151
+ */ function y(e) {
152
+ var r = e.children, t = e.inset, o = t === void 0 ? true : t, i = f(e, [ "children", "inset" ]);
153
+ // @docs-props-type BodyPropsBase
154
+
155
+ return n().createElement(p, d({
156
+ "data-test": "body",
157
+ $inset: o
158
+ }, i), r);
159
+ }
160
+ y.propTypes = v;
161
+ /* harmony default export */ const m = y;
162
+ // CONCATENATED MODULE: ./src/Card/FooterStyles.ts
163
+ var h = l()(s()).withConfig({
164
+ displayName: "FooterStyles__StyledBox",
165
+ componentId: "sc-1yu3r4s-0"
166
+ })([ "", ";text-align:right;color:", ";", "" ], (0, u.pick)({
167
+ enterprise: (0, a.css)([ "padding:", ";&:first-child{border-top:none;}" ], u.variables.spacing),
168
+ prisma: {
169
+ comfortable: (0, a.css)([ "padding:24px;" ]),
170
+ compact: "padding: 18px 24px"
171
+ }
172
+ }), u.variables.contentColorMuted, (function(e) {
173
+ var r = e.$showTopBorder;
174
+ return r && (0, u.pick)({
175
+ enterprise: (0, a.css)([ "border-top:1px solid ", ";" ], u.variables.gray92)
176
+ });
177
+ }));
178
+ // CONCATENATED MODULE: ./src/Card/Footer.tsx
179
+ function g() {
180
+ g = Object.assign || function(e) {
181
+ for (var r = 1; r < arguments.length; r++) {
182
+ var t = arguments[r];
183
+ for (var n in t) {
184
+ if (Object.prototype.hasOwnProperty.call(t, n)) {
185
+ e[n] = t[n];
186
+ }
187
+ }
188
+ }
189
+ return e;
190
+ };
191
+ return g.apply(this, arguments);
192
+ }
193
+ function w(e, r) {
194
+ if (e == null) return {};
195
+ var t = O(e, r);
196
+ var n, o;
197
+ if (Object.getOwnPropertySymbols) {
198
+ var i = Object.getOwnPropertySymbols(e);
199
+ for (o = 0; o < i.length; o++) {
200
+ n = i[o];
201
+ if (r.indexOf(n) >= 0) continue;
202
+ if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
203
+ t[n] = e[n];
204
+ }
205
+ }
206
+ return t;
207
+ }
208
+ function O(e, r) {
209
+ if (e == null) return {};
210
+ var t = {};
211
+ var n = Object.keys(e);
212
+ var o, i;
213
+ for (i = 0; i < n.length; i++) {
214
+ o = n[i];
215
+ if (r.indexOf(o) >= 0) continue;
216
+ t[o] = e[o];
217
+ }
218
+ return t;
219
+ }
220
+ var x = {
221
+ children: i().node,
222
+ elementRef: i().oneOfType([ i().func, i().object ]),
223
+ showBorder: i().bool
224
+ };
225
+ /**
251
226
  * A styled container for `Card` footer content.
252
- */
253
- function Footer(_ref) {
254
- var children = _ref.children,
255
- _ref$showBorder = _ref.showBorder,
256
- showBorder = _ref$showBorder === void 0 ? true : _ref$showBorder,
257
- otherProps = Footer_objectWithoutProperties(_ref, ["children", "showBorder"]);
258
-
259
- // @docs-props-type FooterPropsBase
260
- return /*#__PURE__*/external_react_default.a.createElement(FooterStyles_StyledBox, Footer_extends({
261
- "data-test": "footer",
262
- $showTopBorder: showBorder
263
- }, otherProps), children);
264
- }
265
-
266
- Footer.propTypes = Footer_propTypes;
267
- /* harmony default export */ var Card_Footer = (Footer);
268
- // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
269
- var i18n_ = __webpack_require__(4);
270
-
271
- // EXTERNAL MODULE: external "@splunk/react-icons/DotsThreeVertical"
272
- var DotsThreeVertical_ = __webpack_require__(87);
273
- var DotsThreeVertical_default = /*#__PURE__*/__webpack_require__.n(DotsThreeVertical_);
274
-
275
- // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/MoreVertical"
276
- var MoreVertical_ = __webpack_require__(127);
277
- var MoreVertical_default = /*#__PURE__*/__webpack_require__.n(MoreVertical_);
278
-
279
- // EXTERNAL MODULE: external "@splunk/react-ui/Anchor"
280
- var Anchor_ = __webpack_require__(88);
281
- var Anchor_default = /*#__PURE__*/__webpack_require__.n(Anchor_);
282
-
283
- // EXTERNAL MODULE: external "@splunk/react-ui/Dropdown"
284
- var Dropdown_ = __webpack_require__(22);
285
- var Dropdown_default = /*#__PURE__*/__webpack_require__.n(Dropdown_);
286
-
287
- // EXTERNAL MODULE: external "@splunk/react-ui/Tooltip"
288
- var Tooltip_ = __webpack_require__(45);
289
- var Tooltip_default = /*#__PURE__*/__webpack_require__.n(Tooltip_);
290
-
291
- // EXTERNAL MODULE: external "@splunk/react-ui/Button"
292
- var Button_ = __webpack_require__(17);
293
- var Button_default = /*#__PURE__*/__webpack_require__.n(Button_);
294
-
295
- // CONCATENATED MODULE: ./src/Card/HeaderStyles.ts
296
-
297
-
298
-
299
-
300
- var StyledTitle = external_styled_components_default.a.div.withConfig({
301
- displayName: "HeaderStyles__StyledTitle",
302
- componentId: "eqi6uk-0"
303
- })(["", " ", " margin:0;overflow-wrap:break-word;padding:0;"], themes_["mixins"].reset('block'), Object(themes_["pick"])({
304
- enterprise: Object(external_styled_components_["css"])(["font-weight:", ";font-size:", ";line-height:1.2;"], themes_["variables"].fontWeightSemiBold, themes_["variables"].fontSizeLarge),
305
- prisma: Object(external_styled_components_["css"])(["font-weight:", ";color:", ";"], themes_["variables"].fontWeightBold, themes_["variables"].contentColorActive)
306
- }));
307
- var StyledSubtitle = external_styled_components_default.a.div.withConfig({
308
- displayName: "HeaderStyles__StyledSubtitle",
309
- componentId: "eqi6uk-1"
310
- })(["", " ", " margin:0;overflow-wrap:break-word;padding:0;font-weight:normal;"], themes_["mixins"].reset('block'), Object(themes_["pick"])({
311
- enterprise: Object(external_styled_components_["css"])(["font-size:", ";color:", ";"], themes_["variables"].fontSizeSmall, themes_["variables"].textGray),
312
- prisma: Object(external_styled_components_["css"])(["color:", ";"], themes_["variables"].contentColorDefault)
313
- }));
314
- var StyledTitleContainer = external_styled_components_default.a.div.withConfig({
315
- displayName: "HeaderStyles__StyledTitleContainer",
316
- componentId: "eqi6uk-2"
317
- })(["", " flex:0 1 auto;", " &:not(:last-child){margin-right:", ";}"], themes_["mixins"].reset('block'), function (_ref) {
318
- var $truncateTitle = _ref.$truncateTitle;
319
- return $truncateTitle && Object(external_styled_components_["css"])(["overflow:hidden;& > ", ",& > ", "{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}"],
320
- /* sc-sel */
321
- StyledTitle,
322
- /* sc-sel */
323
- StyledSubtitle);
324
- }, Object(themes_["pick"])({
325
- enterprise: themes_["variables"].spacingHalf,
326
- prisma: themes_["variables"].spacingSmall
327
- }));
328
- var StyledActionContainer = external_styled_components_default.a.div.withConfig({
329
- displayName: "HeaderStyles__StyledActionContainer",
330
- componentId: "eqi6uk-3"
331
- })(["", " align-items:center;display:flex;flex:0 0 auto;justify-content:space-between;", ";"], themes_["mixins"].reset('block'), Object(themes_["pick"])({
332
- prisma: {
333
- comfortable: Object(external_styled_components_["css"])(["margin-right:-12px;margin-top:-4px;"]),
334
- compact: Object(external_styled_components_["css"])(["margin-right:-12px;margin-top:0;"])
335
- }
336
- }));
337
- var StyledSecondaryAction = external_styled_components_default()(Button_default.a).withConfig({
338
- displayName: "HeaderStyles__StyledSecondaryAction",
339
- componentId: "eqi6uk-4"
340
- })(["margin-left:10px;"]);
341
- var HeaderStyles_StyledBox = external_styled_components_default()(Box_default.a).withConfig({
342
- displayName: "HeaderStyles__StyledBox",
343
- componentId: "eqi6uk-5"
344
- })(["align-items:start;display:flex;flex:0 0 auto;justify-content:space-between;position:relative;min-height:30px;", " ", " >:not(", "):not(", "){flex:1 0 auto;}"], Object(themes_["pick"])({
345
- enterprise: Object(external_styled_components_["css"])(["padding:", ";"], themes_["variables"].spacing),
346
- prisma: {
347
- comfortable: Object(external_styled_components_["css"])(["padding:16px 24px;&:last-child{padding-bottom:32px;}"]),
348
- compact: Object(external_styled_components_["css"])(["padding:12px 24px;&:last-child{padding-bottom:24px;}"])
349
- }
350
- }), Object(themes_["pick"])({
351
- prisma: Object(external_styled_components_["css"])(["border-top-left-radius:", ";border-top-right-radius:", ";"], themes_["variables"].borderRadius, themes_["variables"].borderRadius)
352
- }),
353
- /* sc-sel */
354
- StyledTitleContainer,
355
- /* sc-sel */
356
- StyledActionContainer);
357
-
358
- // CONCATENATED MODULE: ./src/Card/Header.tsx
359
- function Header_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = Header_objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
360
-
361
- function Header_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
362
-
363
- function Header_extends() { Header_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return Header_extends.apply(this, arguments); }
364
-
365
-
366
-
367
-
368
-
369
-
370
-
371
-
372
-
373
-
374
-
375
- var Header_propTypes = {
376
- actionPrimary: external_prop_types_default.a.node,
377
- actionsSecondary: external_prop_types_default.a.node,
378
- anchor: external_prop_types_default.a.string,
379
- children: external_prop_types_default.a.node,
380
- elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
381
- subtitle: external_prop_types_default.a.node,
382
- title: external_prop_types_default.a.node,
383
- truncateTitle: external_prop_types_default.a.bool
384
- };
385
- // `forwardRef` is used to enable focus on toggle when Dropdown is closing
386
- var ActionsSecondaryToggle = /*#__PURE__*/external_react_default.a.forwardRef(function (props, ref) {
387
- var _useSplunkTheme = Object(themes_["useSplunkTheme"])(),
388
- family = _useSplunkTheme.family,
389
- isCompact = _useSplunkTheme.isCompact;
390
-
391
- var iconPrismaSize = isCompact ? '20px' : '24px';
392
- var actionsIcon = family === 'prisma' ? /*#__PURE__*/external_react_default.a.createElement(DotsThreeVertical_default.a, {
393
- height: iconPrismaSize,
394
- width: iconPrismaSize
395
- }) : /*#__PURE__*/external_react_default.a.createElement(MoreVertical_default.a, null);
396
- return /*#__PURE__*/external_react_default.a.createElement(Tooltip_default.a, Header_extends({
397
- content: Object(i18n_["_"])('Actions'),
398
- contentRelationship: "label"
399
- }, props), /*#__PURE__*/external_react_default.a.createElement(StyledSecondaryAction, {
400
- appearance: "secondary",
401
- "data-test": "actions-secondary-toggle",
402
- icon: actionsIcon,
403
- elementRef: ref
404
- }));
405
- });
406
- /**
227
+ */ function k(e) {
228
+ var r = e.children, t = e.showBorder, o = t === void 0 ? true : t, i = w(e, [ "children", "showBorder" ]);
229
+ // @docs-props-type FooterPropsBase
230
+
231
+ return n().createElement(h, g({
232
+ "data-test": "footer",
233
+ $showTopBorder: o
234
+ }, i), r);
235
+ }
236
+ k.propTypes = x;
237
+ /* harmony default export */ const S = k;
238
+ // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
239
+ const j = require("@splunk/ui-utils/i18n");
240
+ // CONCATENATED MODULE: external "@splunk/react-icons/DotsThreeVertical"
241
+ const C = require("@splunk/react-icons/DotsThreeVertical");
242
+ var P = e.n(C);
243
+ // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/MoreVertical"
244
+ const _ = require("@splunk/react-icons/enterprise/MoreVertical");
245
+ var T = e.n(_);
246
+ // CONCATENATED MODULE: external "@splunk/react-ui/Anchor"
247
+ const E = require("@splunk/react-ui/Anchor");
248
+ var B = e.n(E);
249
+ // CONCATENATED MODULE: external "@splunk/react-ui/Dropdown"
250
+ const R = require("@splunk/react-ui/Dropdown");
251
+ var I = e.n(R);
252
+ // CONCATENATED MODULE: external "@splunk/react-ui/Tooltip"
253
+ const q = require("@splunk/react-ui/Tooltip");
254
+ var H = e.n(q);
255
+ // CONCATENATED MODULE: external "@splunk/react-ui/Button"
256
+ const N = require("@splunk/react-ui/Button");
257
+ var $ = e.n(N);
258
+ // CONCATENATED MODULE: ./src/Card/HeaderStyles.ts
259
+ var A = l().div.withConfig({
260
+ displayName: "HeaderStyles__StyledTitle",
261
+ componentId: "eqi6uk-0"
262
+ })([ "", " ", " margin:0;overflow-wrap:break-word;padding:0;" ], u.mixins.reset("block"), (0,
263
+ u.pick)({
264
+ enterprise: (0, a.css)([ "font-weight:", ";font-size:", ";line-height:1.2;" ], u.variables.fontWeightSemiBold, u.variables.fontSizeLarge),
265
+ prisma: (0, a.css)([ "font-weight:", ";color:", ";" ], u.variables.fontWeightBold, u.variables.contentColorActive)
266
+ }));
267
+ var W = l().div.withConfig({
268
+ displayName: "HeaderStyles__StyledSubtitle",
269
+ componentId: "eqi6uk-1"
270
+ })([ "", " ", " margin:0;overflow-wrap:break-word;padding:0;font-weight:normal;" ], u.mixins.reset("block"), (0,
271
+ u.pick)({
272
+ enterprise: (0, a.css)([ "font-size:", ";color:", ";" ], u.variables.fontSizeSmall, u.variables.textGray),
273
+ prisma: (0, a.css)([ "color:", ";" ], u.variables.contentColorDefault)
274
+ }));
275
+ var D = l().div.withConfig({
276
+ displayName: "HeaderStyles__StyledTitleContainer",
277
+ componentId: "eqi6uk-2"
278
+ })([ "", " flex:0 1 auto;", " &:not(:last-child){margin-right:", ";}" ], u.mixins.reset("block"), (function(e) {
279
+ var r = e.$truncateTitle;
280
+ return r && (0, a.css)([ "overflow:hidden;& > ", ",& > ", "{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}" ],
281
+ /* sc-sel */
282
+ A,
283
+ /* sc-sel */
284
+ W);
285
+ }), (0, u.pick)({
286
+ enterprise: u.variables.spacingHalf,
287
+ prisma: u.variables.spacingSmall
288
+ }));
289
+ var M = l().div.withConfig({
290
+ displayName: "HeaderStyles__StyledActionContainer",
291
+ componentId: "eqi6uk-3"
292
+ })([ "", " align-items:center;display:flex;flex:0 0 auto;justify-content:space-between;", ";" ], u.mixins.reset("block"), (0,
293
+ u.pick)({
294
+ prisma: {
295
+ comfortable: (0, a.css)([ "margin-right:-12px;margin-top:-4px;" ]),
296
+ compact: (0, a.css)([ "margin-right:-12px;margin-top:0;" ])
297
+ }
298
+ }));
299
+ var F = l()($()).withConfig({
300
+ displayName: "HeaderStyles__StyledSecondaryAction",
301
+ componentId: "eqi6uk-4"
302
+ })([ "margin-left:10px;" ]);
303
+ var z = l()(s()).withConfig({
304
+ displayName: "HeaderStyles__StyledBox",
305
+ componentId: "eqi6uk-5"
306
+ })([ "align-items:start;display:flex;flex:0 0 auto;justify-content:space-between;position:relative;min-height:30px;", " ", " >:not(", "):not(", "){flex:1 0 auto;}" ], (0,
307
+ u.pick)({
308
+ enterprise: (0, a.css)([ "padding:", ";" ], u.variables.spacing),
309
+ prisma: {
310
+ comfortable: (0, a.css)([ "padding:16px 24px;&:last-child{padding-bottom:32px;}" ]),
311
+ compact: (0, a.css)([ "padding:12px 24px;&:last-child{padding-bottom:24px;}" ])
312
+ }
313
+ }), (0, u.pick)({
314
+ prisma: (0, a.css)([ "border-top-left-radius:", ";border-top-right-radius:", ";" ], u.variables.borderRadius, u.variables.borderRadius)
315
+ }),
316
+ /* sc-sel */
317
+ D,
318
+ /* sc-sel */
319
+ M);
320
+ // CONCATENATED MODULE: ./src/Card/Header.tsx
321
+ function L(e, r) {
322
+ if (e == null) return {};
323
+ var t = V(e, r);
324
+ var n, o;
325
+ if (Object.getOwnPropertySymbols) {
326
+ var i = Object.getOwnPropertySymbols(e);
327
+ for (o = 0; o < i.length; o++) {
328
+ n = i[o];
329
+ if (r.indexOf(n) >= 0) continue;
330
+ if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
331
+ t[n] = e[n];
332
+ }
333
+ }
334
+ return t;
335
+ }
336
+ function V(e, r) {
337
+ if (e == null) return {};
338
+ var t = {};
339
+ var n = Object.keys(e);
340
+ var o, i;
341
+ for (i = 0; i < n.length; i++) {
342
+ o = n[i];
343
+ if (r.indexOf(o) >= 0) continue;
344
+ t[o] = e[o];
345
+ }
346
+ return t;
347
+ }
348
+ function G() {
349
+ G = Object.assign || function(e) {
350
+ for (var r = 1; r < arguments.length; r++) {
351
+ var t = arguments[r];
352
+ for (var n in t) {
353
+ if (Object.prototype.hasOwnProperty.call(t, n)) {
354
+ e[n] = t[n];
355
+ }
356
+ }
357
+ }
358
+ return e;
359
+ };
360
+ return G.apply(this, arguments);
361
+ }
362
+ var U = {
363
+ actionPrimary: i().node,
364
+ actionsSecondary: i().node,
365
+ anchor: i().string,
366
+ children: i().node,
367
+ elementRef: i().oneOfType([ i().func, i().object ]),
368
+ subtitle: i().node,
369
+ title: i().node,
370
+ truncateTitle: i().bool
371
+ };
372
+ // `forwardRef` is used to enable focus on toggle when Dropdown is closing
373
+ var J = n().forwardRef((function(e, r) {
374
+ var t = (0, u.useSplunkTheme)(), o = t.family, i = t.isCompact;
375
+ var a = i ? "20px" : "24px";
376
+ var l = o === "prisma" ? n().createElement(P(), {
377
+ height: a,
378
+ width: a
379
+ }) : n().createElement(T(), null);
380
+
381
+ return n().createElement(H(), G({
382
+ content: (0, j._)("Actions"),
383
+ contentRelationship: "label"
384
+ }, e), n().createElement(F, {
385
+ appearance: "secondary",
386
+ "data-test": "actions-secondary-toggle",
387
+ icon: l,
388
+ elementRef: r
389
+ }));
390
+ }));
391
+ /**
407
392
  * A styled container for `Card` header content.
408
- */
409
-
410
- function Header(_ref) {
411
- var actionPrimary = _ref.actionPrimary,
412
- actionsSecondary = _ref.actionsSecondary,
413
- anchor = _ref.anchor,
414
- children = _ref.children,
415
- subtitle = _ref.subtitle,
416
- title = _ref.title,
417
- _ref$truncateTitle = _ref.truncateTitle,
418
- truncateTitle = _ref$truncateTitle === void 0 ? true : _ref$truncateTitle,
419
- otherProps = Header_objectWithoutProperties(_ref, ["actionPrimary", "actionsSecondary", "anchor", "children", "subtitle", "title", "truncateTitle"]);
420
-
421
- // @docs-props-type HeaderPropsBase
422
- var _useSplunkTheme2 = Object(themes_["useSplunkTheme"])(),
423
- family = _useSplunkTheme2.family;
424
-
425
- var defaultPlacement = family === 'prisma' ? 'right' : 'below';
426
- return /*#__PURE__*/external_react_default.a.createElement(HeaderStyles_StyledBox, Header_extends({
427
- "data-test": "header"
428
- }, otherProps), (title || subtitle) && /*#__PURE__*/external_react_default.a.createElement(StyledTitleContainer, {
429
- $truncateTitle: truncateTitle
430
- }, title && /*#__PURE__*/external_react_default.a.createElement(StyledTitle, null, anchor ? /*#__PURE__*/external_react_default.a.createElement(Anchor_default.a, {
431
- name: anchor
432
- }, title) : title), subtitle && /*#__PURE__*/external_react_default.a.createElement(StyledSubtitle, null, subtitle)), children, (actionPrimary || actionsSecondary) && /*#__PURE__*/external_react_default.a.createElement(StyledActionContainer, null, actionPrimary, actionsSecondary && /*#__PURE__*/external_react_default.a.createElement(Dropdown_default.a, {
433
- defaultPlacement: defaultPlacement,
434
- toggle: /*#__PURE__*/external_react_default.a.createElement(ActionsSecondaryToggle, null)
435
- }, actionsSecondary)));
436
- }
437
-
438
- Header.propTypes = Header_propTypes;
439
- /* harmony default export */ var Card_Header = (Header);
440
- // EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
441
- var Clickable_ = __webpack_require__(12);
442
- var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
443
-
444
- // CONCATENATED MODULE: ./src/Card/CardStyles.ts
445
-
446
-
447
-
448
- var cardTransitionTime = '0.2s';
449
- var Styled = external_styled_components_default.a.div.withConfig({
450
- displayName: "CardStyles__Styled",
451
- componentId: "ola3x0-0"
452
- })(["", ";flex-direction:column;align-items:stretch;min-width:100px;flex:1;vertical-align:top;", " transition:height ", ",width ", ",min-width ", ",max-width ", ",margin ", ",box-shadow ", ",border-color ", ";", " &[data-clickable='true']{cursor:pointer;", " &:hover{", "}&:focus{", "}}"], themes_["mixins"].reset('inline-flex'), Object(themes_["pick"])({
453
- enterprise: Object(external_styled_components_["css"])(["background-color:", ";border:1px solid transparent;"], themes_["variables"].backgroundColor),
454
- prisma: Object(external_styled_components_["css"])(["background-color:", ";border-radius:", ";box-shadow:", ";"], themes_["variables"].backgroundColorSection, themes_["variables"].borderRadius, themes_["variables"].embossShadow)
455
- }), cardTransitionTime, cardTransitionTime, cardTransitionTime, cardTransitionTime, cardTransitionTime, cardTransitionTime, cardTransitionTime, function (_ref) {
456
- var $cardHasBorder = _ref.$cardHasBorder;
457
- return $cardHasBorder && Object(themes_["pick"])({
458
- enterprise: Object(external_styled_components_["css"])(["border-color:", ";"], themes_["variables"].borderLightColor)
459
- });
460
- }, function (_ref2) {
461
- var $selected = _ref2.$selected;
462
- return $selected && Object(themes_["pick"])({
463
- enterprise: Object(external_styled_components_["css"])(["border-color:", ";"], themes_["variables"].focusColor),
464
- prisma: Object(external_styled_components_["css"])(["background-color:", ";"], themes_["mixins"].overlayColors(themes_["variables"].backgroundColorSection, themes_["variables"].interactiveColorOverlaySelected))
465
- });
466
- }, Object(themes_["pick"])({
467
- enterprise: Object(external_styled_components_["css"])(["box-shadow:", ";"], themes_["variables"].overlayShadow),
468
- prisma: Object(external_styled_components_["css"])(["box-shadow:", ";background-color:", ";"], themes_["variables"].embossShadow, themes_["mixins"].overlayColors(themes_["variables"].backgroundColorSection, themes_["variables"].interactiveColorOverlayHover))
469
- }), Object(themes_["pick"])({
470
- enterprise: Object(external_styled_components_["css"])(["box-shadow:", ";"], themes_["variables"].focusShadow),
471
- prisma: Object(external_styled_components_["css"])(["box-shadow:", ";background-color:", ";"], themes_["variables"].embossShadow, themes_["mixins"].overlayColors(themes_["variables"].backgroundColorSection, themes_["variables"].interactiveColorOverlayHover))
472
- }));
473
- var StyledClickable = Styled.withComponent(Clickable_default.a);
474
- /* A child element we add to <button>s to make flexbox work.
393
+ */ function K(e) {
394
+ var r = e.actionPrimary, t = e.actionsSecondary, o = e.anchor, i = e.children, a = e.subtitle, l = e.title, c = e.truncateTitle, s = c === void 0 ? true : c, p = L(e, [ "actionPrimary", "actionsSecondary", "anchor", "children", "subtitle", "title", "truncateTitle" ]);
395
+ // @docs-props-type HeaderPropsBase
396
+ var d = (0, u.useSplunkTheme)(), f = d.family;
397
+ var b = f === "prisma" ? "right" : "below";
398
+
399
+ return n().createElement(z, G({
400
+ "data-test": "header"
401
+ }, p), (l || a) && n().createElement(D, {
402
+ $truncateTitle: s
403
+ }, l && n().createElement(A, null, o ? n().createElement(B(), {
404
+ name: o
405
+ }, l) : l), a && n().createElement(W, null, a)), i, (r || t) && n().createElement(M, null, r, t && n().createElement(I(), {
406
+ defaultPlacement: b,
407
+ toggle: n().createElement(J, null)
408
+ }, t)));
409
+ }
410
+ K.propTypes = U;
411
+ /* harmony default export */ const Q = K;
412
+ // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
413
+ const X = require("@splunk/react-ui/Clickable");
414
+ var Y = e.n(X);
415
+ // CONCATENATED MODULE: ./src/Card/CardStyles.ts
416
+ var Z = "0.2s";
417
+ var ee = l().div.withConfig({
418
+ displayName: "CardStyles__Styled",
419
+ componentId: "ola3x0-0"
420
+ })([ "", ";flex-direction:column;align-items:stretch;min-width:100px;flex:1;vertical-align:top;", " transition:height ", ",width ", ",min-width ", ",max-width ", ",margin ", ",box-shadow ", ",border-color ", ";", " &[data-clickable='true']{cursor:pointer;", " &:hover{", "}&:focus{", "}}" ], u.mixins.reset("inline-flex"), (0,
421
+ u.pick)({
422
+ enterprise: (0, a.css)([ "background-color:", ";border:1px solid transparent;" ], u.variables.backgroundColor),
423
+ prisma: (0, a.css)([ "background-color:", ";border-radius:", ";box-shadow:", ";" ], u.variables.backgroundColorSection, u.variables.borderRadius, u.variables.embossShadow)
424
+ }), Z, Z, Z, Z, Z, Z, Z, (function(e) {
425
+ var r = e.$cardHasBorder;
426
+ return r && (0, u.pick)({
427
+ enterprise: (0, a.css)([ "border-color:", ";" ], u.variables.borderLightColor)
428
+ });
429
+ }), (function(e) {
430
+ var r = e.$selected;
431
+ return r && (0, u.pick)({
432
+ enterprise: (0, a.css)([ "border-color:", ";" ], u.variables.focusColor),
433
+ prisma: (0, a.css)([ "background-color:", ";" ], u.mixins.overlayColors(u.variables.backgroundColorSection, u.variables.interactiveColorOverlaySelected))
434
+ });
435
+ }), (0, u.pick)({
436
+ enterprise: (0, a.css)([ "box-shadow:", ";" ], u.variables.overlayShadow),
437
+ prisma: (0, a.css)([ "box-shadow:", ";background-color:", ";" ], u.variables.embossShadow, u.mixins.overlayColors(u.variables.backgroundColorSection, u.variables.interactiveColorOverlayHover))
438
+ }), (0, u.pick)({
439
+ enterprise: (0, a.css)([ "box-shadow:", ";" ], u.variables.focusShadow),
440
+ prisma: (0, a.css)([ "box-shadow:", ";background-color:", ";" ], u.variables.embossShadow, u.mixins.overlayColors(u.variables.backgroundColorSection, u.variables.interactiveColorOverlayHover))
441
+ }));
442
+ var re = ee.withComponent(Y());
443
+ /* A child element we add to <button>s to make flexbox work.
475
444
  Without this wrapper element, child elements won't flex
476
445
  in Firefox.
477
446
  This unfortunately exposes some fragility in IE (e.g., adding
478
447
  a flex: 1 style here will cause the card to collapse) so test
479
448
  across the supported browsers if making a change here.
480
- */
481
-
482
- var StyledFirefoxFlexHack = external_styled_components_default.a.div.withConfig({
483
- displayName: "CardStyles__StyledFirefoxFlexHack",
484
- componentId: "ola3x0-1"
485
- })(["display:flex;flex:1 1 auto;flex-direction:column;align-items:stretch;justify-content:stretch;height:100%;", ""], Object(themes_["pick"])({
486
- prisma: Object(external_styled_components_["css"])(["border-radius:", ";"], themes_["variables"].borderRadius)
487
- }));
488
-
489
- // CONCATENATED MODULE: ./src/Card/Card.tsx
490
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
491
-
492
- function Card_extends() { Card_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return Card_extends.apply(this, arguments); }
493
-
494
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
495
-
496
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
497
-
498
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
499
-
500
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
501
-
502
- function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
503
-
504
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
505
-
506
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
507
-
508
- function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
509
-
510
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
511
-
512
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
513
-
514
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
515
-
516
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
517
-
518
- function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
519
-
520
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
521
-
522
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
523
-
524
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
525
-
526
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
527
-
528
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
529
-
530
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
531
-
532
- function Card_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = Card_objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
533
-
534
- function Card_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
535
-
536
-
537
-
538
-
539
-
540
-
541
-
542
- var Card_propTypes = {
543
- children: external_prop_types_default.a.node,
544
- elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
545
-
546
- /** @private */
547
- margin: external_prop_types_default.a.number,
548
-
549
- /** @private */
550
- maxWidth: external_prop_types_default.a.oneOfType([external_prop_types_default.a.number, external_prop_types_default.a.string]),
551
-
552
- /** @private */
553
- minWidth: external_prop_types_default.a.oneOfType([external_prop_types_default.a.number, external_prop_types_default.a.string]),
554
- onClick: external_prop_types_default.a.func,
555
- openInNewContext: external_prop_types_default.a.bool,
556
- selected: external_prop_types_default.a.bool,
557
- showBorder: external_prop_types_default.a.bool,
558
- to: external_prop_types_default.a.string,
559
- value: external_prop_types_default.a.any
560
- };
561
- var defaultProps = {
562
- openInNewContext: false,
563
- selected: false,
564
- showBorder: true
565
- };
566
-
567
- function isClickable(props) {
568
- return !!props.onClick || !!props.to;
569
- }
570
-
571
- function getSharedProps(props) {
572
- var margin = props.margin,
573
- maxWidth = props.maxWidth,
574
- minWidth = props.minWidth,
575
- selected = props.selected,
576
- showBorder = props.showBorder,
577
- style = props.style,
578
- otherProps = Card_objectWithoutProperties(props, ["margin", "maxWidth", "minWidth", "selected", "showBorder", "style"]);
579
-
580
- var cardStyle = _objectSpread({
581
- minWidth: minWidth,
582
- maxWidth: maxWidth,
583
- margin: margin
584
- }, style);
585
-
586
- var sharedProps = {
587
- showBorder: showBorder,
588
- selected: selected,
589
- 'data-test': 'card',
590
- style: cardStyle
591
- };
592
- return [sharedProps, otherProps];
593
- }
594
-
595
- var Card_Card = /*#__PURE__*/function (_Component) {
596
- _inherits(Card, _Component);
597
-
598
- var _super = _createSuper(Card);
599
-
600
- function Card() {
601
- var _this;
602
-
603
- _classCallCheck(this, Card);
604
-
605
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
606
- args[_key] = arguments[_key];
607
- }
608
-
609
- _this = _super.call.apply(_super, [this].concat(args));
610
-
611
- _defineProperty(_assertThisInitialized(_this), "handleCardClick", function (e) {
612
- var _this$props$onClick, _this$props2;
613
-
614
- var _this$props = _this.props,
615
- selected = _this$props.selected,
616
- value = _this$props.value;
617
- (_this$props$onClick = (_this$props2 = _this.props).onClick) === null || _this$props$onClick === void 0 ? void 0 : _this$props$onClick.call(_this$props2, e, {
618
- selected: selected,
619
- value: value
620
- });
621
- });
622
-
623
- return _this;
624
- }
625
-
626
- _createClass(Card, [{
627
- key: "render",
628
- value: function render() {
629
- if (isClickable(this.props)) {
630
- var _getSharedProps = getSharedProps(this.props),
631
- _getSharedProps2 = _slicedToArray(_getSharedProps, 2),
632
- _sharedProps = _getSharedProps2[0],
633
- _ownProps = _getSharedProps2[1];
634
-
635
- var _selected = _sharedProps.selected,
636
- _showBorder = _sharedProps.showBorder;
637
-
638
- var _children = _ownProps.children,
639
- _elementRef = _ownProps.elementRef,
640
- onClick = _ownProps.onClick,
641
- openInNewContext = _ownProps.openInNewContext,
642
- to = _ownProps.to,
643
- _otherProps = Card_objectWithoutProperties(_ownProps, ["children", "elementRef", "onClick", "openInNewContext", "to"]);
644
-
645
- return /*#__PURE__*/external_react_default.a.createElement(StyledClickable, Card_extends({
646
- "data-clickable": true,
647
- $selected: _selected,
648
- $cardHasBorder: _showBorder,
649
- elementRef: _elementRef
650
- }, _sharedProps, _otherProps, {
651
- onClick: onClick ? this.handleCardClick : undefined,
652
- openInNewContext: openInNewContext,
653
- to: to || undefined
654
- }), /*#__PURE__*/external_react_default.a.createElement(StyledFirefoxFlexHack, null, _children));
655
- }
656
-
657
- var _getSharedProps3 = getSharedProps(this.props),
658
- _getSharedProps4 = _slicedToArray(_getSharedProps3, 2),
659
- sharedProps = _getSharedProps4[0],
660
- ownProps = _getSharedProps4[1];
661
-
662
- var selected = sharedProps.selected,
663
- showBorder = sharedProps.showBorder;
664
-
665
- var children = ownProps.children,
666
- elementRef = ownProps.elementRef,
667
- otherProps = Card_objectWithoutProperties(ownProps, ["children", "elementRef"]);
668
-
669
- return /*#__PURE__*/external_react_default.a.createElement(Styled, Card_extends({
670
- $selected: selected,
671
- $cardHasBorder: showBorder,
672
- ref: elementRef
673
- }, sharedProps, otherProps), children);
674
- }
675
- }]);
676
-
677
- return Card;
678
- }(external_react_["Component"]);
679
-
680
- _defineProperty(Card_Card, "propTypes", Card_propTypes);
681
-
682
- _defineProperty(Card_Card, "defaultProps", defaultProps);
683
-
684
- _defineProperty(Card_Card, "Header", Card_Header);
685
-
686
- _defineProperty(Card_Card, "Body", Card_Body);
687
-
688
- _defineProperty(Card_Card, "Footer", Card_Footer);
689
-
690
- /* harmony default export */ var src_Card_Card = (Card_Card);
691
-
692
- // CONCATENATED MODULE: ./src/Card/index.ts
693
-
694
-
695
-
696
- /***/ }),
697
-
698
- /***/ 2:
699
- /***/ (function(module, exports) {
700
-
701
- module.exports = require("react");
702
-
703
- /***/ }),
704
-
705
- /***/ 22:
706
- /***/ (function(module, exports) {
707
-
708
- module.exports = require("@splunk/react-ui/Dropdown");
709
-
710
- /***/ }),
711
-
712
- /***/ 3:
713
- /***/ (function(module, exports) {
714
-
715
- module.exports = require("styled-components");
716
-
717
- /***/ }),
718
-
719
- /***/ 4:
720
- /***/ (function(module, exports) {
721
-
722
- module.exports = require("@splunk/ui-utils/i18n");
723
-
724
- /***/ }),
725
-
726
- /***/ 45:
727
- /***/ (function(module, exports) {
728
-
729
- module.exports = require("@splunk/react-ui/Tooltip");
730
-
731
- /***/ }),
732
-
733
- /***/ 6:
734
- /***/ (function(module, exports) {
735
-
736
- module.exports = require("@splunk/react-ui/Box");
737
-
738
- /***/ }),
739
-
740
- /***/ 87:
741
- /***/ (function(module, exports) {
742
-
743
- module.exports = require("@splunk/react-icons/DotsThreeVertical");
744
-
745
- /***/ }),
746
-
747
- /***/ 88:
748
- /***/ (function(module, exports) {
749
-
750
- module.exports = require("@splunk/react-ui/Anchor");
751
-
752
- /***/ })
753
-
754
- /******/ });
449
+ */ var te = l().div.withConfig({
450
+ displayName: "CardStyles__StyledFirefoxFlexHack",
451
+ componentId: "ola3x0-1"
452
+ })([ "display:flex;flex:1 1 auto;flex-direction:column;align-items:stretch;justify-content:stretch;height:100%;", "" ], (0,
453
+ u.pick)({
454
+ prisma: (0, a.css)([ "border-radius:", ";" ], u.variables.borderRadius)
455
+ }));
456
+ // CONCATENATED MODULE: ./src/Card/Card.tsx
457
+ function ne(e) {
458
+ "@babel/helpers - typeof";
459
+ if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
460
+ ne = function e(r) {
461
+ return typeof r;
462
+ };
463
+ } else {
464
+ ne = function e(r) {
465
+ return r && typeof Symbol === "function" && r.constructor === Symbol && r !== Symbol.prototype ? "symbol" : typeof r;
466
+ };
467
+ }
468
+ return ne(e);
469
+ }
470
+ function oe() {
471
+ oe = Object.assign || function(e) {
472
+ for (var r = 1; r < arguments.length; r++) {
473
+ var t = arguments[r];
474
+ for (var n in t) {
475
+ if (Object.prototype.hasOwnProperty.call(t, n)) {
476
+ e[n] = t[n];
477
+ }
478
+ }
479
+ }
480
+ return e;
481
+ };
482
+ return oe.apply(this, arguments);
483
+ }
484
+ function ie(e, r) {
485
+ return ue(e) || se(e, r) || le(e, r) || ae();
486
+ }
487
+ function ae() {
488
+ throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
489
+ }
490
+ function le(e, r) {
491
+ if (!e) return;
492
+ if (typeof e === "string") return ce(e, r);
493
+ var t = Object.prototype.toString.call(e).slice(8, -1);
494
+ if (t === "Object" && e.constructor) t = e.constructor.name;
495
+ if (t === "Map" || t === "Set") return Array.from(e);
496
+ if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return ce(e, r);
497
+ }
498
+ function ce(e, r) {
499
+ if (r == null || r > e.length) r = e.length;
500
+ for (var t = 0, n = new Array(r); t < r; t++) {
501
+ n[t] = e[t];
502
+ }
503
+ return n;
504
+ }
505
+ function se(e, r) {
506
+ if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(e))) return;
507
+ var t = [];
508
+ var n = true;
509
+ var o = false;
510
+ var i = undefined;
511
+ try {
512
+ for (var a = e[Symbol.iterator](), l; !(n = (l = a.next()).done); n = true) {
513
+ t.push(l.value);
514
+ if (r && t.length === r) break;
515
+ }
516
+ } catch (e) {
517
+ o = true;
518
+ i = e;
519
+ } finally {
520
+ try {
521
+ if (!n && a["return"] != null) a["return"]();
522
+ } finally {
523
+ if (o) throw i;
524
+ }
525
+ }
526
+ return t;
527
+ }
528
+ function ue(e) {
529
+ if (Array.isArray(e)) return e;
530
+ }
531
+ function pe(e, r) {
532
+ if (!(e instanceof r)) {
533
+ throw new TypeError("Cannot call a class as a function");
534
+ }
535
+ }
536
+ function de(e, r) {
537
+ for (var t = 0; t < r.length; t++) {
538
+ var n = r[t];
539
+ n.enumerable = n.enumerable || false;
540
+ n.configurable = true;
541
+ if ("value" in n) n.writable = true;
542
+ Object.defineProperty(e, n.key, n);
543
+ }
544
+ }
545
+ function fe(e, r, t) {
546
+ if (r) de(e.prototype, r);
547
+ if (t) de(e, t);
548
+ return e;
549
+ }
550
+ function be(e, r) {
551
+ if (typeof r !== "function" && r !== null) {
552
+ throw new TypeError("Super expression must either be null or a function");
553
+ }
554
+ e.prototype = Object.create(r && r.prototype, {
555
+ constructor: {
556
+ value: e,
557
+ writable: true,
558
+ configurable: true
559
+ }
560
+ });
561
+ if (r) ve(e, r);
562
+ }
563
+ function ve(e, r) {
564
+ ve = Object.setPrototypeOf || function e(r, t) {
565
+ r.__proto__ = t;
566
+ return r;
567
+ };
568
+ return ve(e, r);
569
+ }
570
+ function ye(e) {
571
+ var r = ge();
572
+ return function t() {
573
+ var n = we(e), o;
574
+ if (r) {
575
+ var i = we(this).constructor;
576
+ o = Reflect.construct(n, arguments, i);
577
+ } else {
578
+ o = n.apply(this, arguments);
579
+ }
580
+ return me(this, o);
581
+ };
582
+ }
583
+ function me(e, r) {
584
+ if (r && (ne(r) === "object" || typeof r === "function")) {
585
+ return r;
586
+ }
587
+ return he(e);
588
+ }
589
+ function he(e) {
590
+ if (e === void 0) {
591
+ throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
592
+ }
593
+ return e;
594
+ }
595
+ function ge() {
596
+ if (typeof Reflect === "undefined" || !Reflect.construct) return false;
597
+ if (Reflect.construct.sham) return false;
598
+ if (typeof Proxy === "function") return true;
599
+ try {
600
+ Date.prototype.toString.call(Reflect.construct(Date, [], (function() {})));
601
+ return true;
602
+ } catch (e) {
603
+ return false;
604
+ }
605
+ }
606
+ function we(e) {
607
+ we = Object.setPrototypeOf ? Object.getPrototypeOf : function e(r) {
608
+ return r.__proto__ || Object.getPrototypeOf(r);
609
+ };
610
+ return we(e);
611
+ }
612
+ function Oe(e, r) {
613
+ var t = Object.keys(e);
614
+ if (Object.getOwnPropertySymbols) {
615
+ var n = Object.getOwnPropertySymbols(e);
616
+ if (r) n = n.filter((function(r) {
617
+ return Object.getOwnPropertyDescriptor(e, r).enumerable;
618
+ }));
619
+ t.push.apply(t, n);
620
+ }
621
+ return t;
622
+ }
623
+ function xe(e) {
624
+ for (var r = 1; r < arguments.length; r++) {
625
+ var t = arguments[r] != null ? arguments[r] : {};
626
+ if (r % 2) {
627
+ Oe(Object(t), true).forEach((function(r) {
628
+ ke(e, r, t[r]);
629
+ }));
630
+ } else if (Object.getOwnPropertyDescriptors) {
631
+ Object.defineProperties(e, Object.getOwnPropertyDescriptors(t));
632
+ } else {
633
+ Oe(Object(t)).forEach((function(r) {
634
+ Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
635
+ }));
636
+ }
637
+ }
638
+ return e;
639
+ }
640
+ function ke(e, r, t) {
641
+ if (r in e) {
642
+ Object.defineProperty(e, r, {
643
+ value: t,
644
+ enumerable: true,
645
+ configurable: true,
646
+ writable: true
647
+ });
648
+ } else {
649
+ e[r] = t;
650
+ }
651
+ return e;
652
+ }
653
+ function Se(e, r) {
654
+ if (e == null) return {};
655
+ var t = je(e, r);
656
+ var n, o;
657
+ if (Object.getOwnPropertySymbols) {
658
+ var i = Object.getOwnPropertySymbols(e);
659
+ for (o = 0; o < i.length; o++) {
660
+ n = i[o];
661
+ if (r.indexOf(n) >= 0) continue;
662
+ if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
663
+ t[n] = e[n];
664
+ }
665
+ }
666
+ return t;
667
+ }
668
+ function je(e, r) {
669
+ if (e == null) return {};
670
+ var t = {};
671
+ var n = Object.keys(e);
672
+ var o, i;
673
+ for (i = 0; i < n.length; i++) {
674
+ o = n[i];
675
+ if (r.indexOf(o) >= 0) continue;
676
+ t[o] = e[o];
677
+ }
678
+ return t;
679
+ }
680
+ var Ce = {
681
+ children: i().node,
682
+ elementRef: i().oneOfType([ i().func, i().object ]),
683
+ /** @private */
684
+ margin: i().number,
685
+ /** @private */
686
+ maxWidth: i().oneOfType([ i().number, i().string ]),
687
+ /** @private */
688
+ minWidth: i().oneOfType([ i().number, i().string ]),
689
+ onClick: i().func,
690
+ openInNewContext: i().bool,
691
+ selected: i().bool,
692
+ showBorder: i().bool,
693
+ to: i().string,
694
+ value: i().any
695
+ };
696
+ var Pe = {
697
+ openInNewContext: false,
698
+ selected: false,
699
+ showBorder: true
700
+ };
701
+ function _e(e) {
702
+ return !!e.onClick || !!e.to;
703
+ }
704
+ function Te(e) {
705
+ var r = e.margin, t = e.maxWidth, n = e.minWidth, o = e.selected, i = e.showBorder, a = e.style, l = Se(e, [ "margin", "maxWidth", "minWidth", "selected", "showBorder", "style" ]);
706
+ var c = xe({
707
+ minWidth: n,
708
+ maxWidth: t,
709
+ margin: r
710
+ }, a);
711
+ var s = {
712
+ showBorder: i,
713
+ selected: o,
714
+ "data-test": "card",
715
+ style: c
716
+ };
717
+ return [ s, l ];
718
+ }
719
+ var Ee = function(e) {
720
+ be(t, e);
721
+ var r = ye(t);
722
+ function t() {
723
+ var e;
724
+ pe(this, t);
725
+ for (var n = arguments.length, o = new Array(n), i = 0; i < n; i++) {
726
+ o[i] = arguments[i];
727
+ }
728
+ e = r.call.apply(r, [ this ].concat(o));
729
+ ke(he(e), "handleCardClick", (function(r) {
730
+ var t, n;
731
+ var o = e.props, i = o.selected, a = o.value;
732
+ (t = (n = e.props).onClick) === null || t === void 0 ? void 0 : t.call(n, r, {
733
+ selected: i,
734
+ value: a
735
+ });
736
+ }));
737
+ return e;
738
+ }
739
+ fe(t, [ {
740
+ key: "render",
741
+ value: function e() {
742
+ if (_e(this.props)) {
743
+ var r = Te(this.props), t = ie(r, 2), o = t[0], i = t[1];
744
+ var a = o.selected, l = o.showBorder;
745
+ var c = i.children, s = i.elementRef, u = i.onClick, p = i.openInNewContext, d = i.to, f = Se(i, [ "children", "elementRef", "onClick", "openInNewContext", "to" ]);
746
+
747
+ return n().createElement(re, oe({
748
+ "data-clickable": true,
749
+ $selected: a,
750
+ $cardHasBorder: l,
751
+ elementRef: s
752
+ }, o, f, {
753
+ onClick: u ? this.handleCardClick : undefined,
754
+ openInNewContext: p,
755
+ to: d || undefined
756
+ }), n().createElement(te, null, c));
757
+ }
758
+ var b = Te(this.props), v = ie(b, 2), y = v[0], m = v[1];
759
+ var h = y.selected, g = y.showBorder;
760
+ var w = m.children, O = m.elementRef, x = Se(m, [ "children", "elementRef" ]);
761
+
762
+ return n().createElement(ee, oe({
763
+ $selected: h,
764
+ $cardHasBorder: g,
765
+ ref: O
766
+ }, y, x), w);
767
+ }
768
+ } ]);
769
+ return t;
770
+ }(t.Component);
771
+ ke(Ee, "propTypes", Ce);
772
+ ke(Ee, "defaultProps", Pe);
773
+ ke(Ee, "Header", Q);
774
+ ke(Ee, "Body", m);
775
+ ke(Ee, "Footer", S);
776
+ /* harmony default export */ const Be = Ee;
777
+ // CONCATENATED MODULE: ./src/Card/index.ts
778
+ module.exports = r;
779
+ /******/})();