@splunk/react-ui 4.20.0 → 4.21.0
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/Accordion.js +114 -230
- package/Anchor.js +74 -150
- package/Animation.js +52 -124
- package/AnimationToggle.js +86 -146
- package/Box.js +77 -153
- package/Breadcrumbs.js +105 -197
- package/Button.js +168 -316
- package/ButtonGroup.js +84 -168
- package/ButtonSimple.js +224 -324
- package/CHANGELOG.md +21 -0
- package/Calendar.js +264 -462
- package/Card.js +223 -371
- package/CardLayout.js +87 -163
- package/Chip.js +199 -323
- package/Clickable.js +128 -246
- package/CloseButton.js +92 -200
- package/Code.js +162 -250
- package/CollapsiblePanel.js +214 -370
- package/Color.js +267 -495
- package/ColumnLayout.js +152 -254
- package/ComboBox.js +197 -371
- package/Concertina.js +214 -374
- package/ControlGroup.js +164 -288
- package/Date.js +154 -304
- package/DefinitionList.js +104 -180
- package/Divider.js +80 -156
- package/Dropdown.js +121 -263
- package/DualListbox.js +408 -601
- package/EventListener.js +70 -138
- package/File.js +343 -547
- package/FormRows.js +232 -414
- package/Heading.js +94 -164
- package/Image.js +167 -323
- package/JSONTree.js +166 -314
- package/Layer.js +221 -388
- package/Link.js +133 -239
- package/List.js +85 -161
- package/Markdown.js +230 -354
- package/Menu.js +489 -760
- package/Message.js +248 -437
- package/MessageBar.js +220 -408
- package/Modal.js +201 -365
- package/ModalLayer.js +96 -196
- package/Monogram.js +112 -204
- package/Multiselect.js +1135 -1761
- package/Number.js +178 -334
- package/Paginator.js +170 -336
- package/Paragraph.js +77 -153
- package/Popover.js +370 -620
- package/Progress.js +139 -255
- package/RadioBar.js +156 -280
- package/RadioList.js +182 -282
- package/Resize.js +173 -307
- package/ResultsMenu.js +161 -303
- package/ScreenReaderContent.js +75 -151
- package/Scroll.js +125 -267
- package/ScrollContainerContext.js +129 -201
- package/Search.js +188 -354
- package/Select.js +1028 -1430
- package/SidePanel.js +106 -214
- package/Slider.js +198 -348
- package/SlidingPanels.js +138 -280
- package/SplitButton.js +141 -273
- package/StaticContent.js +84 -168
- package/StepBar.js +138 -246
- package/Switch.js +261 -385
- package/TabBar.js +261 -398
- package/TabLayout.js +122 -238
- package/Table.js +943 -1448
- package/Text.js +335 -549
- package/TextArea.js +315 -537
- package/Tooltip.js +152 -292
- package/TransitionOpen.js +118 -242
- package/Typography.js +81 -157
- package/WaitSpinner.js +117 -209
- package/package.json +14 -15
- package/stubs-splunkui.d.ts +4 -1
- package/types/src/ComboBox/Option.d.ts +1 -1
- package/types/src/Concertina/Concertina.d.ts +4 -0
- package/types/src/Link/Link.d.ts +7 -3
- package/types/src/Link/docs/examples/NewWindow.d.ts +2 -0
- package/types/src/Markdown/Markdown.d.ts +1 -1
- package/types/src/Markdown/renderers/MarkdownHeading.d.ts +1 -1
- package/types/src/Menu/Item.d.ts +1 -1
- package/types/src/Menu/Menu.d.ts +1 -0
- package/types/src/MessageBar/docs/examples/WithActions.d.ts +2 -0
- package/types/src/Multiselect/Option.d.ts +1 -1
- package/types/src/Search/Option.d.ts +1 -1
- package/types/src/Select/Option.d.ts +1 -1
- package/types/src/Select/OptionBase.d.ts +1 -1
- package/types/src/fixtures/FetchOptions.d.ts +2 -8
- package/useForceUpdate.js +46 -110
- package/useKeyPress.js +50 -107
- package/usePrevious.js +47 -111
- package/useRovingFocus.js +53 -133
- package/types/src/Link/docs/examples/NewTab.d.ts +0 -2
- /package/types/src/Table/docs/examples/{DockedHeader.d.ts → DockedHeaderScrollbar.d.ts} +0 -0
- /package/types/src/Table/docs/examples/prisma/{DockedHeader.d.ts → DockedHeaderScrollbar.d.ts} +0 -0
package/Card.js
CHANGED
|
@@ -1,183 +1,100 @@
|
|
|
1
|
-
|
|
2
|
-
/******/
|
|
3
|
-
/******/ // The
|
|
4
|
-
/******/ var
|
|
5
|
-
/******/
|
|
6
|
-
|
|
7
|
-
/******/
|
|
8
|
-
/******/
|
|
9
|
-
/******/ //
|
|
10
|
-
/******/
|
|
11
|
-
/******/
|
|
12
|
-
/******/
|
|
13
|
-
/******/
|
|
14
|
-
/******/
|
|
15
|
-
/******/
|
|
16
|
-
/******/
|
|
17
|
-
/******/
|
|
1
|
+
/******/ (() => { // webpackBootstrap
|
|
2
|
+
/******/ "use strict";
|
|
3
|
+
/******/ // The require scope
|
|
4
|
+
/******/ var __webpack_require__ = {};
|
|
5
|
+
/******/
|
|
6
|
+
/************************************************************************/
|
|
7
|
+
/******/ /* webpack/runtime/compat get default export */
|
|
8
|
+
/******/ (() => {
|
|
9
|
+
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|
10
|
+
/******/ __webpack_require__.n = (module) => {
|
|
11
|
+
/******/ var getter = module && module.__esModule ?
|
|
12
|
+
/******/ () => (module['default']) :
|
|
13
|
+
/******/ () => (module);
|
|
14
|
+
/******/ __webpack_require__.d(getter, { a: getter });
|
|
15
|
+
/******/ return getter;
|
|
16
|
+
/******/ };
|
|
17
|
+
/******/ })();
|
|
18
|
+
/******/
|
|
19
|
+
/******/ /* webpack/runtime/define property getters */
|
|
20
|
+
/******/ (() => {
|
|
21
|
+
/******/ // define getter functions for harmony exports
|
|
22
|
+
/******/ __webpack_require__.d = (exports, definition) => {
|
|
23
|
+
/******/ for(var key in definition) {
|
|
24
|
+
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
|
|
25
|
+
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
|
|
26
|
+
/******/ }
|
|
27
|
+
/******/ }
|
|
28
|
+
/******/ };
|
|
29
|
+
/******/ })();
|
|
30
|
+
/******/
|
|
31
|
+
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
|
32
|
+
/******/ (() => {
|
|
33
|
+
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
|
|
34
|
+
/******/ })();
|
|
35
|
+
/******/
|
|
36
|
+
/******/ /* webpack/runtime/make namespace object */
|
|
37
|
+
/******/ (() => {
|
|
38
|
+
/******/ // define __esModule on exports
|
|
39
|
+
/******/ __webpack_require__.r = (exports) => {
|
|
40
|
+
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
|
41
|
+
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
42
|
+
/******/ }
|
|
43
|
+
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
|
18
44
|
/******/ };
|
|
19
|
-
/******/
|
|
20
|
-
/******/
|
|
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
|
-
/******/ })
|
|
45
|
+
/******/ })();
|
|
46
|
+
/******/
|
|
87
47
|
/************************************************************************/
|
|
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";
|
|
48
|
+
var __webpack_exports__ = {};
|
|
129
49
|
// ESM COMPAT FLAG
|
|
130
50
|
__webpack_require__.r(__webpack_exports__);
|
|
131
51
|
|
|
132
52
|
// EXPORTS
|
|
133
|
-
__webpack_require__.d(__webpack_exports__,
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
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
|
-
|
|
53
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
54
|
+
Body: () => (/* reexport */ Card_Body),
|
|
55
|
+
Footer: () => (/* reexport */ Card_Footer),
|
|
56
|
+
Header: () => (/* reexport */ Card_Header),
|
|
57
|
+
"default": () => (/* reexport */ Card_Card)
|
|
58
|
+
});
|
|
160
59
|
|
|
161
|
-
|
|
60
|
+
;// CONCATENATED MODULE: external "react"
|
|
61
|
+
const external_react_namespaceObject = require("react");
|
|
62
|
+
var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_namespaceObject);
|
|
63
|
+
;// CONCATENATED MODULE: external "prop-types"
|
|
64
|
+
const external_prop_types_namespaceObject = require("prop-types");
|
|
65
|
+
var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_namespaceObject);
|
|
66
|
+
;// CONCATENATED MODULE: external "styled-components"
|
|
67
|
+
const external_styled_components_namespaceObject = require("styled-components");
|
|
68
|
+
var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_namespaceObject);
|
|
69
|
+
;// CONCATENATED MODULE: external "@splunk/react-ui/Box"
|
|
70
|
+
const Box_namespaceObject = require("@splunk/react-ui/Box");
|
|
71
|
+
var Box_default = /*#__PURE__*/__webpack_require__.n(Box_namespaceObject);
|
|
72
|
+
;// CONCATENATED MODULE: external "@splunk/themes"
|
|
73
|
+
const themes_namespaceObject = require("@splunk/themes");
|
|
74
|
+
;// CONCATENATED MODULE: ./src/Card/BodyStyles.ts
|
|
75
|
+
|
|
76
|
+
|
|
77
|
+
|
|
78
|
+
var StyledBox = external_styled_components_default()((Box_default())).withConfig({
|
|
162
79
|
displayName: "BodyStyles__StyledBox",
|
|
163
80
|
componentId: "sc-1130udp-0"
|
|
164
81
|
})(["flex:1 1 auto;overflow:auto;height:100%;", ";", ""], function (_ref) {
|
|
165
82
|
var $inset = _ref.$inset;
|
|
166
|
-
return $inset ?
|
|
167
|
-
enterprise:
|
|
83
|
+
return $inset ? (0,external_styled_components_namespaceObject.css)(["", ""], (0,themes_namespaceObject.pick)({
|
|
84
|
+
enterprise: (0,external_styled_components_namespaceObject.css)(["padding:", ";&:not(:first-child){padding-top:0;}"], themes_namespaceObject.variables.spacing),
|
|
168
85
|
prisma: {
|
|
169
|
-
comfortable:
|
|
170
|
-
compact:
|
|
86
|
+
comfortable: (0,external_styled_components_namespaceObject.css)(["padding:12px 24px;&:first-child{padding-top:28px;}&:last-child{padding-bottom:28px;}"]),
|
|
87
|
+
compact: (0,external_styled_components_namespaceObject.css)(["padding:8px 24px;&:first-child{padding-top:20px;}&:last-child{padding-bottom:20px;}"])
|
|
171
88
|
}
|
|
172
|
-
})) :
|
|
173
|
-
},
|
|
89
|
+
})) : (0,external_styled_components_namespaceObject.css)(["padding:0;"]);
|
|
90
|
+
}, (0,themes_namespaceObject.pick)({
|
|
174
91
|
prisma: {
|
|
175
|
-
comfortable:
|
|
176
|
-
compact:
|
|
92
|
+
comfortable: (0,external_styled_components_namespaceObject.css)(["border-radius:", ";color:", ";"], themes_namespaceObject.variables.borderRadius, themes_namespaceObject.variables.contentColorMuted),
|
|
93
|
+
compact: (0,external_styled_components_namespaceObject.css)(["border-radius:", ";color:", ";"], themes_namespaceObject.variables.borderRadius, themes_namespaceObject.variables.contentColorMuted)
|
|
177
94
|
}
|
|
178
95
|
}));
|
|
179
96
|
|
|
180
|
-
|
|
97
|
+
;// CONCATENATED MODULE: ./src/Card/Body.tsx
|
|
181
98
|
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
99
|
|
|
183
100
|
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; }
|
|
@@ -188,9 +105,9 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
188
105
|
|
|
189
106
|
|
|
190
107
|
var propTypes = {
|
|
191
|
-
children: external_prop_types_default.
|
|
192
|
-
elementRef: external_prop_types_default.
|
|
193
|
-
inset: external_prop_types_default.
|
|
108
|
+
children: (external_prop_types_default()).node,
|
|
109
|
+
elementRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
|
|
110
|
+
inset: (external_prop_types_default()).bool
|
|
194
111
|
};
|
|
195
112
|
|
|
196
113
|
/**
|
|
@@ -203,35 +120,35 @@ function Body(_ref) {
|
|
|
203
120
|
otherProps = _objectWithoutProperties(_ref, ["children", "inset"]);
|
|
204
121
|
|
|
205
122
|
// @docs-props-type BodyPropsBase
|
|
206
|
-
return /*#__PURE__*/external_react_default.
|
|
123
|
+
return /*#__PURE__*/external_react_default().createElement(StyledBox, _extends({
|
|
207
124
|
"data-test": "body",
|
|
208
125
|
$inset: inset
|
|
209
126
|
}, otherProps), children);
|
|
210
127
|
}
|
|
211
128
|
|
|
212
129
|
Body.propTypes = propTypes;
|
|
213
|
-
/* harmony default export */
|
|
214
|
-
|
|
130
|
+
/* harmony default export */ const Card_Body = (Body);
|
|
131
|
+
;// CONCATENATED MODULE: ./src/Card/FooterStyles.ts
|
|
215
132
|
|
|
216
133
|
|
|
217
134
|
|
|
218
|
-
var FooterStyles_StyledBox = external_styled_components_default()(Box_default
|
|
135
|
+
var FooterStyles_StyledBox = external_styled_components_default()((Box_default())).withConfig({
|
|
219
136
|
displayName: "FooterStyles__StyledBox",
|
|
220
137
|
componentId: "sc-1yu3r4s-0"
|
|
221
|
-
})(["", ";text-align:right;color:", ";", ""],
|
|
222
|
-
enterprise:
|
|
138
|
+
})(["", ";text-align:right;color:", ";", ""], (0,themes_namespaceObject.pick)({
|
|
139
|
+
enterprise: (0,external_styled_components_namespaceObject.css)(["padding:", ";&:first-child{border-top:none;}"], themes_namespaceObject.variables.spacing),
|
|
223
140
|
prisma: {
|
|
224
|
-
comfortable:
|
|
141
|
+
comfortable: (0,external_styled_components_namespaceObject.css)(["padding:24px;"]),
|
|
225
142
|
compact: "padding: 18px 24px"
|
|
226
143
|
}
|
|
227
|
-
}),
|
|
144
|
+
}), themes_namespaceObject.variables.contentColorMuted, function (_ref) {
|
|
228
145
|
var $showTopBorder = _ref.$showTopBorder;
|
|
229
|
-
return $showTopBorder &&
|
|
230
|
-
enterprise:
|
|
146
|
+
return $showTopBorder && (0,themes_namespaceObject.pick)({
|
|
147
|
+
enterprise: (0,external_styled_components_namespaceObject.css)(["border-top:1px solid ", ";"], themes_namespaceObject.variables.gray92)
|
|
231
148
|
});
|
|
232
149
|
});
|
|
233
150
|
|
|
234
|
-
|
|
151
|
+
;// CONCATENATED MODULE: ./src/Card/Footer.tsx
|
|
235
152
|
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
153
|
|
|
237
154
|
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; }
|
|
@@ -242,9 +159,9 @@ function Footer_objectWithoutPropertiesLoose(source, excluded) { if (source == n
|
|
|
242
159
|
|
|
243
160
|
|
|
244
161
|
var Footer_propTypes = {
|
|
245
|
-
children: external_prop_types_default.
|
|
246
|
-
elementRef: external_prop_types_default.
|
|
247
|
-
showBorder: external_prop_types_default.
|
|
162
|
+
children: (external_prop_types_default()).node,
|
|
163
|
+
elementRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
|
|
164
|
+
showBorder: (external_prop_types_default()).bool
|
|
248
165
|
};
|
|
249
166
|
|
|
250
167
|
/**
|
|
@@ -257,105 +174,98 @@ function Footer(_ref) {
|
|
|
257
174
|
otherProps = Footer_objectWithoutProperties(_ref, ["children", "showBorder"]);
|
|
258
175
|
|
|
259
176
|
// @docs-props-type FooterPropsBase
|
|
260
|
-
return /*#__PURE__*/external_react_default.
|
|
177
|
+
return /*#__PURE__*/external_react_default().createElement(FooterStyles_StyledBox, Footer_extends({
|
|
261
178
|
"data-test": "footer",
|
|
262
179
|
$showTopBorder: showBorder
|
|
263
180
|
}, otherProps), children);
|
|
264
181
|
}
|
|
265
182
|
|
|
266
183
|
Footer.propTypes = Footer_propTypes;
|
|
267
|
-
/* harmony default export */
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
var
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
var
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
var
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
var
|
|
294
|
-
|
|
295
|
-
// CONCATENATED MODULE: ./src/Card/HeaderStyles.ts
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
var StyledTitle = external_styled_components_default.a.div.withConfig({
|
|
184
|
+
/* harmony default export */ const Card_Footer = (Footer);
|
|
185
|
+
;// CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
|
|
186
|
+
const i18n_namespaceObject = require("@splunk/ui-utils/i18n");
|
|
187
|
+
;// CONCATENATED MODULE: external "@splunk/react-icons/DotsThreeVertical"
|
|
188
|
+
const DotsThreeVertical_namespaceObject = require("@splunk/react-icons/DotsThreeVertical");
|
|
189
|
+
var DotsThreeVertical_default = /*#__PURE__*/__webpack_require__.n(DotsThreeVertical_namespaceObject);
|
|
190
|
+
;// CONCATENATED MODULE: external "@splunk/react-icons/enterprise/MoreVertical"
|
|
191
|
+
const MoreVertical_namespaceObject = require("@splunk/react-icons/enterprise/MoreVertical");
|
|
192
|
+
var MoreVertical_default = /*#__PURE__*/__webpack_require__.n(MoreVertical_namespaceObject);
|
|
193
|
+
;// CONCATENATED MODULE: external "@splunk/react-ui/Anchor"
|
|
194
|
+
const Anchor_namespaceObject = require("@splunk/react-ui/Anchor");
|
|
195
|
+
var Anchor_default = /*#__PURE__*/__webpack_require__.n(Anchor_namespaceObject);
|
|
196
|
+
;// CONCATENATED MODULE: external "@splunk/react-ui/Dropdown"
|
|
197
|
+
const Dropdown_namespaceObject = require("@splunk/react-ui/Dropdown");
|
|
198
|
+
var Dropdown_default = /*#__PURE__*/__webpack_require__.n(Dropdown_namespaceObject);
|
|
199
|
+
;// CONCATENATED MODULE: external "@splunk/react-ui/Tooltip"
|
|
200
|
+
const Tooltip_namespaceObject = require("@splunk/react-ui/Tooltip");
|
|
201
|
+
var Tooltip_default = /*#__PURE__*/__webpack_require__.n(Tooltip_namespaceObject);
|
|
202
|
+
;// CONCATENATED MODULE: external "@splunk/react-ui/Button"
|
|
203
|
+
const Button_namespaceObject = require("@splunk/react-ui/Button");
|
|
204
|
+
var Button_default = /*#__PURE__*/__webpack_require__.n(Button_namespaceObject);
|
|
205
|
+
;// CONCATENATED MODULE: ./src/Card/HeaderStyles.ts
|
|
206
|
+
|
|
207
|
+
|
|
208
|
+
|
|
209
|
+
|
|
210
|
+
var StyledTitle = external_styled_components_default().div.withConfig({
|
|
301
211
|
displayName: "HeaderStyles__StyledTitle",
|
|
302
212
|
componentId: "eqi6uk-0"
|
|
303
|
-
})(["", " ", " margin:0;overflow-wrap:break-word;padding:0;"],
|
|
304
|
-
enterprise:
|
|
305
|
-
prisma:
|
|
213
|
+
})(["", " ", " margin:0;overflow-wrap:break-word;padding:0;"], themes_namespaceObject.mixins.reset('block'), (0,themes_namespaceObject.pick)({
|
|
214
|
+
enterprise: (0,external_styled_components_namespaceObject.css)(["font-weight:", ";font-size:", ";line-height:1.2;"], themes_namespaceObject.variables.fontWeightSemiBold, themes_namespaceObject.variables.fontSizeLarge),
|
|
215
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["font-weight:", ";color:", ";"], themes_namespaceObject.variables.fontWeightBold, themes_namespaceObject.variables.contentColorActive)
|
|
306
216
|
}));
|
|
307
|
-
var StyledSubtitle = external_styled_components_default.
|
|
217
|
+
var StyledSubtitle = external_styled_components_default().div.withConfig({
|
|
308
218
|
displayName: "HeaderStyles__StyledSubtitle",
|
|
309
219
|
componentId: "eqi6uk-1"
|
|
310
|
-
})(["", " ", " margin:0;overflow-wrap:break-word;padding:0;font-weight:normal;"],
|
|
311
|
-
enterprise:
|
|
312
|
-
prisma:
|
|
220
|
+
})(["", " ", " margin:0;overflow-wrap:break-word;padding:0;font-weight:normal;"], themes_namespaceObject.mixins.reset('block'), (0,themes_namespaceObject.pick)({
|
|
221
|
+
enterprise: (0,external_styled_components_namespaceObject.css)(["font-size:", ";color:", ";"], themes_namespaceObject.variables.fontSizeSmall, themes_namespaceObject.variables.textGray),
|
|
222
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["color:", ";"], themes_namespaceObject.variables.contentColorDefault)
|
|
313
223
|
}));
|
|
314
|
-
var StyledTitleContainer = external_styled_components_default.
|
|
224
|
+
var StyledTitleContainer = external_styled_components_default().div.withConfig({
|
|
315
225
|
displayName: "HeaderStyles__StyledTitleContainer",
|
|
316
226
|
componentId: "eqi6uk-2"
|
|
317
|
-
})(["", " flex:0 1 auto;", " &:not(:last-child){margin-right:", ";}"],
|
|
227
|
+
})(["", " flex:0 1 auto;", " &:not(:last-child){margin-right:", ";}"], themes_namespaceObject.mixins.reset('block'), function (_ref) {
|
|
318
228
|
var $truncateTitle = _ref.$truncateTitle;
|
|
319
|
-
return $truncateTitle &&
|
|
229
|
+
return $truncateTitle && (0,external_styled_components_namespaceObject.css)(["overflow:hidden;& > ", ",& > ", "{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}"],
|
|
320
230
|
/* sc-sel */
|
|
321
231
|
StyledTitle,
|
|
322
232
|
/* sc-sel */
|
|
323
233
|
StyledSubtitle);
|
|
324
|
-
},
|
|
325
|
-
enterprise:
|
|
326
|
-
prisma:
|
|
234
|
+
}, (0,themes_namespaceObject.pick)({
|
|
235
|
+
enterprise: themes_namespaceObject.variables.spacingHalf,
|
|
236
|
+
prisma: themes_namespaceObject.variables.spacingSmall
|
|
327
237
|
}));
|
|
328
|
-
var StyledActionContainer = external_styled_components_default.
|
|
238
|
+
var StyledActionContainer = external_styled_components_default().div.withConfig({
|
|
329
239
|
displayName: "HeaderStyles__StyledActionContainer",
|
|
330
240
|
componentId: "eqi6uk-3"
|
|
331
|
-
})(["", " align-items:center;display:flex;flex:0 0 auto;justify-content:space-between;", ";"],
|
|
241
|
+
})(["", " align-items:center;display:flex;flex:0 0 auto;justify-content:space-between;", ";"], themes_namespaceObject.mixins.reset('block'), (0,themes_namespaceObject.pick)({
|
|
332
242
|
prisma: {
|
|
333
|
-
comfortable:
|
|
334
|
-
compact:
|
|
243
|
+
comfortable: (0,external_styled_components_namespaceObject.css)(["margin-right:-12px;margin-top:-4px;"]),
|
|
244
|
+
compact: (0,external_styled_components_namespaceObject.css)(["margin-right:-12px;margin-top:0;"])
|
|
335
245
|
}
|
|
336
246
|
}));
|
|
337
|
-
var StyledSecondaryAction = external_styled_components_default()(Button_default
|
|
247
|
+
var StyledSecondaryAction = external_styled_components_default()((Button_default())).withConfig({
|
|
338
248
|
displayName: "HeaderStyles__StyledSecondaryAction",
|
|
339
249
|
componentId: "eqi6uk-4"
|
|
340
250
|
})(["margin-left:10px;"]);
|
|
341
|
-
var HeaderStyles_StyledBox = external_styled_components_default()(Box_default
|
|
251
|
+
var HeaderStyles_StyledBox = external_styled_components_default()((Box_default())).withConfig({
|
|
342
252
|
displayName: "HeaderStyles__StyledBox",
|
|
343
253
|
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;}"],
|
|
345
|
-
enterprise:
|
|
254
|
+
})(["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,themes_namespaceObject.pick)({
|
|
255
|
+
enterprise: (0,external_styled_components_namespaceObject.css)(["padding:", ";"], themes_namespaceObject.variables.spacing),
|
|
346
256
|
prisma: {
|
|
347
|
-
comfortable:
|
|
348
|
-
compact:
|
|
257
|
+
comfortable: (0,external_styled_components_namespaceObject.css)(["padding:16px 24px;&:last-child{padding-bottom:32px;}"]),
|
|
258
|
+
compact: (0,external_styled_components_namespaceObject.css)(["padding:12px 24px;&:last-child{padding-bottom:24px;}"])
|
|
349
259
|
}
|
|
350
|
-
}),
|
|
351
|
-
prisma:
|
|
260
|
+
}), (0,themes_namespaceObject.pick)({
|
|
261
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["border-top-left-radius:", ";border-top-right-radius:", ";"], themes_namespaceObject.variables.borderRadius, themes_namespaceObject.variables.borderRadius)
|
|
352
262
|
}),
|
|
353
263
|
/* sc-sel */
|
|
354
264
|
StyledTitleContainer,
|
|
355
265
|
/* sc-sel */
|
|
356
266
|
StyledActionContainer);
|
|
357
267
|
|
|
358
|
-
|
|
268
|
+
;// CONCATENATED MODULE: ./src/Card/Header.tsx
|
|
359
269
|
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
270
|
|
|
361
271
|
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; }
|
|
@@ -373,30 +283,30 @@ function Header_extends() { Header_extends = Object.assign || function (target)
|
|
|
373
283
|
|
|
374
284
|
|
|
375
285
|
var Header_propTypes = {
|
|
376
|
-
actionPrimary: external_prop_types_default.
|
|
377
|
-
actionsSecondary: external_prop_types_default.
|
|
378
|
-
anchor: external_prop_types_default.
|
|
379
|
-
children: external_prop_types_default.
|
|
380
|
-
elementRef: external_prop_types_default.
|
|
381
|
-
subtitle: external_prop_types_default.
|
|
382
|
-
title: external_prop_types_default.
|
|
383
|
-
truncateTitle: external_prop_types_default.
|
|
286
|
+
actionPrimary: (external_prop_types_default()).node,
|
|
287
|
+
actionsSecondary: (external_prop_types_default()).node,
|
|
288
|
+
anchor: (external_prop_types_default()).string,
|
|
289
|
+
children: (external_prop_types_default()).node,
|
|
290
|
+
elementRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
|
|
291
|
+
subtitle: (external_prop_types_default()).node,
|
|
292
|
+
title: (external_prop_types_default()).node,
|
|
293
|
+
truncateTitle: (external_prop_types_default()).bool
|
|
384
294
|
};
|
|
385
295
|
// `forwardRef` is used to enable focus on toggle when Dropdown is closing
|
|
386
|
-
var ActionsSecondaryToggle = /*#__PURE__*/external_react_default.
|
|
387
|
-
var _useSplunkTheme =
|
|
296
|
+
var ActionsSecondaryToggle = /*#__PURE__*/external_react_default().forwardRef(function (props, ref) {
|
|
297
|
+
var _useSplunkTheme = (0,themes_namespaceObject.useSplunkTheme)(),
|
|
388
298
|
family = _useSplunkTheme.family,
|
|
389
299
|
isCompact = _useSplunkTheme.isCompact;
|
|
390
300
|
|
|
391
301
|
var iconPrismaSize = isCompact ? '20px' : '24px';
|
|
392
|
-
var actionsIcon = family === 'prisma' ? /*#__PURE__*/external_react_default.
|
|
302
|
+
var actionsIcon = family === 'prisma' ? /*#__PURE__*/external_react_default().createElement((DotsThreeVertical_default()), {
|
|
393
303
|
height: iconPrismaSize,
|
|
394
304
|
width: iconPrismaSize
|
|
395
|
-
}) : /*#__PURE__*/external_react_default.
|
|
396
|
-
return /*#__PURE__*/external_react_default.
|
|
397
|
-
content:
|
|
305
|
+
}) : /*#__PURE__*/external_react_default().createElement((MoreVertical_default()), null);
|
|
306
|
+
return /*#__PURE__*/external_react_default().createElement((Tooltip_default()), Header_extends({
|
|
307
|
+
content: (0,i18n_namespaceObject._)('Actions'),
|
|
398
308
|
contentRelationship: "label"
|
|
399
|
-
}, props), /*#__PURE__*/external_react_default.
|
|
309
|
+
}, props), /*#__PURE__*/external_react_default().createElement(StyledSecondaryAction, {
|
|
400
310
|
appearance: "secondary",
|
|
401
311
|
"data-test": "actions-secondary-toggle",
|
|
402
312
|
icon: actionsIcon,
|
|
@@ -419,58 +329,57 @@ function Header(_ref) {
|
|
|
419
329
|
otherProps = Header_objectWithoutProperties(_ref, ["actionPrimary", "actionsSecondary", "anchor", "children", "subtitle", "title", "truncateTitle"]);
|
|
420
330
|
|
|
421
331
|
// @docs-props-type HeaderPropsBase
|
|
422
|
-
var _useSplunkTheme2 =
|
|
332
|
+
var _useSplunkTheme2 = (0,themes_namespaceObject.useSplunkTheme)(),
|
|
423
333
|
family = _useSplunkTheme2.family;
|
|
424
334
|
|
|
425
335
|
var defaultPlacement = family === 'prisma' ? 'right' : 'below';
|
|
426
|
-
return /*#__PURE__*/external_react_default.
|
|
336
|
+
return /*#__PURE__*/external_react_default().createElement(HeaderStyles_StyledBox, Header_extends({
|
|
427
337
|
"data-test": "header"
|
|
428
|
-
}, otherProps), (title || subtitle) && /*#__PURE__*/external_react_default.
|
|
338
|
+
}, otherProps), (title || subtitle) && /*#__PURE__*/external_react_default().createElement(StyledTitleContainer, {
|
|
429
339
|
$truncateTitle: truncateTitle
|
|
430
|
-
}, title && /*#__PURE__*/external_react_default.
|
|
340
|
+
}, title && /*#__PURE__*/external_react_default().createElement(StyledTitle, null, anchor ? /*#__PURE__*/external_react_default().createElement((Anchor_default()), {
|
|
431
341
|
name: anchor
|
|
432
|
-
}, title) : title), subtitle && /*#__PURE__*/external_react_default.
|
|
342
|
+
}, title) : title), subtitle && /*#__PURE__*/external_react_default().createElement(StyledSubtitle, null, subtitle)), children, (actionPrimary || actionsSecondary) && /*#__PURE__*/external_react_default().createElement(StyledActionContainer, null, actionPrimary, actionsSecondary && /*#__PURE__*/external_react_default().createElement((Dropdown_default()), {
|
|
433
343
|
defaultPlacement: defaultPlacement,
|
|
434
|
-
toggle: /*#__PURE__*/external_react_default.
|
|
344
|
+
toggle: /*#__PURE__*/external_react_default().createElement(ActionsSecondaryToggle, null)
|
|
435
345
|
}, actionsSecondary)));
|
|
436
346
|
}
|
|
437
347
|
|
|
438
348
|
Header.propTypes = Header_propTypes;
|
|
439
|
-
/* harmony default export */
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
var Clickable_default = /*#__PURE__*/__webpack_require__.n(
|
|
443
|
-
|
|
444
|
-
// CONCATENATED MODULE: ./src/Card/CardStyles.ts
|
|
349
|
+
/* harmony default export */ const Card_Header = (Header);
|
|
350
|
+
;// CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
|
|
351
|
+
const Clickable_namespaceObject = require("@splunk/react-ui/Clickable");
|
|
352
|
+
var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_namespaceObject);
|
|
353
|
+
;// CONCATENATED MODULE: ./src/Card/CardStyles.ts
|
|
445
354
|
|
|
446
355
|
|
|
447
356
|
|
|
448
357
|
var cardTransitionTime = '0.2s';
|
|
449
|
-
var Styled = external_styled_components_default.
|
|
358
|
+
var Styled = external_styled_components_default().div.withConfig({
|
|
450
359
|
displayName: "CardStyles__Styled",
|
|
451
360
|
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{", "}}"],
|
|
453
|
-
enterprise:
|
|
454
|
-
prisma:
|
|
361
|
+
})(["", ";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_namespaceObject.mixins.reset('inline-flex'), (0,themes_namespaceObject.pick)({
|
|
362
|
+
enterprise: (0,external_styled_components_namespaceObject.css)(["background-color:", ";border:1px solid transparent;"], themes_namespaceObject.variables.backgroundColor),
|
|
363
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["background-color:", ";border-radius:", ";box-shadow:", ";"], themes_namespaceObject.variables.backgroundColorSection, themes_namespaceObject.variables.borderRadius, themes_namespaceObject.variables.embossShadow)
|
|
455
364
|
}), cardTransitionTime, cardTransitionTime, cardTransitionTime, cardTransitionTime, cardTransitionTime, cardTransitionTime, cardTransitionTime, function (_ref) {
|
|
456
365
|
var $cardHasBorder = _ref.$cardHasBorder;
|
|
457
|
-
return $cardHasBorder &&
|
|
458
|
-
enterprise:
|
|
366
|
+
return $cardHasBorder && (0,themes_namespaceObject.pick)({
|
|
367
|
+
enterprise: (0,external_styled_components_namespaceObject.css)(["border-color:", ";"], themes_namespaceObject.variables.borderLightColor)
|
|
459
368
|
});
|
|
460
369
|
}, function (_ref2) {
|
|
461
370
|
var $selected = _ref2.$selected;
|
|
462
|
-
return $selected &&
|
|
463
|
-
enterprise:
|
|
464
|
-
prisma:
|
|
371
|
+
return $selected && (0,themes_namespaceObject.pick)({
|
|
372
|
+
enterprise: (0,external_styled_components_namespaceObject.css)(["border-color:", ";"], themes_namespaceObject.variables.focusColor),
|
|
373
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["background-color:", ";"], themes_namespaceObject.mixins.overlayColors(themes_namespaceObject.variables.backgroundColorSection, themes_namespaceObject.variables.interactiveColorOverlaySelected))
|
|
465
374
|
});
|
|
466
|
-
},
|
|
467
|
-
enterprise:
|
|
468
|
-
prisma:
|
|
469
|
-
}),
|
|
470
|
-
enterprise:
|
|
471
|
-
prisma:
|
|
375
|
+
}, (0,themes_namespaceObject.pick)({
|
|
376
|
+
enterprise: (0,external_styled_components_namespaceObject.css)(["box-shadow:", ";"], themes_namespaceObject.variables.overlayShadow),
|
|
377
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["box-shadow:", ";background-color:", ";"], themes_namespaceObject.variables.embossShadow, themes_namespaceObject.mixins.overlayColors(themes_namespaceObject.variables.backgroundColorSection, themes_namespaceObject.variables.interactiveColorOverlayHover))
|
|
378
|
+
}), (0,themes_namespaceObject.pick)({
|
|
379
|
+
enterprise: (0,external_styled_components_namespaceObject.css)(["box-shadow:", ";"], themes_namespaceObject.variables.focusShadow),
|
|
380
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["box-shadow:", ";background-color:", ";"], themes_namespaceObject.variables.embossShadow, themes_namespaceObject.mixins.overlayColors(themes_namespaceObject.variables.backgroundColorSection, themes_namespaceObject.variables.interactiveColorOverlayHover))
|
|
472
381
|
}));
|
|
473
|
-
var StyledClickable = Styled.withComponent(Clickable_default
|
|
382
|
+
var StyledClickable = Styled.withComponent((Clickable_default()));
|
|
474
383
|
/* A child element we add to <button>s to make flexbox work.
|
|
475
384
|
Without this wrapper element, child elements won't flex
|
|
476
385
|
in Firefox.
|
|
@@ -479,14 +388,14 @@ var StyledClickable = Styled.withComponent(Clickable_default.a);
|
|
|
479
388
|
across the supported browsers if making a change here.
|
|
480
389
|
*/
|
|
481
390
|
|
|
482
|
-
var StyledFirefoxFlexHack = external_styled_components_default.
|
|
391
|
+
var StyledFirefoxFlexHack = external_styled_components_default().div.withConfig({
|
|
483
392
|
displayName: "CardStyles__StyledFirefoxFlexHack",
|
|
484
393
|
componentId: "ola3x0-1"
|
|
485
|
-
})(["display:flex;flex:1 1 auto;flex-direction:column;align-items:stretch;justify-content:stretch;height:100%;", ""],
|
|
486
|
-
prisma:
|
|
394
|
+
})(["display:flex;flex:1 1 auto;flex-direction:column;align-items:stretch;justify-content:stretch;height:100%;", ""], (0,themes_namespaceObject.pick)({
|
|
395
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["border-radius:", ";"], themes_namespaceObject.variables.borderRadius)
|
|
487
396
|
}));
|
|
488
397
|
|
|
489
|
-
|
|
398
|
+
;// CONCATENATED MODULE: ./src/Card/Card.tsx
|
|
490
399
|
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
400
|
|
|
492
401
|
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); }
|
|
@@ -540,23 +449,23 @@ function Card_objectWithoutPropertiesLoose(source, excluded) { if (source == nul
|
|
|
540
449
|
|
|
541
450
|
|
|
542
451
|
var Card_propTypes = {
|
|
543
|
-
children: external_prop_types_default.
|
|
544
|
-
elementRef: external_prop_types_default.
|
|
452
|
+
children: (external_prop_types_default()).node,
|
|
453
|
+
elementRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
|
|
545
454
|
|
|
546
455
|
/** @private */
|
|
547
|
-
margin: external_prop_types_default.
|
|
456
|
+
margin: (external_prop_types_default()).number,
|
|
548
457
|
|
|
549
458
|
/** @private */
|
|
550
|
-
maxWidth: external_prop_types_default.
|
|
459
|
+
maxWidth: external_prop_types_default().oneOfType([(external_prop_types_default()).number, (external_prop_types_default()).string]),
|
|
551
460
|
|
|
552
461
|
/** @private */
|
|
553
|
-
minWidth: external_prop_types_default.
|
|
554
|
-
onClick: external_prop_types_default.
|
|
555
|
-
openInNewContext: external_prop_types_default.
|
|
556
|
-
selected: external_prop_types_default.
|
|
557
|
-
showBorder: external_prop_types_default.
|
|
558
|
-
to: external_prop_types_default.
|
|
559
|
-
value: external_prop_types_default.
|
|
462
|
+
minWidth: external_prop_types_default().oneOfType([(external_prop_types_default()).number, (external_prop_types_default()).string]),
|
|
463
|
+
onClick: (external_prop_types_default()).func,
|
|
464
|
+
openInNewContext: (external_prop_types_default()).bool,
|
|
465
|
+
selected: (external_prop_types_default()).bool,
|
|
466
|
+
showBorder: (external_prop_types_default()).bool,
|
|
467
|
+
to: (external_prop_types_default()).string,
|
|
468
|
+
value: (external_prop_types_default()).any
|
|
560
469
|
};
|
|
561
470
|
var defaultProps = {
|
|
562
471
|
openInNewContext: false,
|
|
@@ -592,7 +501,7 @@ function getSharedProps(props) {
|
|
|
592
501
|
return [sharedProps, otherProps];
|
|
593
502
|
}
|
|
594
503
|
|
|
595
|
-
var
|
|
504
|
+
var Card = /*#__PURE__*/function (_Component) {
|
|
596
505
|
_inherits(Card, _Component);
|
|
597
506
|
|
|
598
507
|
var _super = _createSuper(Card);
|
|
@@ -642,7 +551,7 @@ var Card_Card = /*#__PURE__*/function (_Component) {
|
|
|
642
551
|
to = _ownProps.to,
|
|
643
552
|
_otherProps = Card_objectWithoutProperties(_ownProps, ["children", "elementRef", "onClick", "openInNewContext", "to"]);
|
|
644
553
|
|
|
645
|
-
return /*#__PURE__*/external_react_default.
|
|
554
|
+
return /*#__PURE__*/external_react_default().createElement(StyledClickable, Card_extends({
|
|
646
555
|
"data-clickable": true,
|
|
647
556
|
$selected: _selected,
|
|
648
557
|
$cardHasBorder: _showBorder,
|
|
@@ -651,7 +560,7 @@ var Card_Card = /*#__PURE__*/function (_Component) {
|
|
|
651
560
|
onClick: onClick ? this.handleCardClick : undefined,
|
|
652
561
|
openInNewContext: openInNewContext,
|
|
653
562
|
to: to || undefined
|
|
654
|
-
}), /*#__PURE__*/external_react_default.
|
|
563
|
+
}), /*#__PURE__*/external_react_default().createElement(StyledFirefoxFlexHack, null, _children));
|
|
655
564
|
}
|
|
656
565
|
|
|
657
566
|
var _getSharedProps3 = getSharedProps(this.props),
|
|
@@ -666,7 +575,7 @@ var Card_Card = /*#__PURE__*/function (_Component) {
|
|
|
666
575
|
elementRef = ownProps.elementRef,
|
|
667
576
|
otherProps = Card_objectWithoutProperties(ownProps, ["children", "elementRef"]);
|
|
668
577
|
|
|
669
|
-
return /*#__PURE__*/external_react_default.
|
|
578
|
+
return /*#__PURE__*/external_react_default().createElement(Styled, Card_extends({
|
|
670
579
|
$selected: selected,
|
|
671
580
|
$cardHasBorder: showBorder,
|
|
672
581
|
ref: elementRef
|
|
@@ -675,80 +584,23 @@ var Card_Card = /*#__PURE__*/function (_Component) {
|
|
|
675
584
|
}]);
|
|
676
585
|
|
|
677
586
|
return Card;
|
|
678
|
-
}(
|
|
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) {
|
|
587
|
+
}(external_react_namespaceObject.Component);
|
|
735
588
|
|
|
736
|
-
|
|
589
|
+
_defineProperty(Card, "propTypes", Card_propTypes);
|
|
737
590
|
|
|
738
|
-
|
|
591
|
+
_defineProperty(Card, "defaultProps", defaultProps);
|
|
739
592
|
|
|
740
|
-
|
|
741
|
-
/***/ (function(module, exports) {
|
|
593
|
+
_defineProperty(Card, "Header", Card_Header);
|
|
742
594
|
|
|
743
|
-
|
|
595
|
+
_defineProperty(Card, "Body", Card_Body);
|
|
744
596
|
|
|
745
|
-
|
|
597
|
+
_defineProperty(Card, "Footer", Card_Footer);
|
|
746
598
|
|
|
747
|
-
|
|
748
|
-
/***/ (function(module, exports) {
|
|
599
|
+
/* harmony default export */ const Card_Card = (Card);
|
|
749
600
|
|
|
750
|
-
|
|
601
|
+
;// CONCATENATED MODULE: ./src/Card/index.ts
|
|
751
602
|
|
|
752
|
-
/***/ })
|
|
753
603
|
|
|
754
|
-
|
|
604
|
+
module.exports = __webpack_exports__;
|
|
605
|
+
/******/ })()
|
|
606
|
+
;
|