@splunk/react-ui 4.19.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.d.ts +2 -0
- package/Breadcrumbs.js +207 -0
- package/Button.js +168 -316
- package/ButtonGroup.js +84 -168
- package/ButtonSimple.js +224 -324
- package/CHANGELOG.md +35 -0
- package/Calendar.js +264 -462
- package/Card.js +223 -371
- package/CardLayout.js +87 -163
- package/Chip.js +199 -323
- package/Clickable.js +132 -248
- package/CloseButton.js +92 -200
- package/Code.js +188 -251
- 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 -355
- package/Menu.js +396 -647
- 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 +2675 -2807
- package/Number.js +178 -334
- package/Paginator.js +170 -336
- package/Paragraph.js +77 -153
- package/Popover.js +436 -623
- package/Progress.js +139 -255
- package/RadioBar.js +156 -280
- package/RadioList.js +182 -282
- package/Resize.js +173 -307
- package/ResultsMenu.js +183 -304
- package/ScreenReaderContent.js +75 -151
- package/Scroll.js +125 -267
- package/ScrollContainerContext.js +129 -201
- package/Search.js +188 -354
- package/Select.js +1243 -1248
- 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 +975 -1447
- 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 +20 -21
- package/stubs-splunkui.d.ts +4 -1
- package/types/src/Breadcrumbs/Breadcrumbs.d.ts +25 -0
- package/types/src/Breadcrumbs/Item.d.ts +42 -0
- package/types/src/Breadcrumbs/docs/examples/Adornments.d.ts +2 -0
- package/types/src/Breadcrumbs/docs/examples/Basic.d.ts +2 -0
- package/types/src/Breadcrumbs/index.d.ts +2 -0
- package/types/src/Code/Code.d.ts +1 -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 +12 -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/Compact.d.ts +4 -0
- package/types/src/Multiselect/Multiselect.d.ts +5 -0
- package/types/src/Multiselect/Option.d.ts +1 -1
- package/types/src/Multiselect/docs/examples/CompactSelectAll.d.ts +2 -0
- 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/Select/SelectAllOption.d.ts +14 -0
- package/types/src/Select/SelectBase.d.ts +11 -3
- package/types/src/Table/Table.d.ts +4 -0
- package/types/src/Text/Text.d.ts +3 -3
- package/types/src/TextArea/TextArea.d.ts +3 -3
- 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/Typography/docs/examples/Variants.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/Table.js
CHANGED
|
@@ -1,151 +1,125 @@
|
|
|
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 = 169);
|
|
86
|
-
/******/ })
|
|
45
|
+
/******/ })();
|
|
46
|
+
/******/
|
|
87
47
|
/************************************************************************/
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
module.exports = require("@splunk/themes");
|
|
93
|
-
|
|
94
|
-
/***/ }),
|
|
95
|
-
/* 1 */
|
|
96
|
-
/***/ (function(module, exports) {
|
|
97
|
-
|
|
98
|
-
module.exports = require("prop-types");
|
|
99
|
-
|
|
100
|
-
/***/ }),
|
|
101
|
-
/* 2 */
|
|
102
|
-
/***/ (function(module, exports) {
|
|
103
|
-
|
|
104
|
-
module.exports = require("react");
|
|
105
|
-
|
|
106
|
-
/***/ }),
|
|
107
|
-
/* 3 */
|
|
108
|
-
/***/ (function(module, exports) {
|
|
109
|
-
|
|
110
|
-
module.exports = require("styled-components");
|
|
111
|
-
|
|
112
|
-
/***/ }),
|
|
113
|
-
/* 4 */
|
|
114
|
-
/***/ (function(module, exports) {
|
|
115
|
-
|
|
116
|
-
module.exports = require("@splunk/ui-utils/i18n");
|
|
117
|
-
|
|
118
|
-
/***/ }),
|
|
119
|
-
/* 5 */
|
|
120
|
-
/***/ (function(module, exports) {
|
|
121
|
-
|
|
122
|
-
module.exports = require("lodash/omit");
|
|
123
|
-
|
|
124
|
-
/***/ }),
|
|
125
|
-
/* 6 */,
|
|
126
|
-
/* 7 */
|
|
127
|
-
/***/ (function(module, exports) {
|
|
128
|
-
|
|
129
|
-
module.exports = require("@splunk/ui-utils/keyboard");
|
|
130
|
-
|
|
131
|
-
/***/ }),
|
|
132
|
-
/* 8 */
|
|
133
|
-
/***/ (function(module, exports) {
|
|
134
|
-
|
|
135
|
-
module.exports = require("@splunk/ui-utils/id");
|
|
136
|
-
|
|
137
|
-
/***/ }),
|
|
138
|
-
/* 9 */
|
|
139
|
-
/***/ (function(module, exports) {
|
|
48
|
+
var __webpack_exports__ = {};
|
|
49
|
+
// ESM COMPAT FLAG
|
|
50
|
+
__webpack_require__.r(__webpack_exports__);
|
|
140
51
|
|
|
141
|
-
|
|
52
|
+
// EXPORTS
|
|
53
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
54
|
+
Body: () => (/* reexport */ Table_Body),
|
|
55
|
+
Caption: () => (/* reexport */ Table_Caption),
|
|
56
|
+
Cell: () => (/* reexport */ Table_Cell),
|
|
57
|
+
Head: () => (/* reexport */ Table_Head),
|
|
58
|
+
HeadCell: () => (/* reexport */ Table_HeadCell),
|
|
59
|
+
HeadDropdownCell: () => (/* reexport */ Table_HeadDropdownCell),
|
|
60
|
+
Row: () => (/* reexport */ Table_Row),
|
|
61
|
+
"default": () => (/* reexport */ Table_Table)
|
|
62
|
+
});
|
|
142
63
|
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
64
|
+
;// CONCATENATED MODULE: external "react"
|
|
65
|
+
const external_react_namespaceObject = require("react");
|
|
66
|
+
var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_namespaceObject);
|
|
67
|
+
;// CONCATENATED MODULE: external "prop-types"
|
|
68
|
+
const external_prop_types_namespaceObject = require("prop-types");
|
|
69
|
+
var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_namespaceObject);
|
|
70
|
+
;// CONCATENATED MODULE: external "lodash/forEach"
|
|
71
|
+
const forEach_namespaceObject = require("lodash/forEach");
|
|
72
|
+
var forEach_default = /*#__PURE__*/__webpack_require__.n(forEach_namespaceObject);
|
|
73
|
+
;// CONCATENATED MODULE: external "lodash/has"
|
|
74
|
+
const has_namespaceObject = require("lodash/has");
|
|
75
|
+
var has_default = /*#__PURE__*/__webpack_require__.n(has_namespaceObject);
|
|
76
|
+
;// CONCATENATED MODULE: external "lodash/indexOf"
|
|
77
|
+
const indexOf_namespaceObject = require("lodash/indexOf");
|
|
78
|
+
var indexOf_default = /*#__PURE__*/__webpack_require__.n(indexOf_namespaceObject);
|
|
79
|
+
;// CONCATENATED MODULE: external "lodash/isEqual"
|
|
80
|
+
const isEqual_namespaceObject = require("lodash/isEqual");
|
|
81
|
+
var isEqual_default = /*#__PURE__*/__webpack_require__.n(isEqual_namespaceObject);
|
|
82
|
+
;// CONCATENATED MODULE: external "lodash/isNumber"
|
|
83
|
+
const isNumber_namespaceObject = require("lodash/isNumber");
|
|
84
|
+
;// CONCATENATED MODULE: external "lodash/omit"
|
|
85
|
+
const omit_namespaceObject = require("lodash/omit");
|
|
86
|
+
var omit_default = /*#__PURE__*/__webpack_require__.n(omit_namespaceObject);
|
|
87
|
+
;// CONCATENATED MODULE: external "lodash/throttle"
|
|
88
|
+
const throttle_namespaceObject = require("lodash/throttle");
|
|
89
|
+
var throttle_default = /*#__PURE__*/__webpack_require__.n(throttle_namespaceObject);
|
|
90
|
+
;// CONCATENATED MODULE: external "react-resize-detector"
|
|
91
|
+
const external_react_resize_detector_namespaceObject = require("react-resize-detector");
|
|
92
|
+
var external_react_resize_detector_default = /*#__PURE__*/__webpack_require__.n(external_react_resize_detector_namespaceObject);
|
|
93
|
+
;// CONCATENATED MODULE: external "@splunk/react-ui/EventListener"
|
|
94
|
+
const EventListener_namespaceObject = require("@splunk/react-ui/EventListener");
|
|
95
|
+
var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_namespaceObject);
|
|
96
|
+
;// CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
|
|
97
|
+
const keyboard_namespaceObject = require("@splunk/ui-utils/keyboard");
|
|
98
|
+
;// CONCATENATED MODULE: external "@splunk/react-ui/ScrollContainerContext"
|
|
99
|
+
const ScrollContainerContext_namespaceObject = require("@splunk/react-ui/ScrollContainerContext");
|
|
100
|
+
;// CONCATENATED MODULE: external "lodash/findIndex"
|
|
101
|
+
const findIndex_namespaceObject = require("lodash/findIndex");
|
|
102
|
+
var findIndex_default = /*#__PURE__*/__webpack_require__.n(findIndex_namespaceObject);
|
|
103
|
+
;// CONCATENATED MODULE: external "lodash/includes"
|
|
104
|
+
const includes_namespaceObject = require("lodash/includes");
|
|
105
|
+
var includes_default = /*#__PURE__*/__webpack_require__.n(includes_namespaceObject);
|
|
106
|
+
;// CONCATENATED MODULE: external "lodash/without"
|
|
107
|
+
const without_namespaceObject = require("lodash/without");
|
|
108
|
+
var without_default = /*#__PURE__*/__webpack_require__.n(without_namespaceObject);
|
|
109
|
+
;// CONCATENATED MODULE: external "styled-components"
|
|
110
|
+
const external_styled_components_namespaceObject = require("styled-components");
|
|
111
|
+
var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_namespaceObject);
|
|
112
|
+
;// CONCATENATED MODULE: external "@splunk/themes"
|
|
113
|
+
const themes_namespaceObject = require("@splunk/themes");
|
|
114
|
+
;// CONCATENATED MODULE: ./src/Table/BodyStyles.ts
|
|
115
|
+
|
|
116
|
+
|
|
117
|
+
var Styled = external_styled_components_default().tbody.withConfig({
|
|
118
|
+
displayName: "BodyStyles__Styled",
|
|
119
|
+
componentId: "sc-1k5p6pq-0"
|
|
120
|
+
})(["", " z-index:0;"], themes_namespaceObject.mixins.reset('table-row-group'));
|
|
146
121
|
|
|
147
|
-
|
|
148
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return updateReactRef; });
|
|
122
|
+
;// CONCATENATED MODULE: ./src/utils/updateReactRef.ts
|
|
149
123
|
/**
|
|
150
124
|
* Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
|
|
151
125
|
*
|
|
@@ -165,149 +139,7 @@ function updateReactRef(ref, current) {
|
|
|
165
139
|
}
|
|
166
140
|
|
|
167
141
|
|
|
168
|
-
|
|
169
|
-
/***/ }),
|
|
170
|
-
/* 11 */
|
|
171
|
-
/***/ (function(module, exports) {
|
|
172
|
-
|
|
173
|
-
module.exports = require("lodash/has");
|
|
174
|
-
|
|
175
|
-
/***/ }),
|
|
176
|
-
/* 12 */,
|
|
177
|
-
/* 13 */,
|
|
178
|
-
/* 14 */
|
|
179
|
-
/***/ (function(module, exports) {
|
|
180
|
-
|
|
181
|
-
module.exports = require("@splunk/react-ui/ScreenReaderContent");
|
|
182
|
-
|
|
183
|
-
/***/ }),
|
|
184
|
-
/* 15 */
|
|
185
|
-
/***/ (function(module, exports) {
|
|
186
|
-
|
|
187
|
-
module.exports = require("lodash/includes");
|
|
188
|
-
|
|
189
|
-
/***/ }),
|
|
190
|
-
/* 16 */
|
|
191
|
-
/***/ (function(module, exports) {
|
|
192
|
-
|
|
193
|
-
module.exports = require("@splunk/react-ui/EventListener");
|
|
194
|
-
|
|
195
|
-
/***/ }),
|
|
196
|
-
/* 17 */
|
|
197
|
-
/***/ (function(module, exports) {
|
|
198
|
-
|
|
199
|
-
module.exports = require("@splunk/react-ui/Button");
|
|
200
|
-
|
|
201
|
-
/***/ }),
|
|
202
|
-
/* 18 */
|
|
203
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
204
|
-
|
|
205
|
-
"use strict";
|
|
206
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getWindow; });
|
|
207
|
-
/* unused harmony export ssrWindow */
|
|
208
|
-
/* harmony import */ var _ssrDocument__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(27);
|
|
209
|
-
/* eslint-disable @typescript-eslint/no-empty-function */
|
|
210
|
-
|
|
211
|
-
var ssrWindow = {
|
|
212
|
-
document: _ssrDocument__WEBPACK_IMPORTED_MODULE_0__[/* ssrDocument */ "b"],
|
|
213
|
-
navigator: {
|
|
214
|
-
userAgent: ''
|
|
215
|
-
},
|
|
216
|
-
location: {
|
|
217
|
-
hash: '',
|
|
218
|
-
host: '',
|
|
219
|
-
hostname: '',
|
|
220
|
-
href: '',
|
|
221
|
-
origin: '',
|
|
222
|
-
pathname: '',
|
|
223
|
-
protocol: '',
|
|
224
|
-
search: ''
|
|
225
|
-
},
|
|
226
|
-
history: {
|
|
227
|
-
replaceState: function replaceState() {},
|
|
228
|
-
pushState: function pushState() {},
|
|
229
|
-
go: function go() {},
|
|
230
|
-
back: function back() {}
|
|
231
|
-
},
|
|
232
|
-
CustomEvent: function CustomEvent() {
|
|
233
|
-
return this;
|
|
234
|
-
},
|
|
235
|
-
addEventListener: function addEventListener() {},
|
|
236
|
-
removeEventListener: function removeEventListener() {},
|
|
237
|
-
getComputedStyle: function getComputedStyle() {
|
|
238
|
-
return {
|
|
239
|
-
getPropertyValue: function getPropertyValue() {
|
|
240
|
-
return '';
|
|
241
|
-
}
|
|
242
|
-
};
|
|
243
|
-
},
|
|
244
|
-
Image: function Image() {},
|
|
245
|
-
Date: function Date() {},
|
|
246
|
-
screen: {},
|
|
247
|
-
setTimeout: function setTimeout() {},
|
|
248
|
-
clearTimeout: function clearTimeout() {},
|
|
249
|
-
matchMedia: function matchMedia() {
|
|
250
|
-
return {};
|
|
251
|
-
},
|
|
252
|
-
requestAnimationFrame: function requestAnimationFrame(callback) {
|
|
253
|
-
if (typeof setTimeout === 'undefined') {
|
|
254
|
-
callback();
|
|
255
|
-
return null;
|
|
256
|
-
}
|
|
257
|
-
|
|
258
|
-
return setTimeout(callback, 0);
|
|
259
|
-
},
|
|
260
|
-
cancelAnimationFrame: function cancelAnimationFrame(id) {
|
|
261
|
-
if (typeof setTimeout === 'undefined') {
|
|
262
|
-
return;
|
|
263
|
-
}
|
|
264
|
-
|
|
265
|
-
clearTimeout(id);
|
|
266
|
-
}
|
|
267
|
-
};
|
|
268
|
-
|
|
269
|
-
function getWindow() {
|
|
270
|
-
var win = typeof window !== 'undefined' ? window : ssrWindow;
|
|
271
|
-
return win;
|
|
272
|
-
}
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
/***/ }),
|
|
277
|
-
/* 19 */
|
|
278
|
-
/***/ (function(module, exports) {
|
|
279
|
-
|
|
280
|
-
module.exports = require("lodash/isFinite");
|
|
281
|
-
|
|
282
|
-
/***/ }),
|
|
283
|
-
/* 20 */,
|
|
284
|
-
/* 21 */
|
|
285
|
-
/***/ (function(module, exports) {
|
|
286
|
-
|
|
287
|
-
module.exports = require("@splunk/react-ui/Popover");
|
|
288
|
-
|
|
289
|
-
/***/ }),
|
|
290
|
-
/* 22 */
|
|
291
|
-
/***/ (function(module, exports) {
|
|
292
|
-
|
|
293
|
-
module.exports = require("@splunk/react-ui/Dropdown");
|
|
294
|
-
|
|
295
|
-
/***/ }),
|
|
296
|
-
/* 23 */
|
|
297
|
-
/***/ (function(module, exports) {
|
|
298
|
-
|
|
299
|
-
module.exports = require("lodash/isString");
|
|
300
|
-
|
|
301
|
-
/***/ }),
|
|
302
|
-
/* 24 */,
|
|
303
|
-
/* 25 */,
|
|
304
|
-
/* 26 */,
|
|
305
|
-
/* 27 */
|
|
306
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
307
|
-
|
|
308
|
-
"use strict";
|
|
309
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getDocument; });
|
|
310
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return ssrDocument; });
|
|
142
|
+
;// CONCATENATED MODULE: ./src/utils/ssrDocument.ts
|
|
311
143
|
/* eslint-disable @typescript-eslint/no-empty-function */
|
|
312
144
|
var ssrDocument = {
|
|
313
145
|
body: {
|
|
@@ -370,396 +202,74 @@ function getDocument() {
|
|
|
370
202
|
}
|
|
371
203
|
|
|
372
204
|
|
|
205
|
+
;// CONCATENATED MODULE: ./src/utils/ssrWindow.ts
|
|
206
|
+
/* eslint-disable @typescript-eslint/no-empty-function */
|
|
373
207
|
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
/* 48 */,
|
|
421
|
-
/* 49 */
|
|
422
|
-
/***/ (function(module, exports) {
|
|
423
|
-
|
|
424
|
-
module.exports = require("lodash/extend");
|
|
425
|
-
|
|
426
|
-
/***/ }),
|
|
427
|
-
/* 50 */
|
|
428
|
-
/***/ (function(module, exports) {
|
|
429
|
-
|
|
430
|
-
module.exports = require("@splunk/react-ui/ScrollContainerContext");
|
|
431
|
-
|
|
432
|
-
/***/ }),
|
|
433
|
-
/* 51 */,
|
|
434
|
-
/* 52 */,
|
|
435
|
-
/* 53 */
|
|
436
|
-
/***/ (function(module, exports) {
|
|
437
|
-
|
|
438
|
-
module.exports = require("@splunk/react-icons/CaretSmallDown");
|
|
439
|
-
|
|
440
|
-
/***/ }),
|
|
441
|
-
/* 54 */
|
|
442
|
-
/***/ (function(module, exports) {
|
|
443
|
-
|
|
444
|
-
module.exports = require("@splunk/react-icons/enterprise/Caret");
|
|
445
|
-
|
|
446
|
-
/***/ }),
|
|
447
|
-
/* 55 */,
|
|
448
|
-
/* 56 */,
|
|
449
|
-
/* 57 */,
|
|
450
|
-
/* 58 */
|
|
451
|
-
/***/ (function(module, exports) {
|
|
452
|
-
|
|
453
|
-
module.exports = require("@splunk/react-ui/Switch");
|
|
454
|
-
|
|
455
|
-
/***/ }),
|
|
456
|
-
/* 59 */
|
|
457
|
-
/***/ (function(module, exports) {
|
|
208
|
+
var ssrWindow = {
|
|
209
|
+
document: ssrDocument,
|
|
210
|
+
navigator: {
|
|
211
|
+
userAgent: ''
|
|
212
|
+
},
|
|
213
|
+
location: {
|
|
214
|
+
hash: '',
|
|
215
|
+
host: '',
|
|
216
|
+
hostname: '',
|
|
217
|
+
href: '',
|
|
218
|
+
origin: '',
|
|
219
|
+
pathname: '',
|
|
220
|
+
protocol: '',
|
|
221
|
+
search: ''
|
|
222
|
+
},
|
|
223
|
+
history: {
|
|
224
|
+
replaceState: function replaceState() {},
|
|
225
|
+
pushState: function pushState() {},
|
|
226
|
+
go: function go() {},
|
|
227
|
+
back: function back() {}
|
|
228
|
+
},
|
|
229
|
+
CustomEvent: function CustomEvent() {
|
|
230
|
+
return this;
|
|
231
|
+
},
|
|
232
|
+
addEventListener: function addEventListener() {},
|
|
233
|
+
removeEventListener: function removeEventListener() {},
|
|
234
|
+
getComputedStyle: function getComputedStyle() {
|
|
235
|
+
return {
|
|
236
|
+
getPropertyValue: function getPropertyValue() {
|
|
237
|
+
return '';
|
|
238
|
+
}
|
|
239
|
+
};
|
|
240
|
+
},
|
|
241
|
+
Image: function Image() {},
|
|
242
|
+
Date: function Date() {},
|
|
243
|
+
screen: {},
|
|
244
|
+
setTimeout: function setTimeout() {},
|
|
245
|
+
clearTimeout: function clearTimeout() {},
|
|
246
|
+
matchMedia: function matchMedia() {
|
|
247
|
+
return {};
|
|
248
|
+
},
|
|
249
|
+
requestAnimationFrame: function requestAnimationFrame(callback) {
|
|
250
|
+
if (typeof setTimeout === 'undefined') {
|
|
251
|
+
callback();
|
|
252
|
+
return null;
|
|
253
|
+
}
|
|
458
254
|
|
|
459
|
-
|
|
255
|
+
return setTimeout(callback, 0);
|
|
256
|
+
},
|
|
257
|
+
cancelAnimationFrame: function cancelAnimationFrame(id) {
|
|
258
|
+
if (typeof setTimeout === 'undefined') {
|
|
259
|
+
return;
|
|
260
|
+
}
|
|
460
261
|
|
|
461
|
-
|
|
462
|
-
/* 60 */,
|
|
463
|
-
/* 61 */,
|
|
464
|
-
/* 62 */,
|
|
465
|
-
/* 63 */,
|
|
466
|
-
/* 64 */,
|
|
467
|
-
/* 65 */,
|
|
468
|
-
/* 66 */,
|
|
469
|
-
/* 67 */,
|
|
470
|
-
/* 68 */,
|
|
471
|
-
/* 69 */
|
|
472
|
-
/***/ (function(module, exports) {
|
|
473
|
-
|
|
474
|
-
module.exports = require("lodash/isFunction");
|
|
475
|
-
|
|
476
|
-
/***/ }),
|
|
477
|
-
/* 70 */,
|
|
478
|
-
/* 71 */,
|
|
479
|
-
/* 72 */,
|
|
480
|
-
/* 73 */,
|
|
481
|
-
/* 74 */,
|
|
482
|
-
/* 75 */
|
|
483
|
-
/***/ (function(module, exports) {
|
|
484
|
-
|
|
485
|
-
module.exports = require("lodash/isNumber");
|
|
486
|
-
|
|
487
|
-
/***/ }),
|
|
488
|
-
/* 76 */,
|
|
489
|
-
/* 77 */
|
|
490
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
491
|
-
|
|
492
|
-
"use strict";
|
|
493
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return assertDefined; });
|
|
494
|
-
// see https://github.com/DefinitelyTyped/DefinitelyTyped/issues/31245 for details
|
|
495
|
-
// regarding the css prop. certain (versions of) libraries included in the compilation
|
|
496
|
-
// - such as storybook->emotion - introduce the css prop using a global augmentation,
|
|
497
|
-
// which causes the prop to end up in our declaration files (via JSX.IntrinsicElements).
|
|
498
|
-
// it's difficult to control all nested dependencies and their types, which is why the
|
|
499
|
-
// css prop is omitted in the two prop helpers above - this ensures the css prop isn't
|
|
500
|
-
// erroneously included in react-ui's public api.
|
|
501
|
-
// see https://github.com/microsoft/TypeScript/pull/12253
|
|
502
|
-
// see https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-7.html
|
|
503
|
-
function assertDefined(val, msg) {
|
|
504
|
-
if (val === undefined || val === null) {
|
|
505
|
-
throw new Error(msg !== null && msg !== void 0 ? msg : 'Unexpected undefined or null');
|
|
262
|
+
clearTimeout(id);
|
|
506
263
|
}
|
|
507
|
-
}
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
/***/ }),
|
|
512
|
-
/* 78 */,
|
|
513
|
-
/* 79 */,
|
|
514
|
-
/* 80 */,
|
|
515
|
-
/* 81 */,
|
|
516
|
-
/* 82 */
|
|
517
|
-
/***/ (function(module, exports) {
|
|
518
|
-
|
|
519
|
-
module.exports = require("lodash/indexOf");
|
|
520
|
-
|
|
521
|
-
/***/ }),
|
|
522
|
-
/* 83 */,
|
|
523
|
-
/* 84 */,
|
|
524
|
-
/* 85 */
|
|
525
|
-
/***/ (function(module, exports) {
|
|
526
|
-
|
|
527
|
-
module.exports = require("@splunk/react-icons/DotsThreeVertical");
|
|
528
|
-
|
|
529
|
-
/***/ }),
|
|
530
|
-
/* 86 */,
|
|
531
|
-
/* 87 */,
|
|
532
|
-
/* 88 */,
|
|
533
|
-
/* 89 */,
|
|
534
|
-
/* 90 */,
|
|
535
|
-
/* 91 */,
|
|
536
|
-
/* 92 */,
|
|
537
|
-
/* 93 */,
|
|
538
|
-
/* 94 */,
|
|
539
|
-
/* 95 */,
|
|
540
|
-
/* 96 */,
|
|
541
|
-
/* 97 */,
|
|
542
|
-
/* 98 */,
|
|
543
|
-
/* 99 */,
|
|
544
|
-
/* 100 */,
|
|
545
|
-
/* 101 */,
|
|
546
|
-
/* 102 */,
|
|
547
|
-
/* 103 */,
|
|
548
|
-
/* 104 */,
|
|
549
|
-
/* 105 */,
|
|
550
|
-
/* 106 */,
|
|
551
|
-
/* 107 */,
|
|
552
|
-
/* 108 */,
|
|
553
|
-
/* 109 */
|
|
554
|
-
/***/ (function(module, exports) {
|
|
555
|
-
|
|
556
|
-
module.exports = require("@splunk/react-icons/CaretsSmallUpDown");
|
|
557
|
-
|
|
558
|
-
/***/ }),
|
|
559
|
-
/* 110 */,
|
|
560
|
-
/* 111 */,
|
|
561
|
-
/* 112 */
|
|
562
|
-
/***/ (function(module, exports) {
|
|
563
|
-
|
|
564
|
-
module.exports = require("lodash/findIndex");
|
|
565
|
-
|
|
566
|
-
/***/ }),
|
|
567
|
-
/* 113 */
|
|
568
|
-
/***/ (function(module, exports) {
|
|
569
|
-
|
|
570
|
-
module.exports = require("lodash/merge");
|
|
571
|
-
|
|
572
|
-
/***/ }),
|
|
573
|
-
/* 114 */,
|
|
574
|
-
/* 115 */,
|
|
575
|
-
/* 116 */,
|
|
576
|
-
/* 117 */,
|
|
577
|
-
/* 118 */,
|
|
578
|
-
/* 119 */,
|
|
579
|
-
/* 120 */,
|
|
580
|
-
/* 121 */,
|
|
581
|
-
/* 122 */,
|
|
582
|
-
/* 123 */,
|
|
583
|
-
/* 124 */,
|
|
584
|
-
/* 125 */,
|
|
585
|
-
/* 126 */,
|
|
586
|
-
/* 127 */,
|
|
587
|
-
/* 128 */,
|
|
588
|
-
/* 129 */,
|
|
589
|
-
/* 130 */,
|
|
590
|
-
/* 131 */,
|
|
591
|
-
/* 132 */,
|
|
592
|
-
/* 133 */,
|
|
593
|
-
/* 134 */,
|
|
594
|
-
/* 135 */,
|
|
595
|
-
/* 136 */,
|
|
596
|
-
/* 137 */,
|
|
597
|
-
/* 138 */,
|
|
598
|
-
/* 139 */,
|
|
599
|
-
/* 140 */,
|
|
600
|
-
/* 141 */,
|
|
601
|
-
/* 142 */,
|
|
602
|
-
/* 143 */,
|
|
603
|
-
/* 144 */,
|
|
604
|
-
/* 145 */,
|
|
605
|
-
/* 146 */,
|
|
606
|
-
/* 147 */,
|
|
607
|
-
/* 148 */,
|
|
608
|
-
/* 149 */,
|
|
609
|
-
/* 150 */,
|
|
610
|
-
/* 151 */,
|
|
611
|
-
/* 152 */,
|
|
612
|
-
/* 153 */,
|
|
613
|
-
/* 154 */,
|
|
614
|
-
/* 155 */,
|
|
615
|
-
/* 156 */,
|
|
616
|
-
/* 157 */,
|
|
617
|
-
/* 158 */
|
|
618
|
-
/***/ (function(module, exports) {
|
|
619
|
-
|
|
620
|
-
module.exports = require("lodash/forEach");
|
|
621
|
-
|
|
622
|
-
/***/ }),
|
|
623
|
-
/* 159 */
|
|
624
|
-
/***/ (function(module, exports) {
|
|
625
|
-
|
|
626
|
-
module.exports = require("lodash/isEqual");
|
|
627
|
-
|
|
628
|
-
/***/ }),
|
|
629
|
-
/* 160 */
|
|
630
|
-
/***/ (function(module, exports) {
|
|
631
|
-
|
|
632
|
-
module.exports = require("react-resize-detector");
|
|
633
|
-
|
|
634
|
-
/***/ }),
|
|
635
|
-
/* 161 */
|
|
636
|
-
/***/ (function(module, exports) {
|
|
637
|
-
|
|
638
|
-
module.exports = require("@splunk/react-icons/ArrowDown");
|
|
639
|
-
|
|
640
|
-
/***/ }),
|
|
641
|
-
/* 162 */
|
|
642
|
-
/***/ (function(module, exports) {
|
|
643
|
-
|
|
644
|
-
module.exports = require("@splunk/react-icons/ArrowUp");
|
|
645
|
-
|
|
646
|
-
/***/ }),
|
|
647
|
-
/* 163 */
|
|
648
|
-
/***/ (function(module, exports) {
|
|
649
|
-
|
|
650
|
-
module.exports = require("@splunk/react-icons/ArrowUpDown");
|
|
651
|
-
|
|
652
|
-
/***/ }),
|
|
653
|
-
/* 164 */
|
|
654
|
-
/***/ (function(module, exports) {
|
|
655
|
-
|
|
656
|
-
module.exports = require("@splunk/react-icons/enterprise/Info");
|
|
657
|
-
|
|
658
|
-
/***/ }),
|
|
659
|
-
/* 165 */,
|
|
660
|
-
/* 166 */,
|
|
661
|
-
/* 167 */,
|
|
662
|
-
/* 168 */,
|
|
663
|
-
/* 169 */
|
|
664
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
665
|
-
|
|
666
|
-
"use strict";
|
|
667
|
-
// ESM COMPAT FLAG
|
|
668
|
-
__webpack_require__.r(__webpack_exports__);
|
|
669
|
-
|
|
670
|
-
// EXPORTS
|
|
671
|
-
__webpack_require__.d(__webpack_exports__, "default", function() { return /* reexport */ src_Table_Table; });
|
|
672
|
-
__webpack_require__.d(__webpack_exports__, "Body", function() { return /* reexport */ Table_Body; });
|
|
673
|
-
__webpack_require__.d(__webpack_exports__, "Caption", function() { return /* reexport */ Table_Caption; });
|
|
674
|
-
__webpack_require__.d(__webpack_exports__, "Cell", function() { return /* reexport */ Table_Cell; });
|
|
675
|
-
__webpack_require__.d(__webpack_exports__, "Head", function() { return /* reexport */ Table_Head; });
|
|
676
|
-
__webpack_require__.d(__webpack_exports__, "HeadCell", function() { return /* reexport */ Table_HeadCell; });
|
|
677
|
-
__webpack_require__.d(__webpack_exports__, "HeadDropdownCell", function() { return /* reexport */ Table_HeadDropdownCell; });
|
|
678
|
-
__webpack_require__.d(__webpack_exports__, "Row", function() { return /* reexport */ Table_Row; });
|
|
679
|
-
|
|
680
|
-
// EXTERNAL MODULE: external "react"
|
|
681
|
-
var external_react_ = __webpack_require__(2);
|
|
682
|
-
var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
|
|
683
|
-
|
|
684
|
-
// EXTERNAL MODULE: external "prop-types"
|
|
685
|
-
var external_prop_types_ = __webpack_require__(1);
|
|
686
|
-
var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
|
|
687
|
-
|
|
688
|
-
// EXTERNAL MODULE: external "lodash/forEach"
|
|
689
|
-
var forEach_ = __webpack_require__(158);
|
|
690
|
-
var forEach_default = /*#__PURE__*/__webpack_require__.n(forEach_);
|
|
691
|
-
|
|
692
|
-
// EXTERNAL MODULE: external "lodash/has"
|
|
693
|
-
var has_ = __webpack_require__(11);
|
|
694
|
-
var has_default = /*#__PURE__*/__webpack_require__.n(has_);
|
|
695
|
-
|
|
696
|
-
// EXTERNAL MODULE: external "lodash/indexOf"
|
|
697
|
-
var indexOf_ = __webpack_require__(82);
|
|
698
|
-
var indexOf_default = /*#__PURE__*/__webpack_require__.n(indexOf_);
|
|
699
|
-
|
|
700
|
-
// EXTERNAL MODULE: external "lodash/isEqual"
|
|
701
|
-
var isEqual_ = __webpack_require__(159);
|
|
702
|
-
var isEqual_default = /*#__PURE__*/__webpack_require__.n(isEqual_);
|
|
703
|
-
|
|
704
|
-
// EXTERNAL MODULE: external "lodash/isNumber"
|
|
705
|
-
var isNumber_ = __webpack_require__(75);
|
|
706
|
-
|
|
707
|
-
// EXTERNAL MODULE: external "lodash/omit"
|
|
708
|
-
var omit_ = __webpack_require__(5);
|
|
709
|
-
var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
|
|
710
|
-
|
|
711
|
-
// EXTERNAL MODULE: external "lodash/throttle"
|
|
712
|
-
var throttle_ = __webpack_require__(31);
|
|
713
|
-
var throttle_default = /*#__PURE__*/__webpack_require__.n(throttle_);
|
|
714
|
-
|
|
715
|
-
// EXTERNAL MODULE: external "react-resize-detector"
|
|
716
|
-
var external_react_resize_detector_ = __webpack_require__(160);
|
|
717
|
-
var external_react_resize_detector_default = /*#__PURE__*/__webpack_require__.n(external_react_resize_detector_);
|
|
718
|
-
|
|
719
|
-
// EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
|
|
720
|
-
var EventListener_ = __webpack_require__(16);
|
|
721
|
-
var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
|
|
722
|
-
|
|
723
|
-
// EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
|
|
724
|
-
var keyboard_ = __webpack_require__(7);
|
|
725
|
-
|
|
726
|
-
// EXTERNAL MODULE: external "@splunk/react-ui/ScrollContainerContext"
|
|
727
|
-
var ScrollContainerContext_ = __webpack_require__(50);
|
|
728
|
-
|
|
729
|
-
// EXTERNAL MODULE: external "lodash/findIndex"
|
|
730
|
-
var findIndex_ = __webpack_require__(112);
|
|
731
|
-
var findIndex_default = /*#__PURE__*/__webpack_require__.n(findIndex_);
|
|
732
|
-
|
|
733
|
-
// EXTERNAL MODULE: external "lodash/includes"
|
|
734
|
-
var includes_ = __webpack_require__(15);
|
|
735
|
-
var includes_default = /*#__PURE__*/__webpack_require__.n(includes_);
|
|
736
|
-
|
|
737
|
-
// EXTERNAL MODULE: external "lodash/without"
|
|
738
|
-
var without_ = __webpack_require__(59);
|
|
739
|
-
var without_default = /*#__PURE__*/__webpack_require__.n(without_);
|
|
740
|
-
|
|
741
|
-
// EXTERNAL MODULE: external "styled-components"
|
|
742
|
-
var external_styled_components_ = __webpack_require__(3);
|
|
743
|
-
var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
|
|
744
|
-
|
|
745
|
-
// EXTERNAL MODULE: external "@splunk/themes"
|
|
746
|
-
var themes_ = __webpack_require__(0);
|
|
747
|
-
|
|
748
|
-
// CONCATENATED MODULE: ./src/Table/BodyStyles.ts
|
|
749
|
-
|
|
750
|
-
|
|
751
|
-
var Styled = external_styled_components_default.a.tbody.withConfig({
|
|
752
|
-
displayName: "BodyStyles__Styled",
|
|
753
|
-
componentId: "sc-1k5p6pq-0"
|
|
754
|
-
})(["", " z-index:0;"], themes_["mixins"].reset('table-row-group'));
|
|
264
|
+
};
|
|
755
265
|
|
|
756
|
-
|
|
757
|
-
var
|
|
266
|
+
function getWindow() {
|
|
267
|
+
var win = typeof window !== 'undefined' ? window : ssrWindow;
|
|
268
|
+
return win;
|
|
269
|
+
}
|
|
758
270
|
|
|
759
|
-
// EXTERNAL MODULE: ./src/utils/ssrWindow.ts
|
|
760
|
-
var ssrWindow = __webpack_require__(18);
|
|
761
271
|
|
|
762
|
-
|
|
272
|
+
;// CONCATENATED MODULE: ./src/Table/Body.tsx
|
|
763
273
|
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); }
|
|
764
274
|
|
|
765
275
|
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); }
|
|
@@ -802,24 +312,24 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
|
|
|
802
312
|
|
|
803
313
|
var propTypes = {
|
|
804
314
|
/** @private. Generally passed by Table rather than added directly. */
|
|
805
|
-
actions: external_prop_types_default.
|
|
806
|
-
children: external_prop_types_default.
|
|
807
|
-
elementRef: external_prop_types_default.
|
|
315
|
+
actions: (external_prop_types_default()).bool,
|
|
316
|
+
children: (external_prop_types_default()).node,
|
|
317
|
+
elementRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
|
|
808
318
|
|
|
809
319
|
/** @private. Generally passed by Table rather than added directly. */
|
|
810
|
-
movableColumns: external_prop_types_default.
|
|
320
|
+
movableColumns: (external_prop_types_default()).bool,
|
|
811
321
|
|
|
812
322
|
/** @private. Generally passed by Table rather than added directly. */
|
|
813
|
-
rowExpansion: external_prop_types_default.
|
|
323
|
+
rowExpansion: external_prop_types_default().oneOf(['single', 'multi', 'none', 'controlled']),
|
|
814
324
|
|
|
815
325
|
/** @private. Generally passed by Table rather than added directly. */
|
|
816
|
-
onRequestMoveRow: external_prop_types_default.
|
|
326
|
+
onRequestMoveRow: (external_prop_types_default()).func,
|
|
817
327
|
|
|
818
328
|
/** @private. Generally passed by Table rather than added directly. */
|
|
819
|
-
primaryColumnIndex: external_prop_types_default.
|
|
329
|
+
primaryColumnIndex: (external_prop_types_default()).number,
|
|
820
330
|
|
|
821
331
|
/** @private. Generally passed by Table rather than added directly. */
|
|
822
|
-
stripeRows: external_prop_types_default.
|
|
332
|
+
stripeRows: (external_prop_types_default()).bool
|
|
823
333
|
};
|
|
824
334
|
var defaultProps = {
|
|
825
335
|
actions: false,
|
|
@@ -827,7 +337,7 @@ var defaultProps = {
|
|
|
827
337
|
stripeRows: false
|
|
828
338
|
};
|
|
829
339
|
|
|
830
|
-
var
|
|
340
|
+
var Body = /*#__PURE__*/function (_Component) {
|
|
831
341
|
_inherits(Body, _Component);
|
|
832
342
|
|
|
833
343
|
var _super = _createSuper(Body);
|
|
@@ -851,7 +361,7 @@ var Body_Body = /*#__PURE__*/function (_Component) {
|
|
|
851
361
|
_defineProperty(_assertThisInitialized(_this), "handleDragStart", function (dragIndex, dragDataId) {
|
|
852
362
|
var _this$el, _this$el$parentElemen, _this$el$parentElemen2, _this$el2;
|
|
853
363
|
|
|
854
|
-
var window =
|
|
364
|
+
var window = getWindow();
|
|
855
365
|
_this.rect = (_this$el = _this.el) === null || _this$el === void 0 ? void 0 : (_this$el$parentElemen = _this$el.parentElement) === null || _this$el$parentElemen === void 0 ? void 0 : (_this$el$parentElemen2 = _this$el$parentElemen.parentElement) === null || _this$el$parentElemen2 === void 0 ? void 0 : _this$el$parentElemen2.getBoundingClientRect();
|
|
856
366
|
_this.rowHeight = (_this$el2 = _this.el) === null || _this$el2 === void 0 ? void 0 : _this$el2.children[0].getBoundingClientRect().height;
|
|
857
367
|
|
|
@@ -930,7 +440,7 @@ var Body_Body = /*#__PURE__*/function (_Component) {
|
|
|
930
440
|
dragDataId: dataId
|
|
931
441
|
});
|
|
932
442
|
|
|
933
|
-
if (toIndex <
|
|
443
|
+
if (toIndex < external_react_namespaceObject.Children.toArray(_this.props.children).length) {
|
|
934
444
|
var _this$props$onRequest2, _this$props2;
|
|
935
445
|
|
|
936
446
|
(_this$props$onRequest2 = (_this$props2 = _this.props).onRequestMoveRow) === null || _this$props$onRequest2 === void 0 ? void 0 : _this$props$onRequest2.call(_this$props2, {
|
|
@@ -943,7 +453,7 @@ var Body_Body = /*#__PURE__*/function (_Component) {
|
|
|
943
453
|
|
|
944
454
|
_defineProperty(_assertThisInitialized(_this), "handleMount", function (el) {
|
|
945
455
|
_this.el = el;
|
|
946
|
-
|
|
456
|
+
updateReactRef(_this.props.elementRef, el);
|
|
947
457
|
});
|
|
948
458
|
|
|
949
459
|
_defineProperty(_assertThisInitialized(_this), "updateDragPosition", throttle_default()(_this.updateDragPositionImpl, 100, {
|
|
@@ -1042,7 +552,7 @@ var Body_Body = /*#__PURE__*/function (_Component) {
|
|
|
1042
552
|
}, {
|
|
1043
553
|
key: "cleanupDrag",
|
|
1044
554
|
value: function cleanupDrag() {
|
|
1045
|
-
var window =
|
|
555
|
+
var window = getWindow();
|
|
1046
556
|
window.removeEventListener('dragenter', this.handleDragEnter);
|
|
1047
557
|
window.removeEventListener('dragover', this.handleDragOver);
|
|
1048
558
|
window.removeEventListener('drop', this.handleDrop);
|
|
@@ -1070,7 +580,7 @@ var Body_Body = /*#__PURE__*/function (_Component) {
|
|
|
1070
580
|
var rows = [];
|
|
1071
581
|
var guidelineRowIndex = this.calculateGuideIndex();
|
|
1072
582
|
var activeElementId = (_this$state$dragDataI = this.state.dragDataId) === null || _this$state$dragDataI === void 0 ? void 0 : _this$state$dragDataI.toString();
|
|
1073
|
-
var filteredChildren =
|
|
583
|
+
var filteredChildren = external_react_namespaceObject.Children.toArray(children).filter(external_react_namespaceObject.isValidElement);
|
|
1074
584
|
filteredChildren.forEach(function (child, i) {
|
|
1075
585
|
var showRowGuideline = 'none';
|
|
1076
586
|
|
|
@@ -1092,7 +602,7 @@ var Body_Body = /*#__PURE__*/function (_Component) {
|
|
|
1092
602
|
_this2.handleRowExpansion(e, key, child.props.onExpansion);
|
|
1093
603
|
};
|
|
1094
604
|
|
|
1095
|
-
rows.push( /*#__PURE__*/
|
|
605
|
+
rows.push( /*#__PURE__*/(0,external_react_namespaceObject.cloneElement)(child, {
|
|
1096
606
|
index: i,
|
|
1097
607
|
showRowGuideline: showRowGuideline,
|
|
1098
608
|
stripe: stripe,
|
|
@@ -1111,8 +621,8 @@ var Body_Body = /*#__PURE__*/function (_Component) {
|
|
|
1111
621
|
}));
|
|
1112
622
|
|
|
1113
623
|
if (expanded && child.props.expansionRow) {
|
|
1114
|
-
|
|
1115
|
-
return rows.push( /*#__PURE__*/
|
|
624
|
+
external_react_namespaceObject.Children.forEach(child.props.expansionRow, function (expansionRow, index) {
|
|
625
|
+
return rows.push( /*#__PURE__*/(0,external_react_namespaceObject.cloneElement)(expansionRow, {
|
|
1116
626
|
key: "".concat(key, "-expansion-").concat(index),
|
|
1117
627
|
stripe: stripe,
|
|
1118
628
|
movableColumns: movableColumns,
|
|
@@ -1128,7 +638,7 @@ var Body_Body = /*#__PURE__*/function (_Component) {
|
|
|
1128
638
|
return null;
|
|
1129
639
|
}
|
|
1130
640
|
|
|
1131
|
-
return /*#__PURE__*/external_react_default.
|
|
641
|
+
return /*#__PURE__*/external_react_default().createElement(Styled, _extends({
|
|
1132
642
|
"data-test": "body"
|
|
1133
643
|
}, otherProps, {
|
|
1134
644
|
ref: this.handleMount
|
|
@@ -1137,53 +647,53 @@ var Body_Body = /*#__PURE__*/function (_Component) {
|
|
|
1137
647
|
}]);
|
|
1138
648
|
|
|
1139
649
|
return Body;
|
|
1140
|
-
}(
|
|
650
|
+
}(external_react_namespaceObject.Component);
|
|
1141
651
|
|
|
1142
|
-
_defineProperty(
|
|
652
|
+
_defineProperty(Body, "splunkUiType", 'Table.Body');
|
|
1143
653
|
|
|
1144
|
-
_defineProperty(
|
|
654
|
+
_defineProperty(Body, "propTypes", propTypes);
|
|
1145
655
|
|
|
1146
|
-
_defineProperty(
|
|
656
|
+
_defineProperty(Body, "defaultProps", defaultProps);
|
|
1147
657
|
|
|
1148
|
-
/* harmony default export */
|
|
1149
|
-
|
|
658
|
+
/* harmony default export */ const Table_Body = (Body);
|
|
659
|
+
;// CONCATENATED MODULE: ./src/Table/TableStyles.ts
|
|
1150
660
|
|
|
1151
661
|
|
|
1152
|
-
var TableStyles_Styled = external_styled_components_default.
|
|
662
|
+
var TableStyles_Styled = external_styled_components_default().div.withConfig({
|
|
1153
663
|
displayName: "TableStyles__Styled",
|
|
1154
664
|
componentId: "sc-1cmfss7-0"
|
|
1155
|
-
})(["", ";max-width:100%;position:relative;z-index:1;@media print{max-height:none !important;}"],
|
|
1156
|
-
var StyledTableContainer = external_styled_components_default.
|
|
665
|
+
})(["", ";max-width:100%;position:relative;z-index:1;@media print{max-height:none !important;}"], themes_namespaceObject.mixins.reset('block'));
|
|
666
|
+
var StyledTableContainer = external_styled_components_default().div.withConfig({
|
|
1157
667
|
displayName: "TableStyles__StyledTableContainer",
|
|
1158
668
|
componentId: "sc-1cmfss7-1"
|
|
1159
669
|
})(["overflow:auto;&::before{content:'';width:100%;height:0;top:0;position:absolute;}"]);
|
|
1160
|
-
var StyledTable = external_styled_components_default.
|
|
670
|
+
var StyledTable = external_styled_components_default().table.withConfig({
|
|
1161
671
|
displayName: "TableStyles__StyledTable",
|
|
1162
672
|
componentId: "sc-1cmfss7-2"
|
|
1163
|
-
})(["", ";position:relative;border-collapse:collapse;border-spacing:0;min-width:100%;z-index:0;&[data-fixed-column='true']{table-layout:fixed;min-width:0;width:0;}", " @media print{width:100%;max-width:100%;table-layout:auto;}"],
|
|
673
|
+
})(["", ";position:relative;border-collapse:collapse;border-spacing:0;min-width:100%;z-index:0;&[data-fixed-column='true']{table-layout:fixed;min-width:0;width:0;}", " @media print{width:100%;max-width:100%;table-layout:auto;}"], themes_namespaceObject.mixins.reset('table'), function (_ref) {
|
|
1164
674
|
var $resizableFillLayout = _ref.$resizableFillLayout;
|
|
1165
|
-
return $resizableFillLayout &&
|
|
675
|
+
return $resizableFillLayout && (0,external_styled_components_namespaceObject.css)(["width:100%;min-width:100%;table-layout:fixed;"]);
|
|
1166
676
|
});
|
|
1167
|
-
var StyledDockedScrollbar = external_styled_components_default.
|
|
677
|
+
var StyledDockedScrollbar = external_styled_components_default().div.withConfig({
|
|
1168
678
|
displayName: "TableStyles__StyledDockedScrollbar",
|
|
1169
679
|
componentId: "sc-1cmfss7-3"
|
|
1170
|
-
})(["position:fixed;bottom:0;overflow:auto;z-index:calc(", " + 1);"],
|
|
1171
|
-
var StyledDockedScrollbarContent = external_styled_components_default.
|
|
680
|
+
})(["position:fixed;bottom:0;overflow:auto;z-index:calc(", " + 1);"], themes_namespaceObject.variables.zindexFixedNavbar);
|
|
681
|
+
var StyledDockedScrollbarContent = external_styled_components_default().div.withConfig({
|
|
1172
682
|
displayName: "TableStyles__StyledDockedScrollbarContent",
|
|
1173
683
|
componentId: "sc-1cmfss7-4"
|
|
1174
684
|
})(["height:1px;"]);
|
|
1175
|
-
var StyledTableCaption = external_styled_components_default.
|
|
685
|
+
var StyledTableCaption = external_styled_components_default().caption.withConfig({
|
|
1176
686
|
displayName: "TableStyles__StyledTableCaption",
|
|
1177
687
|
componentId: "sc-1cmfss7-5"
|
|
1178
|
-
})(["padding:", ";font-size:", ";caption-side:", ";"],
|
|
1179
|
-
enterprise: "".concat(
|
|
688
|
+
})(["padding:", ";font-size:", ";caption-side:", ";"], (0,themes_namespaceObject.pick)({
|
|
689
|
+
enterprise: "".concat(themes_namespaceObject.variables.spacingQuarter, " 0"),
|
|
1180
690
|
prisma: "5px 0"
|
|
1181
|
-
}),
|
|
691
|
+
}), themes_namespaceObject.variables.fontSizeLarge, function (_ref2) {
|
|
1182
692
|
var side = _ref2.side;
|
|
1183
693
|
return side;
|
|
1184
694
|
});
|
|
1185
695
|
|
|
1186
|
-
|
|
696
|
+
;// CONCATENATED MODULE: ./src/Table/Caption.tsx
|
|
1187
697
|
function Caption_extends() { Caption_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 Caption_extends.apply(this, arguments); }
|
|
1188
698
|
|
|
1189
699
|
function Caption_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = Caption_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; }
|
|
@@ -1194,8 +704,8 @@ function Caption_objectWithoutPropertiesLoose(source, excluded) { if (source ==
|
|
|
1194
704
|
|
|
1195
705
|
|
|
1196
706
|
var Caption_propTypes = {
|
|
1197
|
-
children: external_prop_types_default.
|
|
1198
|
-
side: external_prop_types_default.
|
|
707
|
+
children: (external_prop_types_default()).node.isRequired,
|
|
708
|
+
side: external_prop_types_default().oneOf(['top', 'bottom'])
|
|
1199
709
|
};
|
|
1200
710
|
|
|
1201
711
|
/**
|
|
@@ -1209,7 +719,7 @@ function Caption(_ref) {
|
|
|
1209
719
|
otherProps = Caption_objectWithoutProperties(_ref, ["children", "side"]);
|
|
1210
720
|
|
|
1211
721
|
// @docs-props-type CaptionPropsBase
|
|
1212
|
-
return /*#__PURE__*/external_react_default.
|
|
722
|
+
return /*#__PURE__*/external_react_default().createElement(StyledTableCaption, Caption_extends({
|
|
1213
723
|
"data-test": "caption",
|
|
1214
724
|
side: side
|
|
1215
725
|
}, otherProps), children);
|
|
@@ -1217,81 +727,81 @@ function Caption(_ref) {
|
|
|
1217
727
|
|
|
1218
728
|
Caption.propTypes = Caption_propTypes;
|
|
1219
729
|
Caption.splunkUiType = 'Table.Caption';
|
|
1220
|
-
/* harmony default export */
|
|
1221
|
-
|
|
730
|
+
/* harmony default export */ const Table_Caption = (Caption);
|
|
731
|
+
;// CONCATENATED MODULE: ./src/Table/CellStyles.ts
|
|
1222
732
|
|
|
1223
733
|
|
|
1224
|
-
var CellStyles_Styled = external_styled_components_default.
|
|
734
|
+
var CellStyles_Styled = external_styled_components_default().td.withConfig({
|
|
1225
735
|
displayName: "CellStyles__Styled",
|
|
1226
736
|
componentId: "sc-1955xk2-0"
|
|
1227
|
-
})(["", " padding:", ";border-left:0 solid transparent;border-right:0 solid transparent;word-wrap:break-word;line-height:", ";vertical-align:top;", " ", " ", " ", " ", " ", " [data-expansion-row='true'] > &:first-child{padding-top:8px;}[data-expansion-row='true'] > &:last-child{padding-bottom:14px;}[data-has-movable-columns='true'] > &:not([data-movable-column='false']){", "}"],
|
|
737
|
+
})(["", " padding:", ";border-left:0 solid transparent;border-right:0 solid transparent;word-wrap:break-word;line-height:", ";vertical-align:top;", " ", " ", " ", " ", " ", " [data-expansion-row='true'] > &:first-child{padding-top:8px;}[data-expansion-row='true'] > &:last-child{padding-bottom:14px;}[data-has-movable-columns='true'] > &:not([data-movable-column='false']){", "}"], themes_namespaceObject.mixins.reset('table-cell'), (0,themes_namespaceObject.pick)({
|
|
1228
738
|
enterprise: '6px 12px',
|
|
1229
739
|
prisma: {
|
|
1230
740
|
comfortable: '14px 8px',
|
|
1231
741
|
compact: '6px 8px'
|
|
1232
742
|
}
|
|
1233
|
-
}),
|
|
1234
|
-
center:
|
|
1235
|
-
left:
|
|
1236
|
-
right:
|
|
1237
|
-
}),
|
|
743
|
+
}), themes_namespaceObject.variables.lineHeight, (0,themes_namespaceObject.pickVariant)('$align', {
|
|
744
|
+
center: (0,external_styled_components_namespaceObject.css)(["text-align:center;"]),
|
|
745
|
+
left: (0,external_styled_components_namespaceObject.css)(["text-align:left;"]),
|
|
746
|
+
right: (0,external_styled_components_namespaceObject.css)(["text-align:right;"])
|
|
747
|
+
}), (0,themes_namespaceObject.pickVariant)('$variant', {
|
|
1238
748
|
expand: {
|
|
1239
|
-
enterprise:
|
|
749
|
+
enterprise: (0,external_styled_components_namespaceObject.css)(["padding:6px 0 0 0;"]),
|
|
1240
750
|
prisma: {
|
|
1241
|
-
comfortable:
|
|
1242
|
-
compact:
|
|
751
|
+
comfortable: (0,external_styled_components_namespaceObject.css)(["padding:12px 0 0 0;"]),
|
|
752
|
+
compact: (0,external_styled_components_namespaceObject.css)(["padding:4px 0 0 0;"])
|
|
1243
753
|
}
|
|
1244
754
|
},
|
|
1245
755
|
actions: {
|
|
1246
756
|
prisma: {
|
|
1247
|
-
comfortable:
|
|
1248
|
-
compact:
|
|
757
|
+
comfortable: (0,external_styled_components_namespaceObject.css)(["padding:4px 8px;"]),
|
|
758
|
+
compact: (0,external_styled_components_namespaceObject.css)(["padding:0 8px 0 0;"])
|
|
1249
759
|
}
|
|
1250
760
|
},
|
|
1251
761
|
toggle: {
|
|
1252
762
|
prisma: {
|
|
1253
|
-
comfortable:
|
|
1254
|
-
compact:
|
|
763
|
+
comfortable: (0,external_styled_components_namespaceObject.css)(["padding:10px 0 0 0;"]),
|
|
764
|
+
compact: (0,external_styled_components_namespaceObject.css)(["padding:6px 0 0 0;"])
|
|
1255
765
|
}
|
|
1256
766
|
}
|
|
1257
|
-
}),
|
|
767
|
+
}), (0,themes_namespaceObject.pickVariant)('$appearance', {
|
|
1258
768
|
rowLink: {
|
|
1259
|
-
enterprise:
|
|
1260
|
-
prisma:
|
|
769
|
+
enterprise: (0,external_styled_components_namespaceObject.css)(["color:", ";*:hover > &{cursor:pointer;}"], themes_namespaceObject.variables.linkColor),
|
|
770
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["color:", ";*:hover > &{cursor:pointer;}"], themes_namespaceObject.variables.contentColorDefault)
|
|
1261
771
|
},
|
|
1262
772
|
link: {
|
|
1263
|
-
enterprise:
|
|
773
|
+
enterprise: (0,external_styled_components_namespaceObject.css)(["color:", ";&:hover{cursor:pointer;color:{dark:variables.accentColorL20,light:variables.linkColor,};box-shadow:", ";}&:focus{color:{dark:variables.accentColorL20,light:variables.focusColor,};box-shadow:", ";}"], themes_namespaceObject.variables.linkColor, themes_namespaceObject.variables.focusShadowInset, themes_namespaceObject.variables.focusShadowInset)
|
|
1264
774
|
}
|
|
1265
775
|
}), function (_ref) {
|
|
1266
776
|
var $clickable = _ref.$clickable;
|
|
1267
|
-
return $clickable &&
|
|
777
|
+
return $clickable && (0,external_styled_components_namespaceObject.css)(["cursor:pointer;&:hover{background-color:", ";color:", ";}&:focus{box-shadow:", ";color:", ";}&:active{background:", ";}"], (0,themes_namespaceObject.pick)({
|
|
1268
778
|
enterprise: {
|
|
1269
|
-
light:
|
|
1270
|
-
dark:
|
|
779
|
+
light: themes_namespaceObject.variables.accentColorL50,
|
|
780
|
+
dark: themes_namespaceObject.variables.accentColorD50
|
|
1271
781
|
},
|
|
1272
|
-
prisma:
|
|
1273
|
-
}),
|
|
1274
|
-
prisma:
|
|
1275
|
-
}),
|
|
1276
|
-
prisma:
|
|
1277
|
-
}),
|
|
1278
|
-
prisma:
|
|
782
|
+
prisma: themes_namespaceObject.variables.interactiveColorOverlayHover
|
|
783
|
+
}), (0,themes_namespaceObject.pick)({
|
|
784
|
+
prisma: themes_namespaceObject.variables.contentColorDefault
|
|
785
|
+
}), themes_namespaceObject.variables.focusShadowInset, (0,themes_namespaceObject.pick)({
|
|
786
|
+
prisma: themes_namespaceObject.variables.contentColorDefault
|
|
787
|
+
}), (0,themes_namespaceObject.pick)({
|
|
788
|
+
prisma: themes_namespaceObject.variables.interactiveColorOverlayActive
|
|
1279
789
|
}));
|
|
1280
790
|
}, function (_ref2) {
|
|
1281
791
|
var $expanded = _ref2.$expanded;
|
|
1282
|
-
return $expanded &&
|
|
1283
|
-
prisma:
|
|
792
|
+
return $expanded && (0,external_styled_components_namespaceObject.css)(["background-color:", ";"], (0,themes_namespaceObject.pick)({
|
|
793
|
+
prisma: themes_namespaceObject.variables.interactiveColorOverlaySelected
|
|
1284
794
|
}));
|
|
1285
795
|
}, function (_ref3) {
|
|
1286
796
|
var $disabled = _ref3.$disabled;
|
|
1287
|
-
return $disabled &&
|
|
1288
|
-
prisma:
|
|
797
|
+
return $disabled && (0,external_styled_components_namespaceObject.css)(["color:", ";"], (0,themes_namespaceObject.pick)({
|
|
798
|
+
prisma: themes_namespaceObject.variables.contentColorDisabled
|
|
1289
799
|
}));
|
|
1290
|
-
},
|
|
1291
|
-
enterprise:
|
|
800
|
+
}, (0,themes_namespaceObject.pick)({
|
|
801
|
+
enterprise: (0,external_styled_components_namespaceObject.css)(["padding-left:29px;&:first-child{padding-left:28px;}"])
|
|
1292
802
|
}));
|
|
1293
803
|
|
|
1294
|
-
|
|
804
|
+
;// CONCATENATED MODULE: ./src/Table/Cell.tsx
|
|
1295
805
|
function Cell_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { Cell_typeof = function _typeof(obj) { return typeof obj; }; } else { Cell_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return Cell_typeof(obj); }
|
|
1296
806
|
|
|
1297
807
|
function Cell_extends() { Cell_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 Cell_extends.apply(this, arguments); }
|
|
@@ -1328,32 +838,32 @@ function Cell_defineProperty(obj, key, value) { if (key in obj) { Object.defineP
|
|
|
1328
838
|
|
|
1329
839
|
|
|
1330
840
|
var Cell_propTypes = {
|
|
1331
|
-
align: external_prop_types_default.
|
|
841
|
+
align: external_prop_types_default().oneOf(['left', 'center', 'right']),
|
|
1332
842
|
|
|
1333
843
|
/** @private */
|
|
1334
|
-
appearance: external_prop_types_default.
|
|
1335
|
-
children: external_prop_types_default.
|
|
1336
|
-
data: external_prop_types_default.
|
|
1337
|
-
elementRef: external_prop_types_default.
|
|
1338
|
-
onClick: external_prop_types_default.
|
|
844
|
+
appearance: external_prop_types_default().oneOf(['data', 'link', 'rowLink']),
|
|
845
|
+
children: (external_prop_types_default()).node,
|
|
846
|
+
data: (external_prop_types_default()).any,
|
|
847
|
+
elementRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
|
|
848
|
+
onClick: (external_prop_types_default()).func,
|
|
1339
849
|
|
|
1340
850
|
/** @private */
|
|
1341
|
-
onKeyDown: external_prop_types_default.
|
|
851
|
+
onKeyDown: (external_prop_types_default()).func,
|
|
1342
852
|
|
|
1343
853
|
/** @private */
|
|
1344
|
-
disabled: external_prop_types_default.
|
|
854
|
+
disabled: (external_prop_types_default()).bool,
|
|
1345
855
|
|
|
1346
856
|
/** @private. */
|
|
1347
|
-
expand: external_prop_types_default.
|
|
857
|
+
expand: (external_prop_types_default()).bool,
|
|
1348
858
|
|
|
1349
859
|
/** @private. */
|
|
1350
|
-
variant: external_prop_types_default.
|
|
860
|
+
variant: external_prop_types_default().oneOf(['toggle', 'expand', 'drag', 'actions'])
|
|
1351
861
|
};
|
|
1352
862
|
var Cell_defaultProps = {
|
|
1353
863
|
align: 'left'
|
|
1354
864
|
};
|
|
1355
865
|
|
|
1356
|
-
var
|
|
866
|
+
var Cell = /*#__PURE__*/function (_Component) {
|
|
1357
867
|
Cell_inherits(Cell, _Component);
|
|
1358
868
|
|
|
1359
869
|
var _super = Cell_createSuper(Cell);
|
|
@@ -1373,7 +883,7 @@ var Cell_Cell = /*#__PURE__*/function (_Component) {
|
|
|
1373
883
|
|
|
1374
884
|
Cell_defineProperty(Cell_assertThisInitialized(_this), "handleMount", function (el) {
|
|
1375
885
|
_this.el = el;
|
|
1376
|
-
|
|
886
|
+
updateReactRef(_this.props.elementRef, el);
|
|
1377
887
|
});
|
|
1378
888
|
|
|
1379
889
|
Cell_defineProperty(Cell_assertThisInitialized(_this), "handleClick", function (e) {
|
|
@@ -1389,7 +899,7 @@ var Cell_Cell = /*#__PURE__*/function (_Component) {
|
|
|
1389
899
|
onClick = _this$props2.onClick,
|
|
1390
900
|
onKeyDown = _this$props2.onKeyDown;
|
|
1391
901
|
|
|
1392
|
-
if (
|
|
902
|
+
if ((0,keyboard_namespaceObject.keycode)(e.nativeEvent) === 'enter') {
|
|
1393
903
|
onClick === null || onClick === void 0 ? void 0 : onClick(e, data);
|
|
1394
904
|
}
|
|
1395
905
|
|
|
@@ -1415,7 +925,7 @@ var Cell_Cell = /*#__PURE__*/function (_Component) {
|
|
|
1415
925
|
|
|
1416
926
|
var clickable = onClick !== undefined;
|
|
1417
927
|
var defaultAppearance = clickable ? 'link' : 'data';
|
|
1418
|
-
return /*#__PURE__*/external_react_default.
|
|
928
|
+
return /*#__PURE__*/external_react_default().createElement(CellStyles_Styled, Cell_extends({
|
|
1419
929
|
"data-test": "cell",
|
|
1420
930
|
$align: align,
|
|
1421
931
|
$appearance: appearance || defaultAppearance,
|
|
@@ -1431,124 +941,113 @@ var Cell_Cell = /*#__PURE__*/function (_Component) {
|
|
|
1431
941
|
}]);
|
|
1432
942
|
|
|
1433
943
|
return Cell;
|
|
1434
|
-
}(
|
|
1435
|
-
|
|
1436
|
-
Cell_defineProperty(
|
|
1437
|
-
|
|
1438
|
-
Cell_defineProperty(
|
|
1439
|
-
|
|
1440
|
-
Cell_defineProperty(
|
|
1441
|
-
|
|
1442
|
-
/* harmony default export */
|
|
1443
|
-
|
|
1444
|
-
|
|
1445
|
-
var keys_default = /*#__PURE__*/__webpack_require__.n(
|
|
1446
|
-
|
|
1447
|
-
|
|
1448
|
-
var
|
|
1449
|
-
|
|
1450
|
-
|
|
1451
|
-
|
|
1452
|
-
|
|
1453
|
-
|
|
1454
|
-
|
|
1455
|
-
|
|
1456
|
-
|
|
1457
|
-
var
|
|
1458
|
-
|
|
1459
|
-
|
|
1460
|
-
var
|
|
1461
|
-
|
|
1462
|
-
|
|
1463
|
-
|
|
1464
|
-
|
|
1465
|
-
|
|
1466
|
-
|
|
1467
|
-
|
|
1468
|
-
|
|
1469
|
-
var
|
|
1470
|
-
|
|
1471
|
-
|
|
1472
|
-
|
|
1473
|
-
|
|
1474
|
-
|
|
1475
|
-
|
|
1476
|
-
var Caret_ = __webpack_require__(54);
|
|
1477
|
-
var Caret_default = /*#__PURE__*/__webpack_require__.n(Caret_);
|
|
1478
|
-
|
|
1479
|
-
// EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
|
|
1480
|
-
var i18n_ = __webpack_require__(4);
|
|
1481
|
-
|
|
1482
|
-
// EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
|
|
1483
|
-
var ScreenReaderContent_ = __webpack_require__(14);
|
|
1484
|
-
var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
|
|
1485
|
-
|
|
1486
|
-
// CONCATENATED MODULE: ./src/Table/HeadInnerStyles.ts
|
|
944
|
+
}(external_react_namespaceObject.Component);
|
|
945
|
+
|
|
946
|
+
Cell_defineProperty(Cell, "splunkUiType", 'Table.Cell');
|
|
947
|
+
|
|
948
|
+
Cell_defineProperty(Cell, "propTypes", Cell_propTypes);
|
|
949
|
+
|
|
950
|
+
Cell_defineProperty(Cell, "defaultProps", Cell_defaultProps);
|
|
951
|
+
|
|
952
|
+
/* harmony default export */ const Table_Cell = (Cell);
|
|
953
|
+
;// CONCATENATED MODULE: external "lodash/keys"
|
|
954
|
+
const keys_namespaceObject = require("lodash/keys");
|
|
955
|
+
var keys_default = /*#__PURE__*/__webpack_require__.n(keys_namespaceObject);
|
|
956
|
+
;// CONCATENATED MODULE: external "lodash/isString"
|
|
957
|
+
const isString_namespaceObject = require("lodash/isString");
|
|
958
|
+
var isString_default = /*#__PURE__*/__webpack_require__.n(isString_namespaceObject);
|
|
959
|
+
;// CONCATENATED MODULE: external "lodash/merge"
|
|
960
|
+
const merge_namespaceObject = require("lodash/merge");
|
|
961
|
+
var merge_default = /*#__PURE__*/__webpack_require__.n(merge_namespaceObject);
|
|
962
|
+
;// CONCATENATED MODULE: external "@splunk/react-icons/ArrowDown"
|
|
963
|
+
const ArrowDown_namespaceObject = require("@splunk/react-icons/ArrowDown");
|
|
964
|
+
var ArrowDown_default = /*#__PURE__*/__webpack_require__.n(ArrowDown_namespaceObject);
|
|
965
|
+
;// CONCATENATED MODULE: external "@splunk/react-icons/ArrowUp"
|
|
966
|
+
const ArrowUp_namespaceObject = require("@splunk/react-icons/ArrowUp");
|
|
967
|
+
var ArrowUp_default = /*#__PURE__*/__webpack_require__.n(ArrowUp_namespaceObject);
|
|
968
|
+
;// CONCATENATED MODULE: external "@splunk/react-icons/ArrowUpDown"
|
|
969
|
+
const ArrowUpDown_namespaceObject = require("@splunk/react-icons/ArrowUpDown");
|
|
970
|
+
var ArrowUpDown_default = /*#__PURE__*/__webpack_require__.n(ArrowUpDown_namespaceObject);
|
|
971
|
+
;// CONCATENATED MODULE: external "@splunk/react-icons/CaretSmallDown"
|
|
972
|
+
const CaretSmallDown_namespaceObject = require("@splunk/react-icons/CaretSmallDown");
|
|
973
|
+
var CaretSmallDown_default = /*#__PURE__*/__webpack_require__.n(CaretSmallDown_namespaceObject);
|
|
974
|
+
;// CONCATENATED MODULE: external "@splunk/react-icons/CaretsSmallUpDown"
|
|
975
|
+
const CaretsSmallUpDown_namespaceObject = require("@splunk/react-icons/CaretsSmallUpDown");
|
|
976
|
+
var CaretsSmallUpDown_default = /*#__PURE__*/__webpack_require__.n(CaretsSmallUpDown_namespaceObject);
|
|
977
|
+
;// CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Caret"
|
|
978
|
+
const Caret_namespaceObject = require("@splunk/react-icons/enterprise/Caret");
|
|
979
|
+
var Caret_default = /*#__PURE__*/__webpack_require__.n(Caret_namespaceObject);
|
|
980
|
+
;// CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
|
|
981
|
+
const i18n_namespaceObject = require("@splunk/ui-utils/i18n");
|
|
982
|
+
;// CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
|
|
983
|
+
const ScreenReaderContent_namespaceObject = require("@splunk/react-ui/ScreenReaderContent");
|
|
984
|
+
var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_namespaceObject);
|
|
985
|
+
;// CONCATENATED MODULE: ./src/Table/HeadInnerStyles.ts
|
|
1487
986
|
|
|
1488
987
|
|
|
1489
988
|
|
|
1490
989
|
var tableHorizontalSpacing = '12px';
|
|
1491
|
-
var StyledDragContainer = external_styled_components_default.
|
|
990
|
+
var StyledDragContainer = external_styled_components_default().div.withConfig({
|
|
1492
991
|
displayName: "HeadInnerStyles__StyledDragContainer",
|
|
1493
992
|
componentId: "sc-1sa0wng-0"
|
|
1494
|
-
})(["position:absolute;cursor:move;top:0;", " padding:", ";"],
|
|
1495
|
-
enterprise:
|
|
1496
|
-
prisma:
|
|
1497
|
-
}),
|
|
993
|
+
})(["position:absolute;cursor:move;top:0;", " padding:", ";"], (0,themes_namespaceObject.pick)({
|
|
994
|
+
enterprise: (0,external_styled_components_namespaceObject.css)(["left:0;"]),
|
|
995
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["right:0;"])
|
|
996
|
+
}), (0,themes_namespaceObject.pick)({
|
|
1498
997
|
enterprise: '9px 12px',
|
|
1499
998
|
prisma: {
|
|
1500
999
|
comfortable: '17px 4px 14px',
|
|
1501
1000
|
compact: '9px 4px 6px'
|
|
1502
1001
|
}
|
|
1503
1002
|
}));
|
|
1504
|
-
var StyledMenuIcon = external_styled_components_default.
|
|
1003
|
+
var StyledMenuIcon = external_styled_components_default().span.withConfig({
|
|
1505
1004
|
displayName: "HeadInnerStyles__StyledMenuIcon",
|
|
1506
1005
|
componentId: "sc-1sa0wng-1"
|
|
1507
|
-
})(["", " color:", ";position:relative;"],
|
|
1508
|
-
prisma:
|
|
1509
|
-
enterprise:
|
|
1510
|
-
}),
|
|
1511
|
-
enterprise:
|
|
1512
|
-
prisma:
|
|
1006
|
+
})(["", " color:", ";position:relative;"], (0,themes_namespaceObject.pick)({
|
|
1007
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["display:inline-flex;"]),
|
|
1008
|
+
enterprise: (0,external_styled_components_namespaceObject.css)(["padding-left:4px;"])
|
|
1009
|
+
}), (0,themes_namespaceObject.pick)({
|
|
1010
|
+
enterprise: themes_namespaceObject.variables.textGray,
|
|
1011
|
+
prisma: themes_namespaceObject.variables.contentColorDefault
|
|
1513
1012
|
}));
|
|
1514
|
-
var StyledLabel = external_styled_components_default.
|
|
1013
|
+
var StyledLabel = external_styled_components_default().span.withConfig({
|
|
1515
1014
|
displayName: "HeadInnerStyles__StyledLabel",
|
|
1516
1015
|
componentId: "sc-1sa0wng-2"
|
|
1517
|
-
})(["flex:0 1 auto;position:relative;word-wrap:break-word;word-break:break-word;", " ", " ", " ", " ", " + &{margin-left:", ";}"],
|
|
1016
|
+
})(["flex:0 1 auto;position:relative;word-wrap:break-word;word-break:break-word;", " ", " ", " ", " ", " + &{margin-left:", ";}"], (0,themes_namespaceObject.pick)({
|
|
1518
1017
|
enterprise: function enterprise(_ref) {
|
|
1519
1018
|
var $align = _ref.$align;
|
|
1520
|
-
return $align !== 'right' &&
|
|
1019
|
+
return $align !== 'right' && (0,external_styled_components_namespaceObject.css)(["display:flex;justify-content:space-between;"]);
|
|
1521
1020
|
},
|
|
1522
|
-
prisma:
|
|
1523
|
-
}),
|
|
1524
|
-
"true":
|
|
1525
|
-
}),
|
|
1526
|
-
"true":
|
|
1527
|
-
}),
|
|
1528
|
-
right:
|
|
1529
|
-
left:
|
|
1530
|
-
center:
|
|
1021
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["display:flex;"])
|
|
1022
|
+
}), (0,themes_namespaceObject.pickVariant)('$truncate', {
|
|
1023
|
+
"true": (0,external_styled_components_namespaceObject.css)(["overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"])
|
|
1024
|
+
}), (0,themes_namespaceObject.pickVariant)('$fill', {
|
|
1025
|
+
"true": (0,external_styled_components_namespaceObject.css)(["flex:1 0 0px;"])
|
|
1026
|
+
}), (0,themes_namespaceObject.pickVariant)('$align', {
|
|
1027
|
+
right: (0,external_styled_components_namespaceObject.css)(["& > &{text-align:right;}"]),
|
|
1028
|
+
left: (0,external_styled_components_namespaceObject.css)(["& > &{text-align:left;}"]),
|
|
1029
|
+
center: (0,external_styled_components_namespaceObject.css)(["& > &{text-align:center;}"])
|
|
1531
1030
|
}),
|
|
1532
1031
|
/* sc-sel */
|
|
1533
|
-
StyledDragContainer,
|
|
1032
|
+
StyledDragContainer, (0,themes_namespaceObject.pick)({
|
|
1534
1033
|
enterprise: tableHorizontalSpacing
|
|
1535
1034
|
}));
|
|
1536
|
-
var HeadInnerStyles_Styled = external_styled_components_default.
|
|
1035
|
+
var HeadInnerStyles_Styled = external_styled_components_default().div.withConfig({
|
|
1537
1036
|
displayName: "HeadInnerStyles__Styled",
|
|
1538
1037
|
componentId: "sc-1sa0wng-3"
|
|
1539
|
-
})(["", " ", ";position:relative;font-size:", ";", ";line-height:", ";justify-content:", ";padding:", ";", " ", " ", " &[data-helper]{background-color:", ";position:absolute;left:-10000px;top:-10000px;box-shadow:", ";box-sizing:border-box;background-repeat:repeat-x;", ";}@media print{background-image:none;}"],
|
|
1038
|
+
})(["", " ", ";position:relative;font-size:", ";", ";line-height:", ";justify-content:", ";padding:", ";", " ", " ", " &[data-helper]{background-color:", ";position:absolute;left:-10000px;top:-10000px;box-shadow:", ";box-sizing:border-box;background-repeat:repeat-x;", ";}@media print{background-image:none;}"], themes_namespaceObject.mixins.reset('flex'), themes_namespaceObject.mixins.clearfix(), (0,themes_namespaceObject.pick)({
|
|
1540
1039
|
enterprise: 'inherit',
|
|
1541
1040
|
prisma: '12px'
|
|
1542
|
-
}),
|
|
1543
|
-
prisma:
|
|
1544
|
-
}),
|
|
1545
|
-
enterprise:
|
|
1041
|
+
}), (0,themes_namespaceObject.pick)({
|
|
1042
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["font-weight:bold;"])
|
|
1043
|
+
}), (0,themes_namespaceObject.pick)({
|
|
1044
|
+
enterprise: themes_namespaceObject.variables.lineHeight,
|
|
1546
1045
|
prisma: '16px'
|
|
1547
|
-
}),
|
|
1046
|
+
}), (0,themes_namespaceObject.pickVariant)('$align', {
|
|
1548
1047
|
center: 'center',
|
|
1549
1048
|
left: 'flex-start',
|
|
1550
1049
|
right: 'flex-end'
|
|
1551
|
-
}),
|
|
1050
|
+
}), (0,themes_namespaceObject.pick)({
|
|
1552
1051
|
enterprise: '6px 12px',
|
|
1553
1052
|
prisma: {
|
|
1554
1053
|
comfortable: '16px 10px',
|
|
@@ -1556,239 +1055,239 @@ var HeadInnerStyles_Styled = external_styled_components_default.a.div.withConfig
|
|
|
1556
1055
|
}
|
|
1557
1056
|
}), function (_ref2) {
|
|
1558
1057
|
var $hasActionsHead = _ref2.$hasActionsHead;
|
|
1559
|
-
return $hasActionsHead &&
|
|
1058
|
+
return $hasActionsHead && (0,external_styled_components_namespaceObject.css)(["padding:0;"]);
|
|
1560
1059
|
}, function (_ref3) {
|
|
1561
1060
|
var $dragging = _ref3.$dragging;
|
|
1562
|
-
return $dragging &&
|
|
1061
|
+
return $dragging && (0,external_styled_components_namespaceObject.css)(["opacity:0;"]);
|
|
1563
1062
|
}, function (_ref4) {
|
|
1564
1063
|
var $draggable = _ref4.$draggable;
|
|
1565
|
-
return $draggable &&
|
|
1064
|
+
return $draggable && (0,external_styled_components_namespaceObject.css)(["padding-left:", ";-webkit-user-drag:element;user-select:none;"], (0,themes_namespaceObject.pick)({
|
|
1566
1065
|
enterprise: '16px'
|
|
1567
1066
|
}));
|
|
1568
|
-
},
|
|
1067
|
+
}, (0,themes_namespaceObject.pick)({
|
|
1569
1068
|
enterprise: {
|
|
1570
|
-
light:
|
|
1571
|
-
dark:
|
|
1069
|
+
light: themes_namespaceObject.variables.accentColorL50,
|
|
1070
|
+
dark: themes_namespaceObject.variables.accentColorD50
|
|
1572
1071
|
},
|
|
1573
|
-
prisma:
|
|
1574
|
-
}),
|
|
1575
|
-
enterprise:
|
|
1576
|
-
prisma:
|
|
1577
|
-
}),
|
|
1578
|
-
enterprise:
|
|
1072
|
+
prisma: themes_namespaceObject.mixins.overlayColors(themes_namespaceObject.variables.interactiveColorBackground, themes_namespaceObject.variables.interactiveColorOverlaySelected)
|
|
1073
|
+
}), (0,themes_namespaceObject.pick)({
|
|
1074
|
+
enterprise: themes_namespaceObject.variables.overlayShadow,
|
|
1075
|
+
prisma: themes_namespaceObject.variables.dragShadow
|
|
1076
|
+
}), (0,themes_namespaceObject.pick)({
|
|
1077
|
+
enterprise: (0,external_styled_components_namespaceObject.css)(["border:1px solid ", ";"], themes_namespaceObject.variables.borderColor)
|
|
1579
1078
|
}));
|
|
1580
|
-
var StyledSortIcon = external_styled_components_default.
|
|
1079
|
+
var StyledSortIcon = external_styled_components_default().span.withConfig({
|
|
1581
1080
|
displayName: "HeadInnerStyles__StyledSortIcon",
|
|
1582
1081
|
componentId: "sc-1sa0wng-4"
|
|
1583
|
-
})(["flex:0 0 auto;", ";", " color:", ";", ""],
|
|
1584
|
-
enterprise:
|
|
1585
|
-
prisma:
|
|
1586
|
-
}),
|
|
1587
|
-
prisma:
|
|
1588
|
-
}),
|
|
1082
|
+
})(["flex:0 0 auto;", ";", " color:", ";", ""], (0,themes_namespaceObject.pick)({
|
|
1083
|
+
enterprise: (0,external_styled_components_namespaceObject.css)(["right:0;"]),
|
|
1084
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["left:0;"])
|
|
1085
|
+
}), (0,themes_namespaceObject.pick)({
|
|
1086
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["margin-right:4px;"])
|
|
1087
|
+
}), (0,themes_namespaceObject.pick)({
|
|
1589
1088
|
enterprise: {
|
|
1590
|
-
light:
|
|
1591
|
-
dark:
|
|
1089
|
+
light: themes_namespaceObject.variables.textGray,
|
|
1090
|
+
dark: themes_namespaceObject.variables.gray80
|
|
1592
1091
|
}
|
|
1593
1092
|
}), function (_ref5) {
|
|
1594
1093
|
var $sorted = _ref5.$sorted;
|
|
1595
|
-
return $sorted &&
|
|
1596
|
-
enterprise:
|
|
1597
|
-
prisma:
|
|
1094
|
+
return $sorted && (0,external_styled_components_namespaceObject.css)(["color:", ";"], (0,themes_namespaceObject.pick)({
|
|
1095
|
+
enterprise: themes_namespaceObject.variables.accentColor,
|
|
1096
|
+
prisma: themes_namespaceObject.variables.contentColorDefault
|
|
1598
1097
|
}));
|
|
1599
1098
|
});
|
|
1600
|
-
var StyledResize = external_styled_components_default.
|
|
1099
|
+
var StyledResize = external_styled_components_default().button.withConfig({
|
|
1601
1100
|
displayName: "HeadInnerStyles__StyledResize",
|
|
1602
1101
|
componentId: "sc-1sa0wng-5"
|
|
1603
|
-
})(["", ";position:absolute;right:-5px;width:9px;top:0;bottom:0;z-index:1;cursor:col-resize;th:last-child > ", " > &{right:0;width:5px;}&::-moz-focus-inner{border:0;padding:0;}&:focus{outline:none;&::before{content:'';position:absolute;background:", ";box-shadow:", ";left:4px;width:1px;top:0;bottom:0;}}"],
|
|
1102
|
+
})(["", ";position:absolute;right:-5px;width:9px;top:0;bottom:0;z-index:1;cursor:col-resize;th:last-child > ", " > &{right:0;width:5px;}&::-moz-focus-inner{border:0;padding:0;}&:focus{outline:none;&::before{content:'';position:absolute;background:", ";box-shadow:", ";left:4px;width:1px;top:0;bottom:0;}}"], themes_namespaceObject.mixins.reset('block'),
|
|
1604
1103
|
/* sc-sel */
|
|
1605
|
-
HeadInnerStyles_Styled,
|
|
1104
|
+
HeadInnerStyles_Styled, themes_namespaceObject.variables.focusColor, themes_namespaceObject.variables.focusShadow); // TODO: SUI-5361 remove StyledCaretUp and StyledCaretDown once have made a general way to address the multicolor icon problem
|
|
1606
1105
|
|
|
1607
|
-
var StyledCaretDown = external_styled_components_default()(CaretsSmallUpDown_default
|
|
1106
|
+
var StyledCaretDown = external_styled_components_default()((CaretsSmallUpDown_default())).withConfig({
|
|
1608
1107
|
displayName: "HeadInnerStyles__StyledCaretDown",
|
|
1609
1108
|
componentId: "sc-1sa0wng-6"
|
|
1610
1109
|
})(["path:last-child{fill:transparent;}"]);
|
|
1611
|
-
var StyledCaretUp = external_styled_components_default()(CaretsSmallUpDown_default
|
|
1110
|
+
var StyledCaretUp = external_styled_components_default()((CaretsSmallUpDown_default())).withConfig({
|
|
1612
1111
|
displayName: "HeadInnerStyles__StyledCaretUp",
|
|
1613
1112
|
componentId: "sc-1sa0wng-7"
|
|
1614
1113
|
})(["path:first-child{fill:transparent;}"]);
|
|
1615
1114
|
|
|
1616
|
-
|
|
1115
|
+
;// CONCATENATED MODULE: ./src/Table/HeadCellStyles.ts
|
|
1617
1116
|
|
|
1618
1117
|
|
|
1619
1118
|
|
|
1620
|
-
var HeadCellStyles_Styled = external_styled_components_default.
|
|
1119
|
+
var HeadCellStyles_Styled = external_styled_components_default().th.withConfig({
|
|
1621
1120
|
displayName: "HeadCellStyles__Styled",
|
|
1622
1121
|
componentId: "sc-1hj81sa-0"
|
|
1623
|
-
})(["", ";background-color:", ";box-sizing:content-box;text-align:left;vertical-align:", ";& + &{border-left:1px solid ", ";}", " ", " ", " ", ""],
|
|
1122
|
+
})(["", ";background-color:", ";box-sizing:content-box;text-align:left;vertical-align:", ";& + &{border-left:1px solid ", ";}", " ", " ", " ", ""], themes_namespaceObject.mixins.reset('table-cell'), (0,themes_namespaceObject.pick)({
|
|
1624
1123
|
enterprise: {
|
|
1625
|
-
light:
|
|
1626
|
-
dark:
|
|
1124
|
+
light: themes_namespaceObject.variables.gray92,
|
|
1125
|
+
dark: themes_namespaceObject.variables.black
|
|
1627
1126
|
},
|
|
1628
|
-
prisma:
|
|
1127
|
+
prisma: themes_namespaceObject.variables.interactiveColorBackground
|
|
1629
1128
|
}), function (_ref) {
|
|
1630
1129
|
var $variant = _ref.$variant;
|
|
1631
1130
|
return $variant ? 'middle' : 'top';
|
|
1632
|
-
},
|
|
1633
|
-
enterprise:
|
|
1634
|
-
prisma:
|
|
1131
|
+
}, (0,themes_namespaceObject.pick)({
|
|
1132
|
+
enterprise: themes_namespaceObject.variables.backgroundColor,
|
|
1133
|
+
prisma: themes_namespaceObject.variables.backgroundColorPage
|
|
1635
1134
|
}), function (_ref2) {
|
|
1636
1135
|
var $isFixed = _ref2.$isFixed,
|
|
1637
1136
|
$zIndex = _ref2.$zIndex;
|
|
1638
|
-
return $isFixed &&
|
|
1639
|
-
enterprise:
|
|
1640
|
-
prisma:
|
|
1641
|
-
}),
|
|
1642
|
-
enterprise:
|
|
1643
|
-
prisma:
|
|
1137
|
+
return $isFixed && (0,external_styled_components_namespaceObject.css)(["position:sticky;top:0;z-index:", ";&:not(:first-child)::before{content:'';height:100%;position:absolute;top:0;bottom:0;box-shadow:-1px 0 0 0 ", ";width:2px;border:0;left:0;margin-right:-2px;color:transparent;}&:not(:last-child)::after{content:'';height:100%;position:absolute;top:0;bottom:0;box-shadow:1px 0 0 0 ", ";width:2px;border:0;right:0;margin-left:-2px;color:transparent;}"], $zIndex, (0,themes_namespaceObject.pick)({
|
|
1138
|
+
enterprise: themes_namespaceObject.variables.backgroundColor,
|
|
1139
|
+
prisma: themes_namespaceObject.variables.backgroundColorPage
|
|
1140
|
+
}), (0,themes_namespaceObject.pick)({
|
|
1141
|
+
enterprise: themes_namespaceObject.variables.backgroundColor,
|
|
1142
|
+
prisma: themes_namespaceObject.variables.backgroundColorPage
|
|
1644
1143
|
}));
|
|
1645
1144
|
}, function (_ref3) {
|
|
1646
1145
|
var $clickable = _ref3.$clickable;
|
|
1647
|
-
return $clickable &&
|
|
1146
|
+
return $clickable && (0,external_styled_components_namespaceObject.css)(["cursor:pointer;&:focus{box-shadow:", ";outline:none;& > ", "{color:", ";background-color:", ";}}&:hover{outline:none;& > ", "{color:", ";background-color:", ";}}&:active{& > ", "{background-color:", ";}}"], themes_namespaceObject.variables.focusShadowInset,
|
|
1648
1147
|
/* sc-sel */
|
|
1649
|
-
HeadInnerStyles_Styled,
|
|
1148
|
+
HeadInnerStyles_Styled, (0,themes_namespaceObject.pick)({
|
|
1650
1149
|
enterprise: {
|
|
1651
|
-
light:
|
|
1652
|
-
dark:
|
|
1150
|
+
light: themes_namespaceObject.variables.accentColorD10,
|
|
1151
|
+
dark: themes_namespaceObject.variables.linkColorHover
|
|
1653
1152
|
}
|
|
1654
|
-
}),
|
|
1655
|
-
prisma:
|
|
1153
|
+
}), (0,themes_namespaceObject.pick)({
|
|
1154
|
+
prisma: themes_namespaceObject.variables.interactiveColorOverlaySelected
|
|
1656
1155
|
}),
|
|
1657
1156
|
/* sc-sel */
|
|
1658
|
-
HeadInnerStyles_Styled,
|
|
1157
|
+
HeadInnerStyles_Styled, (0,themes_namespaceObject.pick)({
|
|
1659
1158
|
enterprise: {
|
|
1660
|
-
light:
|
|
1661
|
-
dark:
|
|
1159
|
+
light: themes_namespaceObject.variables.accentColorD10,
|
|
1160
|
+
dark: themes_namespaceObject.variables.linkColorHover
|
|
1662
1161
|
}
|
|
1663
|
-
}),
|
|
1664
|
-
prisma:
|
|
1162
|
+
}), (0,themes_namespaceObject.pick)({
|
|
1163
|
+
prisma: themes_namespaceObject.variables.interactiveColorOverlayHover
|
|
1665
1164
|
}),
|
|
1666
1165
|
/* sc-sel */
|
|
1667
|
-
HeadInnerStyles_Styled,
|
|
1668
|
-
prisma:
|
|
1166
|
+
HeadInnerStyles_Styled, (0,themes_namespaceObject.pick)({
|
|
1167
|
+
prisma: themes_namespaceObject.variables.interactiveColorOverlayActive
|
|
1669
1168
|
}));
|
|
1670
1169
|
}, function (_ref4) {
|
|
1671
1170
|
var $dragging = _ref4.$dragging;
|
|
1672
|
-
return $dragging &&
|
|
1171
|
+
return $dragging && (0,external_styled_components_namespaceObject.css)(["background-color:", ";&:focus{box-shadow:none;}"], (0,themes_namespaceObject.pick)({
|
|
1673
1172
|
enterprise: {
|
|
1674
|
-
light:
|
|
1675
|
-
dark:
|
|
1173
|
+
light: themes_namespaceObject.variables.gray80,
|
|
1174
|
+
dark: themes_namespaceObject.variables.gray20
|
|
1676
1175
|
},
|
|
1677
|
-
prisma:
|
|
1176
|
+
prisma: themes_namespaceObject.mixins.overlayColors(themes_namespaceObject.variables.backgroundColorPage, themes_namespaceObject.variables.interactiveColorOverlayDrag)
|
|
1678
1177
|
}));
|
|
1679
|
-
},
|
|
1680
|
-
actions:
|
|
1178
|
+
}, (0,themes_namespaceObject.pickVariant)('$variant', {
|
|
1179
|
+
actions: (0,external_styled_components_namespaceObject.css)(["& > ", "{padding-right:8px;}"],
|
|
1681
1180
|
/* sc-sel */
|
|
1682
1181
|
HeadInnerStyles_Styled),
|
|
1683
|
-
info:
|
|
1182
|
+
info: (0,external_styled_components_namespaceObject.css)(["& > ", "{", ";}"],
|
|
1684
1183
|
/* sc-sel */
|
|
1685
|
-
HeadInnerStyles_Styled,
|
|
1686
|
-
enterprise:
|
|
1184
|
+
HeadInnerStyles_Styled, (0,themes_namespaceObject.pick)({
|
|
1185
|
+
enterprise: (0,external_styled_components_namespaceObject.css)(["padding-top:7px;"]),
|
|
1687
1186
|
prisma: {
|
|
1688
|
-
comfortable:
|
|
1689
|
-
compact:
|
|
1187
|
+
comfortable: (0,external_styled_components_namespaceObject.css)(["padding:16px 12px;"]),
|
|
1188
|
+
compact: (0,external_styled_components_namespaceObject.css)(["padding:6px 12px;"])
|
|
1690
1189
|
}
|
|
1691
1190
|
})),
|
|
1692
|
-
toggleAll:
|
|
1191
|
+
toggleAll: (0,external_styled_components_namespaceObject.css)(["& > ", "{padding-top:", ";}"],
|
|
1693
1192
|
/* sc-sel */
|
|
1694
|
-
HeadInnerStyles_Styled,
|
|
1193
|
+
HeadInnerStyles_Styled, (0,themes_namespaceObject.pick)({
|
|
1695
1194
|
prisma: {
|
|
1696
1195
|
comfortable: '14px',
|
|
1697
1196
|
compact: '7px'
|
|
1698
1197
|
}
|
|
1699
1198
|
}))
|
|
1700
1199
|
}));
|
|
1701
|
-
var StyledGuideLine = external_styled_components_default.
|
|
1200
|
+
var StyledGuideLine = external_styled_components_default().div.withConfig({
|
|
1702
1201
|
displayName: "HeadCellStyles__StyledGuideLine",
|
|
1703
1202
|
componentId: "sc-1hj81sa-1"
|
|
1704
|
-
})(["", " width:1px;position:absolute;background-color:", ";height:100%;top:0;z-index:1;", ""],
|
|
1705
|
-
enterprise:
|
|
1706
|
-
prisma:
|
|
1707
|
-
}),
|
|
1708
|
-
before:
|
|
1203
|
+
})(["", " width:1px;position:absolute;background-color:", ";height:100%;top:0;z-index:1;", ""], themes_namespaceObject.mixins.reset('block'), (0,themes_namespaceObject.pick)({
|
|
1204
|
+
enterprise: themes_namespaceObject.variables.linkColor,
|
|
1205
|
+
prisma: themes_namespaceObject.variables.interactiveColorPrimary
|
|
1206
|
+
}), (0,themes_namespaceObject.pickVariant)('$position', {
|
|
1207
|
+
before: (0,external_styled_components_namespaceObject.css)(["float:left;", ":not(:first-child) > &{margin-left:-1px;}"],
|
|
1709
1208
|
/* sc-sel */
|
|
1710
1209
|
HeadCellStyles_Styled),
|
|
1711
|
-
after:
|
|
1210
|
+
after: (0,external_styled_components_namespaceObject.css)(["right:0;"])
|
|
1712
1211
|
}));
|
|
1713
1212
|
|
|
1714
|
-
|
|
1213
|
+
;// CONCATENATED MODULE: ./src/Table/RowDragCellStyles.ts
|
|
1715
1214
|
|
|
1716
1215
|
|
|
1717
|
-
var RowDragCellStyles_Styled = external_styled_components_default.
|
|
1216
|
+
var RowDragCellStyles_Styled = external_styled_components_default().td.withConfig({
|
|
1718
1217
|
displayName: "RowDragCellStyles__Styled",
|
|
1719
1218
|
componentId: "sc-9kbaj2-0"
|
|
1720
|
-
})(["", " box-sizing:content-box;touch-action:none;width:", ";& + &{border-left:", ";}&:focus{box-shadow:", ";outline:none;}&:hover{background-color:", ";outline:none;}&:active{background-color:", ";}", ""],
|
|
1219
|
+
})(["", " box-sizing:content-box;touch-action:none;width:", ";& + &{border-left:", ";}&:focus{box-shadow:", ";outline:none;}&:hover{background-color:", ";outline:none;}&:active{background-color:", ";}", ""], themes_namespaceObject.mixins.reset('table-cell'), (0,themes_namespaceObject.pick)({
|
|
1721
1220
|
enterprise: '32px',
|
|
1722
1221
|
prisma: '36px'
|
|
1723
|
-
}),
|
|
1724
|
-
enterprise: "1px solid ".concat(
|
|
1725
|
-
prisma: "1px solid ".concat(
|
|
1726
|
-
}),
|
|
1222
|
+
}), (0,themes_namespaceObject.pick)({
|
|
1223
|
+
enterprise: "1px solid ".concat(themes_namespaceObject.variables.backgroundColor),
|
|
1224
|
+
prisma: "1px solid ".concat(themes_namespaceObject.variables.interactiveColorBorder)
|
|
1225
|
+
}), themes_namespaceObject.variables.focusShadowInset, (0,themes_namespaceObject.pick)({
|
|
1727
1226
|
enterprise: {
|
|
1728
|
-
light:
|
|
1729
|
-
dark:
|
|
1227
|
+
light: themes_namespaceObject.variables.accentColorL50,
|
|
1228
|
+
dark: themes_namespaceObject.variables.accentColorD50
|
|
1730
1229
|
},
|
|
1731
|
-
prisma:
|
|
1732
|
-
}),
|
|
1733
|
-
prisma:
|
|
1230
|
+
prisma: themes_namespaceObject.variables.interactiveColorOverlayHover
|
|
1231
|
+
}), (0,themes_namespaceObject.pick)({
|
|
1232
|
+
prisma: themes_namespaceObject.variables.interactiveColorOverlayActive
|
|
1734
1233
|
}), function (_ref) {
|
|
1735
1234
|
var $dragging = _ref.$dragging;
|
|
1736
|
-
return $dragging &&
|
|
1737
|
-
prisma:
|
|
1235
|
+
return $dragging && (0,external_styled_components_namespaceObject.css)(["&:active{background-color:", ";}"], (0,themes_namespaceObject.pick)({
|
|
1236
|
+
prisma: themes_namespaceObject.mixins.overlayColors(themes_namespaceObject.variables.backgroundColorPage, themes_namespaceObject.variables.interactiveColorOverlayDrag)
|
|
1738
1237
|
}));
|
|
1739
1238
|
});
|
|
1740
|
-
var RowDragCellStyles_StyledGuideLine = external_styled_components_default.
|
|
1239
|
+
var RowDragCellStyles_StyledGuideLine = external_styled_components_default().div.withConfig({
|
|
1741
1240
|
displayName: "RowDragCellStyles__StyledGuideLine",
|
|
1742
1241
|
componentId: "sc-9kbaj2-1"
|
|
1743
|
-
})(["", " width:100%;height:1px;position:absolute;left:0;z-index:1;", ""],
|
|
1744
|
-
before:
|
|
1745
|
-
enterprise:
|
|
1746
|
-
prisma:
|
|
1242
|
+
})(["", " width:100%;height:1px;position:absolute;left:0;z-index:1;", ""], themes_namespaceObject.mixins.reset('block'), (0,themes_namespaceObject.pickVariant)('$position', {
|
|
1243
|
+
before: (0,external_styled_components_namespaceObject.css)(["&::before{content:' ';border-top:1px solid;border-color:", ";width:100%;height:1px;top:0;position:absolute;}"], (0,themes_namespaceObject.pick)({
|
|
1244
|
+
enterprise: themes_namespaceObject.variables.linkColor,
|
|
1245
|
+
prisma: themes_namespaceObject.variables.interactiveColorPrimary
|
|
1747
1246
|
})),
|
|
1748
|
-
after:
|
|
1749
|
-
enterprise:
|
|
1750
|
-
prisma:
|
|
1247
|
+
after: (0,external_styled_components_namespaceObject.css)(["&::after{bottom:0;background-color:", ";}"], (0,themes_namespaceObject.pick)({
|
|
1248
|
+
enterprise: themes_namespaceObject.variables.linkColor,
|
|
1249
|
+
prisma: themes_namespaceObject.variables.interactiveColorPrimary
|
|
1751
1250
|
}))
|
|
1752
1251
|
}));
|
|
1753
|
-
var StyledDrag = external_styled_components_default.
|
|
1252
|
+
var StyledDrag = external_styled_components_default().div.withConfig({
|
|
1754
1253
|
displayName: "RowDragCellStyles__StyledDrag",
|
|
1755
1254
|
componentId: "sc-9kbaj2-2"
|
|
1756
|
-
})(["", " ", ";justify-content:center;cursor:move;", " ", " &[data-helper]{background-color:", ";position:absolute;left:-10000px;top:-10000px;box-shadow:", ";box-sizing:border-box;background-repeat:repeat-x;", ";}@media print{background-image:none;}"],
|
|
1255
|
+
})(["", " ", ";justify-content:center;cursor:move;", " ", " &[data-helper]{background-color:", ";position:absolute;left:-10000px;top:-10000px;box-shadow:", ";box-sizing:border-box;background-repeat:repeat-x;", ";}@media print{background-image:none;}"], themes_namespaceObject.mixins.reset('flex'), themes_namespaceObject.mixins.clearfix(), function (_ref2) {
|
|
1757
1256
|
var $dragging = _ref2.$dragging;
|
|
1758
|
-
return $dragging &&
|
|
1257
|
+
return $dragging && (0,external_styled_components_namespaceObject.css)(["opacity:0;"]);
|
|
1759
1258
|
}, function (_ref3) {
|
|
1760
1259
|
var $draggable = _ref3.$draggable;
|
|
1761
|
-
return $draggable &&
|
|
1260
|
+
return $draggable && (0,external_styled_components_namespaceObject.css)(["padding:", ";-webkit-user-drag:element;user-select:none;"], (0,themes_namespaceObject.pick)({
|
|
1762
1261
|
enterprise: '9px 0',
|
|
1763
1262
|
prisma: {
|
|
1764
1263
|
comfortable: '16px 17px 15px',
|
|
1765
1264
|
compact: '9px 17px 6px'
|
|
1766
1265
|
}
|
|
1767
1266
|
}));
|
|
1768
|
-
},
|
|
1267
|
+
}, (0,themes_namespaceObject.pick)({
|
|
1769
1268
|
enterprise: {
|
|
1770
|
-
light:
|
|
1771
|
-
dark:
|
|
1269
|
+
light: themes_namespaceObject.variables.accentColorL50,
|
|
1270
|
+
dark: themes_namespaceObject.variables.accentColorD50
|
|
1772
1271
|
},
|
|
1773
|
-
prisma:
|
|
1774
|
-
}),
|
|
1775
|
-
enterprise:
|
|
1776
|
-
prisma:
|
|
1777
|
-
}),
|
|
1778
|
-
enterprise:
|
|
1272
|
+
prisma: themes_namespaceObject.mixins.overlayColors(themes_namespaceObject.variables.interactiveColorBackground, themes_namespaceObject.variables.interactiveColorOverlaySelected)
|
|
1273
|
+
}), (0,themes_namespaceObject.pick)({
|
|
1274
|
+
enterprise: themes_namespaceObject.variables.overlayShadow,
|
|
1275
|
+
prisma: themes_namespaceObject.variables.dragShadow
|
|
1276
|
+
}), (0,themes_namespaceObject.pick)({
|
|
1277
|
+
enterprise: (0,external_styled_components_namespaceObject.css)(["border:1px solid ", ";"], themes_namespaceObject.variables.borderColor)
|
|
1779
1278
|
}));
|
|
1780
1279
|
|
|
1781
|
-
|
|
1280
|
+
;// CONCATENATED MODULE: ./src/Table/DragHandleStyles.ts
|
|
1782
1281
|
|
|
1783
1282
|
|
|
1784
1283
|
|
|
1785
1284
|
|
|
1786
|
-
var DragHandleStyles_StyledDrag = external_styled_components_default.
|
|
1285
|
+
var DragHandleStyles_StyledDrag = external_styled_components_default().div.withConfig({
|
|
1787
1286
|
displayName: "DragHandleStyles__StyledDrag",
|
|
1788
1287
|
componentId: "sc-9eqfn5-0"
|
|
1789
|
-
})(["display:block;cursor:move;background:", ";", ""],
|
|
1790
|
-
enterprise:
|
|
1791
|
-
prisma:
|
|
1288
|
+
})(["display:block;cursor:move;background:", ";", ""], themes_namespaceObject.variables.draggableBackground, (0,themes_namespaceObject.pick)({
|
|
1289
|
+
enterprise: (0,external_styled_components_namespaceObject.css)(["width:7px;height:14px;"]),
|
|
1290
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["width:6px;height:20px;margin-top:-3px;opacity:0;", ":focus &,", ":hover &,", " &,[data-helper] &{opacity:1;}"],
|
|
1792
1291
|
/* sc-sel */
|
|
1793
1292
|
HeadCellStyles_Styled,
|
|
1794
1293
|
/* sc-sel */
|
|
@@ -1797,27 +1296,24 @@ var DragHandleStyles_StyledDrag = external_styled_components_default.a.div.withC
|
|
|
1797
1296
|
RowDragCellStyles_Styled)
|
|
1798
1297
|
}));
|
|
1799
1298
|
|
|
1800
|
-
|
|
1299
|
+
;// CONCATENATED MODULE: ./src/Table/DragHandle.tsx
|
|
1801
1300
|
|
|
1802
1301
|
|
|
1803
1302
|
|
|
1804
1303
|
|
|
1805
1304
|
var DragHandle_propTypes = {
|
|
1806
|
-
screenReaderContent: external_prop_types_default.
|
|
1305
|
+
screenReaderContent: (external_prop_types_default()).string
|
|
1807
1306
|
};
|
|
1808
1307
|
var DragHandle_defaultProps = {};
|
|
1809
1308
|
|
|
1810
1309
|
function DragHandle(_ref) {
|
|
1811
1310
|
var screenReaderContent = _ref.screenReaderContent;
|
|
1812
|
-
return /*#__PURE__*/external_react_default.
|
|
1311
|
+
return /*#__PURE__*/external_react_default().createElement(DragHandleStyles_StyledDrag, null, /*#__PURE__*/external_react_default().createElement((ScreenReaderContent_default()), null, screenReaderContent));
|
|
1813
1312
|
}
|
|
1814
1313
|
|
|
1815
1314
|
DragHandle.propTypes = DragHandle_propTypes;
|
|
1816
|
-
/* harmony default export */
|
|
1817
|
-
|
|
1818
|
-
var ssrDocument = __webpack_require__(27);
|
|
1819
|
-
|
|
1820
|
-
// CONCATENATED MODULE: ./src/Table/HeadInner.tsx
|
|
1315
|
+
/* harmony default export */ const Table_DragHandle = (DragHandle);
|
|
1316
|
+
;// CONCATENATED MODULE: ./src/Table/HeadInner.tsx
|
|
1821
1317
|
function HeadInner_extends() { HeadInner_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 HeadInner_extends.apply(this, arguments); }
|
|
1822
1318
|
|
|
1823
1319
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
@@ -1862,37 +1358,37 @@ function HeadInner_objectWithoutPropertiesLoose(source, excluded) { if (source =
|
|
|
1862
1358
|
|
|
1863
1359
|
|
|
1864
1360
|
var HeadInner_propTypes = {
|
|
1865
|
-
align: external_prop_types_default.
|
|
1866
|
-
columnId: external_prop_types_default.
|
|
1867
|
-
hasActionsHead: external_prop_types_default.
|
|
1868
|
-
id: external_prop_types_default.
|
|
1869
|
-
index: external_prop_types_default.
|
|
1870
|
-
isMenu: external_prop_types_default.
|
|
1871
|
-
label: external_prop_types_default.
|
|
1872
|
-
onAutosizeColumn: external_prop_types_default.
|
|
1873
|
-
onDragEnd: external_prop_types_default.
|
|
1874
|
-
onDragStart: external_prop_types_default.
|
|
1875
|
-
onRequestResize: external_prop_types_default.
|
|
1876
|
-
resizable: external_prop_types_default.
|
|
1877
|
-
sortDir: external_prop_types_default.
|
|
1878
|
-
truncate: external_prop_types_default.
|
|
1879
|
-
width: external_prop_types_default.
|
|
1361
|
+
align: external_prop_types_default().oneOf(['left', 'center', 'right']),
|
|
1362
|
+
columnId: (external_prop_types_default()).any,
|
|
1363
|
+
hasActionsHead: (external_prop_types_default()).bool,
|
|
1364
|
+
id: (external_prop_types_default()).string,
|
|
1365
|
+
index: (external_prop_types_default()).number,
|
|
1366
|
+
isMenu: (external_prop_types_default()).bool,
|
|
1367
|
+
label: (external_prop_types_default()).node,
|
|
1368
|
+
onAutosizeColumn: (external_prop_types_default()).func,
|
|
1369
|
+
onDragEnd: (external_prop_types_default()).func,
|
|
1370
|
+
onDragStart: (external_prop_types_default()).func,
|
|
1371
|
+
onRequestResize: (external_prop_types_default()).func,
|
|
1372
|
+
resizable: (external_prop_types_default()).bool,
|
|
1373
|
+
sortDir: external_prop_types_default().oneOf(['none', 'asc', 'desc']),
|
|
1374
|
+
truncate: (external_prop_types_default()).bool,
|
|
1375
|
+
width: external_prop_types_default().oneOfType([(external_prop_types_default()).number, external_prop_types_default().oneOf(['auto'])])
|
|
1880
1376
|
};
|
|
1881
1377
|
var sortDirections = new Set(['none', 'asc', 'desc']);
|
|
1882
1378
|
var sortDirToAriaLabelMap = Object.freeze({
|
|
1883
|
-
none:
|
|
1884
|
-
asc:
|
|
1885
|
-
desc:
|
|
1379
|
+
none: (0,i18n_namespaceObject._)('Click to sort'),
|
|
1380
|
+
asc: (0,i18n_namespaceObject._)('Press to sort descending'),
|
|
1381
|
+
desc: (0,i18n_namespaceObject._)('Press to sort ascending')
|
|
1886
1382
|
});
|
|
1887
1383
|
var enterpriseSortDirToIconMap = Object.freeze({
|
|
1888
|
-
none: CaretsSmallUpDown_default
|
|
1384
|
+
none: (CaretsSmallUpDown_default()),
|
|
1889
1385
|
asc: StyledCaretUp,
|
|
1890
1386
|
desc: StyledCaretDown
|
|
1891
1387
|
});
|
|
1892
1388
|
var prismaSortDirToIconMap = Object.freeze({
|
|
1893
|
-
none: ArrowUpDown_default
|
|
1894
|
-
asc: ArrowUp_default
|
|
1895
|
-
desc: ArrowDown_default
|
|
1389
|
+
none: (ArrowUpDown_default()),
|
|
1390
|
+
asc: (ArrowUp_default()),
|
|
1391
|
+
desc: (ArrowDown_default())
|
|
1896
1392
|
});
|
|
1897
1393
|
|
|
1898
1394
|
function HeadInner(_ref) {
|
|
@@ -1921,39 +1417,39 @@ function HeadInner(_ref) {
|
|
|
1921
1417
|
|
|
1922
1418
|
if (false) {}
|
|
1923
1419
|
|
|
1924
|
-
var _useSplunkTheme =
|
|
1420
|
+
var _useSplunkTheme = (0,themes_namespaceObject.useSplunkTheme)(),
|
|
1925
1421
|
isEnterprise = _useSplunkTheme.isEnterprise;
|
|
1926
1422
|
|
|
1927
|
-
var clickScreenReaderText =
|
|
1423
|
+
var clickScreenReaderText = (0,i18n_namespaceObject._)('Click to open menu');
|
|
1928
1424
|
|
|
1929
|
-
var _useState =
|
|
1425
|
+
var _useState = (0,external_react_namespaceObject.useState)(),
|
|
1930
1426
|
_useState2 = _slicedToArray(_useState, 2),
|
|
1931
1427
|
cloneEl = _useState2[0],
|
|
1932
1428
|
setCloneEl = _useState2[1];
|
|
1933
1429
|
|
|
1934
|
-
var _useState3 =
|
|
1430
|
+
var _useState3 = (0,external_react_namespaceObject.useState)(false),
|
|
1935
1431
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
1936
1432
|
isResizing = _useState4[0],
|
|
1937
1433
|
setResizing = _useState4[1];
|
|
1938
1434
|
|
|
1939
|
-
var _useState5 =
|
|
1435
|
+
var _useState5 = (0,external_react_namespaceObject.useState)(false),
|
|
1940
1436
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
1941
1437
|
isDragging = _useState6[0],
|
|
1942
1438
|
setIsDragging = _useState6[1];
|
|
1943
1439
|
|
|
1944
|
-
var _useState7 =
|
|
1440
|
+
var _useState7 = (0,external_react_namespaceObject.useState)(0),
|
|
1945
1441
|
_useState8 = _slicedToArray(_useState7, 2),
|
|
1946
1442
|
startClientX = _useState8[0],
|
|
1947
1443
|
setStartClientX = _useState8[1];
|
|
1948
1444
|
|
|
1949
|
-
var _useState9 =
|
|
1445
|
+
var _useState9 = (0,external_react_namespaceObject.useState)(0),
|
|
1950
1446
|
_useState10 = _slicedToArray(_useState9, 2),
|
|
1951
1447
|
startWidth = _useState10[0],
|
|
1952
1448
|
setStartWidth = _useState10[1];
|
|
1953
1449
|
|
|
1954
|
-
var ref =
|
|
1450
|
+
var ref = (0,external_react_namespaceObject.useRef)(null); // Cleanup dragend, and unmount during drag
|
|
1955
1451
|
|
|
1956
|
-
|
|
1452
|
+
(0,external_react_namespaceObject.useEffect)(function () {
|
|
1957
1453
|
return function () {
|
|
1958
1454
|
return cloneEl === null || cloneEl === void 0 ? void 0 : cloneEl.remove();
|
|
1959
1455
|
};
|
|
@@ -1979,7 +1475,7 @@ function HeadInner(_ref) {
|
|
|
1979
1475
|
}
|
|
1980
1476
|
|
|
1981
1477
|
var handleResizeKeyDown = function handleResizeKeyDown(e) {
|
|
1982
|
-
var key =
|
|
1478
|
+
var key = (0,keyboard_namespaceObject.keycode)(e.nativeEvent);
|
|
1983
1479
|
|
|
1984
1480
|
if (onRequestResize === undefined || index === undefined) {
|
|
1985
1481
|
return;
|
|
@@ -2072,7 +1568,7 @@ function HeadInner(_ref) {
|
|
|
2072
1568
|
var handleDragStart = function handleDragStart(e) {
|
|
2073
1569
|
var _el$textContent;
|
|
2074
1570
|
|
|
2075
|
-
var document =
|
|
1571
|
+
var document = getDocument();
|
|
2076
1572
|
var el = ref.current;
|
|
2077
1573
|
|
|
2078
1574
|
if (e.dataTransfer.setDragImage && (el === null || el === void 0 ? void 0 : el.parentElement)) {
|
|
@@ -2110,8 +1606,8 @@ function HeadInner(_ref) {
|
|
|
2110
1606
|
};
|
|
2111
1607
|
|
|
2112
1608
|
var draggable = !!onDragStart;
|
|
2113
|
-
var window =
|
|
2114
|
-
return /*#__PURE__*/external_react_default.
|
|
1609
|
+
var window = getWindow();
|
|
1610
|
+
return /*#__PURE__*/external_react_default().createElement(HeadInnerStyles_Styled, HeadInner_extends({
|
|
2115
1611
|
draggable: draggable || undefined,
|
|
2116
1612
|
onDragStart: draggable ? handleDragStart : undefined,
|
|
2117
1613
|
onDragEnd: draggable ? handleDragEnd : undefined,
|
|
@@ -2120,44 +1616,44 @@ function HeadInner(_ref) {
|
|
|
2120
1616
|
$align: align,
|
|
2121
1617
|
$draggable: draggable,
|
|
2122
1618
|
$dragging: !!isDragging
|
|
2123
|
-
}, omit_default()(otherProps, [].concat(_toConsumableArray(Object.keys(HeadInner.propTypes)), ['id']))), isResizing && /*#__PURE__*/external_react_default.
|
|
1619
|
+
}, omit_default()(otherProps, [].concat(_toConsumableArray(Object.keys(HeadInner.propTypes)), ['id']))), isResizing && /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement((EventListener_default()), {
|
|
2124
1620
|
target: window,
|
|
2125
1621
|
eventType: "mouseup",
|
|
2126
1622
|
listener: handleEndResize
|
|
2127
|
-
}), /*#__PURE__*/external_react_default.
|
|
1623
|
+
}), /*#__PURE__*/external_react_default().createElement((EventListener_default()), {
|
|
2128
1624
|
target: window,
|
|
2129
1625
|
eventType: "mousemove",
|
|
2130
1626
|
listener: handleResize
|
|
2131
|
-
})), onRequestResize && resizable && /*#__PURE__*/external_react_default.
|
|
1627
|
+
})), onRequestResize && resizable && /*#__PURE__*/external_react_default().createElement(StyledResize, {
|
|
2132
1628
|
onMouseDown: handleStartResize,
|
|
2133
1629
|
onDoubleClick: handleDoubleClick,
|
|
2134
1630
|
onKeyDown: handleResizeKeyDown,
|
|
2135
1631
|
"data-test": "resize"
|
|
2136
|
-
}), draggable && /*#__PURE__*/external_react_default.
|
|
2137
|
-
screenReaderContent:
|
|
2138
|
-
})), /*#__PURE__*/external_react_default.
|
|
1632
|
+
}), draggable && /*#__PURE__*/external_react_default().createElement(StyledDragContainer, null, /*#__PURE__*/external_react_default().createElement(Table_DragHandle, {
|
|
1633
|
+
screenReaderContent: (0,i18n_namespaceObject._)('Press left or right arrow key to reorder the columns.')
|
|
1634
|
+
})), /*#__PURE__*/external_react_default().createElement(StyledLabel, {
|
|
2139
1635
|
$align: align,
|
|
2140
1636
|
$truncate: truncate,
|
|
2141
1637
|
$fill: isMenu
|
|
2142
1638
|
}, label, isMenu &&
|
|
2143
1639
|
/*#__PURE__*/
|
|
2144
1640
|
// this icon indicates "has a menu" in all themes
|
|
2145
|
-
external_react_default.
|
|
1641
|
+
external_react_default().createElement(StyledMenuIcon, null, isEnterprise ? /*#__PURE__*/external_react_default().createElement((Caret_default()), {
|
|
2146
1642
|
"data-test": "caret-down",
|
|
2147
1643
|
screenReaderText: clickScreenReaderText,
|
|
2148
1644
|
hideDefaultTooltip: true,
|
|
2149
1645
|
size: 0.5
|
|
2150
|
-
}) : /*#__PURE__*/external_react_default.
|
|
1646
|
+
}) : /*#__PURE__*/external_react_default().createElement((CaretSmallDown_default()), {
|
|
2151
1647
|
"data-test": "caret-down",
|
|
2152
1648
|
"aria-label": clickScreenReaderText
|
|
2153
|
-
}))), sortDir && /*#__PURE__*/external_react_default.
|
|
1649
|
+
}))), sortDir && /*#__PURE__*/external_react_default().createElement(StyledSortIcon, {
|
|
2154
1650
|
$sorted: sortDir !== 'none'
|
|
2155
|
-
}, Icon !== undefined && (isEnterprise ? /*#__PURE__*/external_react_default.
|
|
1651
|
+
}, Icon !== undefined && (isEnterprise ? /*#__PURE__*/external_react_default().createElement(Icon, {
|
|
2156
1652
|
inline: true,
|
|
2157
1653
|
"aria-hidden": false,
|
|
2158
1654
|
"aria-label": ariaLabel,
|
|
2159
1655
|
viewBox: "-8 0 24 24"
|
|
2160
|
-
}) : /*#__PURE__*/external_react_default.
|
|
1656
|
+
}) : /*#__PURE__*/external_react_default().createElement(Icon, {
|
|
2161
1657
|
inline: true,
|
|
2162
1658
|
"aria-hidden": false,
|
|
2163
1659
|
"aria-label": ariaLabel
|
|
@@ -2165,13 +1661,13 @@ function HeadInner(_ref) {
|
|
|
2165
1661
|
}
|
|
2166
1662
|
|
|
2167
1663
|
HeadInner.propTypes = HeadInner_propTypes;
|
|
2168
|
-
/* harmony default export */
|
|
2169
|
-
|
|
1664
|
+
/* harmony default export */ const Table_HeadInner = (HeadInner);
|
|
1665
|
+
;// CONCATENATED MODULE: ./src/Table/TableContext.ts
|
|
2170
1666
|
|
|
2171
|
-
var TableContext = /*#__PURE__*/
|
|
1667
|
+
var TableContext = /*#__PURE__*/(0,external_react_namespaceObject.createContext)({});
|
|
2172
1668
|
TableContext.displayName = 'Table';
|
|
2173
|
-
/* harmony default export */
|
|
2174
|
-
|
|
1669
|
+
/* harmony default export */ const Table_TableContext = (TableContext);
|
|
1670
|
+
;// CONCATENATED MODULE: ./src/Table/HeadCell.tsx
|
|
2175
1671
|
function HeadCell_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { HeadCell_typeof = function _typeof(obj) { return typeof obj; }; } else { HeadCell_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return HeadCell_typeof(obj); }
|
|
2176
1672
|
|
|
2177
1673
|
function HeadCell_extends() { HeadCell_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 HeadCell_extends.apply(this, arguments); }
|
|
@@ -2220,58 +1716,58 @@ function HeadCell_defineProperty(obj, key, value) { if (key in obj) { Object.def
|
|
|
2220
1716
|
|
|
2221
1717
|
|
|
2222
1718
|
var HeadCell_propTypes = {
|
|
2223
|
-
align: external_prop_types_default.
|
|
2224
|
-
children: external_prop_types_default.
|
|
2225
|
-
columnId: external_prop_types_default.
|
|
2226
|
-
elementRef: external_prop_types_default.
|
|
1719
|
+
align: external_prop_types_default().oneOf(['left', 'center', 'right']),
|
|
1720
|
+
children: (external_prop_types_default()).node,
|
|
1721
|
+
columnId: (external_prop_types_default()).any,
|
|
1722
|
+
elementRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
|
|
2227
1723
|
|
|
2228
1724
|
/** @private Indicates the presence of actions. */
|
|
2229
|
-
hasActionsHead: external_prop_types_default.
|
|
1725
|
+
hasActionsHead: (external_prop_types_default()).bool,
|
|
2230
1726
|
|
|
2231
1727
|
/** @private The index of the cell, skipping the info column. */
|
|
2232
|
-
index: external_prop_types_default.
|
|
1728
|
+
index: (external_prop_types_default()).number,
|
|
2233
1729
|
|
|
2234
1730
|
/** @private. */
|
|
2235
|
-
onAutosizeColumn: external_prop_types_default.
|
|
2236
|
-
onSort: external_prop_types_default.
|
|
1731
|
+
onAutosizeColumn: (external_prop_types_default()).func,
|
|
1732
|
+
onSort: (external_prop_types_default()).func,
|
|
2237
1733
|
|
|
2238
1734
|
/** @private. */
|
|
2239
|
-
onDragStart: external_prop_types_default.
|
|
1735
|
+
onDragStart: (external_prop_types_default()).func,
|
|
2240
1736
|
|
|
2241
1737
|
/**
|
|
2242
1738
|
* @private. Passed through and works as expected.
|
|
2243
1739
|
*/
|
|
2244
|
-
onKeyDown: external_prop_types_default.
|
|
1740
|
+
onKeyDown: (external_prop_types_default()).func,
|
|
2245
1741
|
|
|
2246
1742
|
/** @private. */
|
|
2247
|
-
onClick: external_prop_types_default.
|
|
1743
|
+
onClick: (external_prop_types_default()).func,
|
|
2248
1744
|
|
|
2249
1745
|
/** @private. */
|
|
2250
|
-
onRequestMoveColumn: external_prop_types_default.
|
|
1746
|
+
onRequestMoveColumn: (external_prop_types_default()).func,
|
|
2251
1747
|
|
|
2252
1748
|
/** @private. */
|
|
2253
|
-
onRequestResize: external_prop_types_default.
|
|
2254
|
-
resizable: external_prop_types_default.
|
|
1749
|
+
onRequestResize: (external_prop_types_default()).func,
|
|
1750
|
+
resizable: (external_prop_types_default()).bool,
|
|
2255
1751
|
|
|
2256
1752
|
/** @private. */
|
|
2257
|
-
showGuideline: external_prop_types_default.
|
|
2258
|
-
sortDir: external_prop_types_default.
|
|
2259
|
-
sortKey: external_prop_types_default.
|
|
2260
|
-
truncate: external_prop_types_default.
|
|
1753
|
+
showGuideline: external_prop_types_default().oneOf(['none', 'before', 'after']),
|
|
1754
|
+
sortDir: external_prop_types_default().oneOf(['asc', 'desc', 'none']),
|
|
1755
|
+
sortKey: (external_prop_types_default()).string,
|
|
1756
|
+
truncate: (external_prop_types_default()).bool,
|
|
2261
1757
|
|
|
2262
1758
|
/**
|
|
2263
1759
|
* Used internally to suppress focus and id when this `HeadCell` is superseded by one in an
|
|
2264
1760
|
* overlaid `HeadTable` for user interactions.
|
|
2265
1761
|
* @private
|
|
2266
1762
|
*/
|
|
2267
|
-
visible: external_prop_types_default.
|
|
2268
|
-
width: external_prop_types_default.
|
|
1763
|
+
visible: (external_prop_types_default()).bool,
|
|
1764
|
+
width: external_prop_types_default().oneOfType([(external_prop_types_default()).number, external_prop_types_default().oneOf(['auto'])]),
|
|
2269
1765
|
|
|
2270
1766
|
/** @private. */
|
|
2271
|
-
variant: external_prop_types_default.
|
|
1767
|
+
variant: external_prop_types_default().oneOf(['toggleAll', 'info', 'actions']),
|
|
2272
1768
|
|
|
2273
1769
|
/** @private. */
|
|
2274
|
-
zIndex: external_prop_types_default.
|
|
1770
|
+
zIndex: (external_prop_types_default()).number
|
|
2275
1771
|
};
|
|
2276
1772
|
var HeadCell_defaultProps = {
|
|
2277
1773
|
align: 'left',
|
|
@@ -2283,7 +1779,7 @@ var HeadCell_defaultProps = {
|
|
|
2283
1779
|
zIndex: 1
|
|
2284
1780
|
};
|
|
2285
1781
|
|
|
2286
|
-
var
|
|
1782
|
+
var HeadCell = /*#__PURE__*/function (_Component) {
|
|
2287
1783
|
HeadCell_inherits(HeadCell, _Component);
|
|
2288
1784
|
|
|
2289
1785
|
var _super = HeadCell_createSuper(HeadCell);
|
|
@@ -2328,15 +1824,15 @@ var HeadCell_HeadCell = /*#__PURE__*/function (_Component) {
|
|
|
2328
1824
|
onRequestMoveColumn = _this$props3.onRequestMoveColumn;
|
|
2329
1825
|
|
|
2330
1826
|
if (e.target.getAttribute('data-test') !== 'resize') {
|
|
2331
|
-
if (
|
|
1827
|
+
if ((0,keyboard_namespaceObject.keycode)(e.nativeEvent) === 'enter') {
|
|
2332
1828
|
_this.handleClick(e);
|
|
2333
|
-
} else if (
|
|
1829
|
+
} else if ((0,keyboard_namespaceObject.keycode)(e.nativeEvent) === 'left' && index !== undefined && index > 0) {
|
|
2334
1830
|
onRequestMoveColumn === null || onRequestMoveColumn === void 0 ? void 0 : onRequestMoveColumn({
|
|
2335
1831
|
fromIndex: index,
|
|
2336
1832
|
toIndex: index - 1,
|
|
2337
1833
|
columnId: columnId
|
|
2338
1834
|
});
|
|
2339
|
-
} else if (
|
|
1835
|
+
} else if ((0,keyboard_namespaceObject.keycode)(e.nativeEvent) === 'right' && index !== undefined) {
|
|
2340
1836
|
onRequestMoveColumn === null || onRequestMoveColumn === void 0 ? void 0 : onRequestMoveColumn({
|
|
2341
1837
|
fromIndex: index,
|
|
2342
1838
|
toIndex: index + 1,
|
|
@@ -2416,7 +1912,7 @@ var HeadCell_HeadCell = /*#__PURE__*/function (_Component) {
|
|
|
2416
1912
|
var headType = this.context.headType;
|
|
2417
1913
|
/* eslint-disable jsx-a11y/no-static-element-interactions */
|
|
2418
1914
|
|
|
2419
|
-
return /*#__PURE__*/external_react_default.
|
|
1915
|
+
return /*#__PURE__*/external_react_default().createElement(HeadCellStyles_Styled, HeadCell_extends({
|
|
2420
1916
|
style: mergedStyle,
|
|
2421
1917
|
ref: elementRef,
|
|
2422
1918
|
"aria-sort": onSort && (this.sortDirAriaMapping[sortDir] || 'none'),
|
|
@@ -2433,7 +1929,7 @@ var HeadCell_HeadCell = /*#__PURE__*/function (_Component) {
|
|
|
2433
1929
|
$isFixed: headType === 'fixed'
|
|
2434
1930
|
}, omit_default()(this.props, [].concat(HeadCell_toConsumableArray(Object.keys(HeadCell.propTypes)), ['id', 'style'])), {
|
|
2435
1931
|
onKeyDown: draggable || onSort || hasOnClick ? this.handleKeyDown : undefined
|
|
2436
|
-
}), /*#__PURE__*/external_react_default.
|
|
1932
|
+
}), /*#__PURE__*/external_react_default().createElement(Table_HeadInner, {
|
|
2437
1933
|
label: children,
|
|
2438
1934
|
align: align,
|
|
2439
1935
|
columnId: columnId,
|
|
@@ -2448,7 +1944,7 @@ var HeadCell_HeadCell = /*#__PURE__*/function (_Component) {
|
|
|
2448
1944
|
sortDir: onSort && sortDir,
|
|
2449
1945
|
truncate: truncate,
|
|
2450
1946
|
width: width
|
|
2451
|
-
}), showGuideline !== 'none' && /*#__PURE__*/external_react_default.
|
|
1947
|
+
}), showGuideline !== 'none' && /*#__PURE__*/external_react_default().createElement(StyledGuideLine, {
|
|
2452
1948
|
$position: showGuideline
|
|
2453
1949
|
}));
|
|
2454
1950
|
/* eslint-enable jsx-a11y/no-static-element-interactions */
|
|
@@ -2456,26 +1952,24 @@ var HeadCell_HeadCell = /*#__PURE__*/function (_Component) {
|
|
|
2456
1952
|
}]);
|
|
2457
1953
|
|
|
2458
1954
|
return HeadCell;
|
|
2459
|
-
}(
|
|
2460
|
-
|
|
2461
|
-
HeadCell_defineProperty(HeadCell_HeadCell, "splunkUiType", 'Table.HeadCell');
|
|
2462
|
-
|
|
2463
|
-
HeadCell_defineProperty(HeadCell_HeadCell, "propTypes", HeadCell_propTypes);
|
|
1955
|
+
}(external_react_namespaceObject.Component);
|
|
2464
1956
|
|
|
2465
|
-
HeadCell_defineProperty(
|
|
1957
|
+
HeadCell_defineProperty(HeadCell, "splunkUiType", 'Table.HeadCell');
|
|
2466
1958
|
|
|
2467
|
-
HeadCell_defineProperty(
|
|
1959
|
+
HeadCell_defineProperty(HeadCell, "propTypes", HeadCell_propTypes);
|
|
2468
1960
|
|
|
2469
|
-
|
|
2470
|
-
// EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Info"
|
|
2471
|
-
var Info_ = __webpack_require__(164);
|
|
2472
|
-
var Info_default = /*#__PURE__*/__webpack_require__.n(Info_);
|
|
1961
|
+
HeadCell_defineProperty(HeadCell, "defaultProps", HeadCell_defaultProps);
|
|
2473
1962
|
|
|
2474
|
-
|
|
2475
|
-
var ChevronRight_ = __webpack_require__(43);
|
|
2476
|
-
var ChevronRight_default = /*#__PURE__*/__webpack_require__.n(ChevronRight_);
|
|
1963
|
+
HeadCell_defineProperty(HeadCell, "contextType", Table_TableContext);
|
|
2477
1964
|
|
|
2478
|
-
|
|
1965
|
+
/* harmony default export */ const Table_HeadCell = (HeadCell);
|
|
1966
|
+
;// CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Info"
|
|
1967
|
+
const Info_namespaceObject = require("@splunk/react-icons/enterprise/Info");
|
|
1968
|
+
var Info_default = /*#__PURE__*/__webpack_require__.n(Info_namespaceObject);
|
|
1969
|
+
;// CONCATENATED MODULE: external "@splunk/react-icons/ChevronRight"
|
|
1970
|
+
const ChevronRight_namespaceObject = require("@splunk/react-icons/ChevronRight");
|
|
1971
|
+
var ChevronRight_default = /*#__PURE__*/__webpack_require__.n(ChevronRight_namespaceObject);
|
|
1972
|
+
;// CONCATENATED MODULE: ./src/Table/icons/HeadExpandRows.tsx
|
|
2479
1973
|
|
|
2480
1974
|
|
|
2481
1975
|
|
|
@@ -2484,44 +1978,38 @@ var ChevronRight_default = /*#__PURE__*/__webpack_require__.n(ChevronRight_);
|
|
|
2484
1978
|
/* This file works around the use of withSplunkTheme in Head. */
|
|
2485
1979
|
|
|
2486
1980
|
function HeadExpandRows() {
|
|
2487
|
-
var _useSplunkTheme =
|
|
1981
|
+
var _useSplunkTheme = (0,themes_namespaceObject.useSplunkTheme)(),
|
|
2488
1982
|
isEnterprise = _useSplunkTheme.isEnterprise;
|
|
2489
1983
|
|
|
2490
|
-
var screenReaderText =
|
|
1984
|
+
var screenReaderText = (0,i18n_namespaceObject._)('More Information');
|
|
2491
1985
|
|
|
2492
|
-
return isEnterprise ? /*#__PURE__*/external_react_default.
|
|
1986
|
+
return isEnterprise ? /*#__PURE__*/external_react_default().createElement((Info_default()), {
|
|
2493
1987
|
hideDefaultTooltip: true,
|
|
2494
1988
|
screenReaderText: screenReaderText
|
|
2495
|
-
}) : /*#__PURE__*/external_react_default.
|
|
1989
|
+
}) : /*#__PURE__*/external_react_default().createElement((ChevronRight_default()), {
|
|
2496
1990
|
"aria-label": screenReaderText,
|
|
2497
1991
|
height: "16px",
|
|
2498
1992
|
width: "16px"
|
|
2499
1993
|
});
|
|
2500
1994
|
}
|
|
2501
|
-
|
|
2502
|
-
|
|
2503
|
-
var DotsThreeVertical_default = /*#__PURE__*/__webpack_require__.n(
|
|
2504
|
-
|
|
2505
|
-
|
|
2506
|
-
var
|
|
2507
|
-
|
|
2508
|
-
|
|
2509
|
-
|
|
2510
|
-
|
|
2511
|
-
|
|
2512
|
-
|
|
2513
|
-
|
|
2514
|
-
|
|
2515
|
-
|
|
2516
|
-
|
|
2517
|
-
|
|
2518
|
-
|
|
2519
|
-
|
|
2520
|
-
// EXTERNAL MODULE: external "@splunk/react-icons/enterprise/ChevronRight"
|
|
2521
|
-
var enterprise_ChevronRight_ = __webpack_require__(35);
|
|
2522
|
-
var enterprise_ChevronRight_default = /*#__PURE__*/__webpack_require__.n(enterprise_ChevronRight_);
|
|
2523
|
-
|
|
2524
|
-
// CONCATENATED MODULE: ./src/Table/icons/ExpansionRow.tsx
|
|
1995
|
+
;// CONCATENATED MODULE: external "@splunk/react-icons/DotsThreeVertical"
|
|
1996
|
+
const DotsThreeVertical_namespaceObject = require("@splunk/react-icons/DotsThreeVertical");
|
|
1997
|
+
var DotsThreeVertical_default = /*#__PURE__*/__webpack_require__.n(DotsThreeVertical_namespaceObject);
|
|
1998
|
+
;// CONCATENATED MODULE: external "@splunk/react-ui/Button"
|
|
1999
|
+
const Button_namespaceObject = require("@splunk/react-ui/Button");
|
|
2000
|
+
var Button_default = /*#__PURE__*/__webpack_require__.n(Button_namespaceObject);
|
|
2001
|
+
;// CONCATENATED MODULE: external "@splunk/react-ui/Dropdown"
|
|
2002
|
+
const Dropdown_namespaceObject = require("@splunk/react-ui/Dropdown");
|
|
2003
|
+
var Dropdown_default = /*#__PURE__*/__webpack_require__.n(Dropdown_namespaceObject);
|
|
2004
|
+
;// CONCATENATED MODULE: external "@splunk/react-ui/Tooltip"
|
|
2005
|
+
const Tooltip_namespaceObject = require("@splunk/react-ui/Tooltip");
|
|
2006
|
+
var Tooltip_default = /*#__PURE__*/__webpack_require__.n(Tooltip_namespaceObject);
|
|
2007
|
+
;// CONCATENATED MODULE: external "@splunk/ui-utils/format"
|
|
2008
|
+
const format_namespaceObject = require("@splunk/ui-utils/format");
|
|
2009
|
+
;// CONCATENATED MODULE: external "@splunk/react-icons/enterprise/ChevronRight"
|
|
2010
|
+
const enterprise_ChevronRight_namespaceObject = require("@splunk/react-icons/enterprise/ChevronRight");
|
|
2011
|
+
var enterprise_ChevronRight_default = /*#__PURE__*/__webpack_require__.n(enterprise_ChevronRight_namespaceObject);
|
|
2012
|
+
;// CONCATENATED MODULE: ./src/Table/icons/ExpansionRow.tsx
|
|
2525
2013
|
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; }
|
|
2526
2014
|
|
|
2527
2015
|
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) { ExpansionRow_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; }
|
|
@@ -2536,15 +2024,15 @@ function ExpansionRow_defineProperty(obj, key, value) { if (key in obj) { Object
|
|
|
2536
2024
|
|
|
2537
2025
|
|
|
2538
2026
|
var ExpansionRow_propTypes = {
|
|
2539
|
-
className: external_prop_types_default.
|
|
2540
|
-
expanded: external_prop_types_default.
|
|
2027
|
+
className: (external_prop_types_default()).string,
|
|
2028
|
+
expanded: (external_prop_types_default()).bool
|
|
2541
2029
|
};
|
|
2542
2030
|
|
|
2543
|
-
var
|
|
2031
|
+
var ExpansionRow = function ExpansionRow(_ref) {
|
|
2544
2032
|
var className = _ref.className,
|
|
2545
2033
|
expanded = _ref.expanded;
|
|
2546
2034
|
|
|
2547
|
-
var _useSplunkTheme =
|
|
2035
|
+
var _useSplunkTheme = (0,themes_namespaceObject.useSplunkTheme)(),
|
|
2548
2036
|
isEnterprise = _useSplunkTheme.isEnterprise;
|
|
2549
2037
|
|
|
2550
2038
|
var sharedProps = {
|
|
@@ -2558,25 +2046,25 @@ var ExpansionRow_ExpansionRow = function ExpansionRow(_ref) {
|
|
|
2558
2046
|
|
|
2559
2047
|
var prismaProps = _objectSpread({}, sharedProps);
|
|
2560
2048
|
|
|
2561
|
-
var chevronRightIcon = isEnterprise ? /*#__PURE__*/external_react_default.
|
|
2562
|
-
return /*#__PURE__*/external_react_default.
|
|
2049
|
+
var chevronRightIcon = isEnterprise ? /*#__PURE__*/external_react_default().createElement((enterprise_ChevronRight_default()), enterpiseProps) : /*#__PURE__*/external_react_default().createElement((ChevronRight_default()), prismaProps);
|
|
2050
|
+
return /*#__PURE__*/external_react_default().createElement("div", {
|
|
2563
2051
|
"aria-hidden": true,
|
|
2564
|
-
title: expanded ?
|
|
2052
|
+
title: expanded ? (0,i18n_namespaceObject._)('Collapse row') : (0,i18n_namespaceObject._)('Expand row')
|
|
2565
2053
|
}, chevronRightIcon);
|
|
2566
2054
|
};
|
|
2567
2055
|
|
|
2568
|
-
var StyledExpansionRowIcon = external_styled_components_default()(
|
|
2056
|
+
var StyledExpansionRowIcon = external_styled_components_default()(ExpansionRow).withConfig({
|
|
2569
2057
|
displayName: "ExpansionRow__StyledExpansionRowIcon",
|
|
2570
2058
|
componentId: "sc-1b6vao4-0"
|
|
2571
|
-
})(["transition:transform ", ";", ""],
|
|
2059
|
+
})(["transition:transform ", ";", ""], (0,themes_namespaceObject.pick)({
|
|
2572
2060
|
enterprise: '300ms',
|
|
2573
2061
|
prisma: '200ms'
|
|
2574
2062
|
}), function (props) {
|
|
2575
|
-
return props.expanded &&
|
|
2063
|
+
return props.expanded && (0,external_styled_components_namespaceObject.css)(["transform:rotate(90deg);"]);
|
|
2576
2064
|
});
|
|
2577
2065
|
StyledExpansionRowIcon.propTypes = ExpansionRow_propTypes;
|
|
2578
|
-
/* harmony default export */
|
|
2579
|
-
|
|
2066
|
+
/* harmony default export */ const icons_ExpansionRow = (StyledExpansionRowIcon);
|
|
2067
|
+
;// CONCATENATED MODULE: ./src/Table/RowDragCell.tsx
|
|
2580
2068
|
function RowDragCell_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { RowDragCell_typeof = function _typeof(obj) { return typeof obj; }; } else { RowDragCell_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return RowDragCell_typeof(obj); }
|
|
2581
2069
|
|
|
2582
2070
|
function RowDragCell_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
@@ -2609,21 +2097,21 @@ function RowDragCell_defineProperty(obj, key, value) { if (key in obj) { Object.
|
|
|
2609
2097
|
|
|
2610
2098
|
|
|
2611
2099
|
var RowDragCell_propTypes = {
|
|
2612
|
-
activeElementId: external_prop_types_default.
|
|
2613
|
-
dataId: external_prop_types_default.
|
|
2614
|
-
index: external_prop_types_default.
|
|
2615
|
-
onDragEnd: external_prop_types_default.
|
|
2616
|
-
onDragStart: external_prop_types_default.
|
|
2617
|
-
onKeyDown: external_prop_types_default.
|
|
2618
|
-
onRequestMoveRow: external_prop_types_default.
|
|
2619
|
-
rowSpan: external_prop_types_default.
|
|
2620
|
-
showRowGuideline: external_prop_types_default.
|
|
2100
|
+
activeElementId: (external_prop_types_default()).string,
|
|
2101
|
+
dataId: external_prop_types_default().oneOfType([(external_prop_types_default()).string, (external_prop_types_default()).number]),
|
|
2102
|
+
index: (external_prop_types_default()).number,
|
|
2103
|
+
onDragEnd: (external_prop_types_default()).func,
|
|
2104
|
+
onDragStart: (external_prop_types_default()).func,
|
|
2105
|
+
onKeyDown: (external_prop_types_default()).func,
|
|
2106
|
+
onRequestMoveRow: (external_prop_types_default()).func,
|
|
2107
|
+
rowSpan: (external_prop_types_default()).number,
|
|
2108
|
+
showRowGuideline: external_prop_types_default().oneOf(['none', 'before', 'after'])
|
|
2621
2109
|
};
|
|
2622
2110
|
var RowDragCell_defaultProps = {
|
|
2623
2111
|
showRowGuideline: 'none'
|
|
2624
2112
|
};
|
|
2625
2113
|
|
|
2626
|
-
var
|
|
2114
|
+
var RowDragCell = /*#__PURE__*/function (_Component) {
|
|
2627
2115
|
RowDragCell_inherits(RowDragCell, _Component);
|
|
2628
2116
|
|
|
2629
2117
|
var _super = RowDragCell_createSuper(RowDragCell);
|
|
@@ -2646,7 +2134,7 @@ var RowDragCell_RowDragCell = /*#__PURE__*/function (_Component) {
|
|
|
2646
2134
|
RowDragCell_defineProperty(RowDragCell_assertThisInitialized(_this), "handleDragStart", function (e) {
|
|
2647
2135
|
var _this$el, _this$el$textContent, _this$el2, _this$props$onDragSta, _this$props;
|
|
2648
2136
|
|
|
2649
|
-
var document =
|
|
2137
|
+
var document = getDocument();
|
|
2650
2138
|
e.stopPropagation();
|
|
2651
2139
|
|
|
2652
2140
|
if (e.dataTransfer.setDragImage && ((_this$el = _this.el) === null || _this$el === void 0 ? void 0 : _this$el.parentElement)) {
|
|
@@ -2692,7 +2180,7 @@ var RowDragCell_RowDragCell = /*#__PURE__*/function (_Component) {
|
|
|
2692
2180
|
index = _this$props3.index,
|
|
2693
2181
|
dataId = _this$props3.dataId,
|
|
2694
2182
|
onKeyDown = _this$props3.onKeyDown;
|
|
2695
|
-
var code =
|
|
2183
|
+
var code = (0,keyboard_namespaceObject.keycode)(e.nativeEvent);
|
|
2696
2184
|
|
|
2697
2185
|
if (code === 'up' || code === 'down') {
|
|
2698
2186
|
e.preventDefault();
|
|
@@ -2766,84 +2254,84 @@ var RowDragCell_RowDragCell = /*#__PURE__*/function (_Component) {
|
|
|
2766
2254
|
var _this$props5 = this.props,
|
|
2767
2255
|
showRowGuideline = _this$props5.showRowGuideline,
|
|
2768
2256
|
rowSpan = _this$props5.rowSpan;
|
|
2769
|
-
return /*#__PURE__*/external_react_default.
|
|
2257
|
+
return /*#__PURE__*/external_react_default().createElement(RowDragCellStyles_Styled, {
|
|
2770
2258
|
$align: "center",
|
|
2771
2259
|
"data-test": "drag",
|
|
2772
2260
|
$dragging: this.state.isDragging,
|
|
2773
2261
|
tabIndex: 0,
|
|
2774
2262
|
rowSpan: rowSpan,
|
|
2775
2263
|
onKeyDown: this.handleKeyDown
|
|
2776
|
-
}, showRowGuideline !== 'none' && /*#__PURE__*/external_react_default.
|
|
2264
|
+
}, showRowGuideline !== 'none' && /*#__PURE__*/external_react_default().createElement(RowDragCellStyles_StyledGuideLine, {
|
|
2777
2265
|
$position: showRowGuideline
|
|
2778
|
-
}), /*#__PURE__*/external_react_default.
|
|
2266
|
+
}), /*#__PURE__*/external_react_default().createElement(StyledDrag, {
|
|
2779
2267
|
draggable: true,
|
|
2780
2268
|
$draggable: true,
|
|
2781
2269
|
$dragging: this.state.isDragging || undefined,
|
|
2782
2270
|
onDragStart: this.handleDragStart,
|
|
2783
2271
|
onDragEnd: this.handleDragEnd,
|
|
2784
2272
|
ref: this.handleMount
|
|
2785
|
-
}, /*#__PURE__*/external_react_default.
|
|
2786
|
-
screenReaderContent:
|
|
2273
|
+
}, /*#__PURE__*/external_react_default().createElement(Table_DragHandle, {
|
|
2274
|
+
screenReaderContent: (0,i18n_namespaceObject._)('Press up or down arrow key to reorder the columns.')
|
|
2787
2275
|
})));
|
|
2788
2276
|
}
|
|
2789
2277
|
}]);
|
|
2790
2278
|
|
|
2791
2279
|
return RowDragCell;
|
|
2792
|
-
}(
|
|
2280
|
+
}(external_react_namespaceObject.Component);
|
|
2793
2281
|
|
|
2794
|
-
RowDragCell_defineProperty(
|
|
2282
|
+
RowDragCell_defineProperty(RowDragCell, "propTypes", RowDragCell_propTypes);
|
|
2795
2283
|
|
|
2796
|
-
RowDragCell_defineProperty(
|
|
2284
|
+
RowDragCell_defineProperty(RowDragCell, "defaultProps", RowDragCell_defaultProps);
|
|
2797
2285
|
|
|
2798
|
-
/* harmony default export */
|
|
2799
|
-
|
|
2286
|
+
/* harmony default export */ const Table_RowDragCell = (RowDragCell);
|
|
2287
|
+
;// CONCATENATED MODULE: ./src/Table/RowStyles.ts
|
|
2800
2288
|
|
|
2801
2289
|
|
|
2802
2290
|
|
|
2803
|
-
var StyledStripeNone = external_styled_components_default.
|
|
2291
|
+
var StyledStripeNone = external_styled_components_default().tr.withConfig({
|
|
2804
2292
|
displayName: "RowStyles__StyledStripeNone",
|
|
2805
2293
|
componentId: "f0igqq-0"
|
|
2806
|
-
})(["", " background-color:", ";", ";@media print{background-color:none;}", " ", ""],
|
|
2807
|
-
prisma:
|
|
2294
|
+
})(["", " background-color:", ";", ";@media print{background-color:none;}", " ", ""], themes_namespaceObject.mixins.reset('table-row'), (0,themes_namespaceObject.pick)({
|
|
2295
|
+
prisma: themes_namespaceObject.variables.transparent
|
|
2808
2296
|
}), function (_ref) {
|
|
2809
2297
|
var $clickable = _ref.$clickable;
|
|
2810
|
-
return $clickable &&
|
|
2298
|
+
return $clickable && (0,external_styled_components_namespaceObject.css)(["cursor:pointer;&:hover{background-color:", ";}&:focus{box-shadow:", ";}"], (0,themes_namespaceObject.pick)({
|
|
2811
2299
|
enterprise: {
|
|
2812
|
-
light:
|
|
2813
|
-
dark:
|
|
2300
|
+
light: themes_namespaceObject.variables.accentColorL50,
|
|
2301
|
+
dark: themes_namespaceObject.variables.accentColorD50
|
|
2814
2302
|
},
|
|
2815
|
-
prisma:
|
|
2816
|
-
}),
|
|
2303
|
+
prisma: themes_namespaceObject.variables.interactiveColorOverlayHover
|
|
2304
|
+
}), themes_namespaceObject.variables.focusShadowInset);
|
|
2817
2305
|
}, function (_ref2) {
|
|
2818
2306
|
var disabled = _ref2.disabled,
|
|
2819
2307
|
$expandable = _ref2.$expandable;
|
|
2820
|
-
return !disabled && !$expandable &&
|
|
2821
|
-
prisma:
|
|
2308
|
+
return !disabled && !$expandable && (0,external_styled_components_namespaceObject.css)(["&:not([data-expansion-row='true']){&:hover{background-color:", ";}}"], (0,themes_namespaceObject.pick)({
|
|
2309
|
+
prisma: themes_namespaceObject.variables.interactiveColorOverlayHover
|
|
2822
2310
|
}));
|
|
2823
2311
|
}, function (_ref3) {
|
|
2824
2312
|
var disabled = _ref3.disabled;
|
|
2825
|
-
return disabled &&
|
|
2826
|
-
prisma:
|
|
2313
|
+
return disabled && (0,external_styled_components_namespaceObject.css)(["color:", ";"], (0,themes_namespaceObject.pick)({
|
|
2314
|
+
prisma: themes_namespaceObject.variables.contentColorDisabled
|
|
2827
2315
|
}));
|
|
2828
2316
|
});
|
|
2829
2317
|
var StyledStripeOdd = external_styled_components_default()(StyledStripeNone).withConfig({
|
|
2830
2318
|
displayName: "RowStyles__StyledStripeOdd",
|
|
2831
2319
|
componentId: "f0igqq-1"
|
|
2832
|
-
})(["background-color:", ";"],
|
|
2320
|
+
})(["background-color:", ";"], (0,themes_namespaceObject.pick)({
|
|
2833
2321
|
enterprise: {
|
|
2834
|
-
dark:
|
|
2322
|
+
dark: themes_namespaceObject.variables.gray22
|
|
2835
2323
|
},
|
|
2836
|
-
prisma:
|
|
2324
|
+
prisma: themes_namespaceObject.variables.transparent
|
|
2837
2325
|
}));
|
|
2838
2326
|
var StyledStripeEven = external_styled_components_default()(StyledStripeNone).withConfig({
|
|
2839
2327
|
displayName: "RowStyles__StyledStripeEven",
|
|
2840
2328
|
componentId: "f0igqq-2"
|
|
2841
|
-
})(["background-color:", ";"],
|
|
2329
|
+
})(["background-color:", ";"], (0,themes_namespaceObject.pick)({
|
|
2842
2330
|
enterprise: {
|
|
2843
|
-
light:
|
|
2844
|
-
dark:
|
|
2331
|
+
light: themes_namespaceObject.variables.gray96,
|
|
2332
|
+
dark: themes_namespaceObject.variables.gray20
|
|
2845
2333
|
},
|
|
2846
|
-
prisma:
|
|
2334
|
+
prisma: themes_namespaceObject.variables.transparent
|
|
2847
2335
|
}));
|
|
2848
2336
|
var StyledCellSelectionDisabled = external_styled_components_default()(Table_Cell).withConfig({
|
|
2849
2337
|
displayName: "RowStyles__StyledCellSelectionDisabled",
|
|
@@ -2852,23 +2340,22 @@ var StyledCellSelectionDisabled = external_styled_components_default()(Table_Cel
|
|
|
2852
2340
|
var StyledCellExpansionDisabled = external_styled_components_default()(Table_Cell).withConfig({
|
|
2853
2341
|
displayName: "RowStyles__StyledCellExpansionDisabled",
|
|
2854
2342
|
componentId: "f0igqq-4"
|
|
2855
|
-
})(["width:", ";"],
|
|
2343
|
+
})(["width:", ";"], (0,themes_namespaceObject.pick)({
|
|
2856
2344
|
enterprise: '35px',
|
|
2857
2345
|
prisma: '40px'
|
|
2858
2346
|
}));
|
|
2859
2347
|
|
|
2860
|
-
|
|
2861
|
-
|
|
2862
|
-
var Switch_default = /*#__PURE__*/__webpack_require__.n(
|
|
2863
|
-
|
|
2864
|
-
// CONCATENATED MODULE: ./src/Table/ToggleStyles.ts
|
|
2348
|
+
;// CONCATENATED MODULE: external "@splunk/react-ui/Switch"
|
|
2349
|
+
const Switch_namespaceObject = require("@splunk/react-ui/Switch");
|
|
2350
|
+
var Switch_default = /*#__PURE__*/__webpack_require__.n(Switch_namespaceObject);
|
|
2351
|
+
;// CONCATENATED MODULE: ./src/Table/ToggleStyles.ts
|
|
2865
2352
|
|
|
2866
2353
|
|
|
2867
2354
|
|
|
2868
|
-
var StyledSwitch = external_styled_components_default()(Switch_default
|
|
2355
|
+
var StyledSwitch = external_styled_components_default()((Switch_default())).withConfig({
|
|
2869
2356
|
displayName: "ToggleStyles__StyledSwitch",
|
|
2870
2357
|
componentId: "sc-1x3ikch-0"
|
|
2871
|
-
})(["margin:", ";justify-content:center;"],
|
|
2358
|
+
})(["margin:", ";justify-content:center;"], (0,themes_namespaceObject.pickVariant)('$allRows', {
|
|
2872
2359
|
"true": {
|
|
2873
2360
|
enterprise: '-6px 0',
|
|
2874
2361
|
prisma: '-10px 0'
|
|
@@ -2876,7 +2363,7 @@ var StyledSwitch = external_styled_components_default()(Switch_default.a).withCo
|
|
|
2876
2363
|
"false": '-6px 0'
|
|
2877
2364
|
}));
|
|
2878
2365
|
|
|
2879
|
-
|
|
2366
|
+
;// CONCATENATED MODULE: ./src/Table/Toggle.tsx
|
|
2880
2367
|
function Toggle_extends() { Toggle_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 Toggle_extends.apply(this, arguments); }
|
|
2881
2368
|
|
|
2882
2369
|
function Toggle_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = Toggle_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; }
|
|
@@ -2888,10 +2375,10 @@ function Toggle_objectWithoutPropertiesLoose(source, excluded) { if (source == n
|
|
|
2888
2375
|
|
|
2889
2376
|
|
|
2890
2377
|
var Toggle_propTypes = {
|
|
2891
|
-
allRows: external_prop_types_default.
|
|
2892
|
-
disabled: external_prop_types_default.
|
|
2893
|
-
onClick: external_prop_types_default.
|
|
2894
|
-
selected: external_prop_types_default.
|
|
2378
|
+
allRows: (external_prop_types_default()).bool,
|
|
2379
|
+
disabled: (external_prop_types_default()).bool,
|
|
2380
|
+
onClick: (external_prop_types_default()).func,
|
|
2381
|
+
selected: external_prop_types_default().oneOf([true, false, 'some'])
|
|
2895
2382
|
};
|
|
2896
2383
|
|
|
2897
2384
|
function Toggle(_ref) {
|
|
@@ -2902,15 +2389,15 @@ function Toggle(_ref) {
|
|
|
2902
2389
|
selected = _ref$selected === void 0 ? false : _ref$selected,
|
|
2903
2390
|
otherProps = Toggle_objectWithoutProperties(_ref, ["allRows", "disabled", "selected"]);
|
|
2904
2391
|
|
|
2905
|
-
var ariaLabel = allRows ?
|
|
2392
|
+
var ariaLabel = allRows ? (0,i18n_namespaceObject._)('No rows selected') : (0,i18n_namespaceObject._)('Row unselected');
|
|
2906
2393
|
|
|
2907
2394
|
if (selected === 'some') {
|
|
2908
|
-
ariaLabel =
|
|
2395
|
+
ariaLabel = (0,i18n_namespaceObject._)('Some rows selected');
|
|
2909
2396
|
} else if (selected) {
|
|
2910
|
-
ariaLabel = allRows ?
|
|
2397
|
+
ariaLabel = allRows ? (0,i18n_namespaceObject._)('All rows selected') : (0,i18n_namespaceObject._)('Row selected');
|
|
2911
2398
|
}
|
|
2912
2399
|
|
|
2913
|
-
return /*#__PURE__*/external_react_default.
|
|
2400
|
+
return /*#__PURE__*/external_react_default().createElement(StyledSwitch, Toggle_extends({
|
|
2914
2401
|
$allRows: allRows
|
|
2915
2402
|
}, otherProps, {
|
|
2916
2403
|
interactive: false,
|
|
@@ -2918,15 +2405,15 @@ function Toggle(_ref) {
|
|
|
2918
2405
|
value: "",
|
|
2919
2406
|
selected: selected,
|
|
2920
2407
|
"aria-label": ariaLabel,
|
|
2921
|
-
selectedLabel: allRows ?
|
|
2922
|
-
unselectedLabel: allRows ?
|
|
2923
|
-
someSelectedLabel:
|
|
2408
|
+
selectedLabel: allRows ? (0,i18n_namespaceObject._)('All rows selected') : (0,i18n_namespaceObject._)('Row selected'),
|
|
2409
|
+
unselectedLabel: allRows ? (0,i18n_namespaceObject._)('No rows selected') : (0,i18n_namespaceObject._)('Row unselected'),
|
|
2410
|
+
someSelectedLabel: (0,i18n_namespaceObject._)('Some rows selected')
|
|
2924
2411
|
}));
|
|
2925
2412
|
}
|
|
2926
2413
|
|
|
2927
2414
|
Toggle.propTypes = Toggle_propTypes;
|
|
2928
|
-
/* harmony default export */
|
|
2929
|
-
|
|
2415
|
+
/* harmony default export */ const Table_Toggle = (Toggle);
|
|
2416
|
+
;// CONCATENATED MODULE: ./src/Table/Row.tsx
|
|
2930
2417
|
function Row_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { Row_typeof = function _typeof(obj) { return typeof obj; }; } else { Row_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return Row_typeof(obj); }
|
|
2931
2418
|
|
|
2932
2419
|
function Row_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = Row_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; }
|
|
@@ -2983,73 +2470,73 @@ var StyledStripeComponents = {
|
|
|
2983
2470
|
|
|
2984
2471
|
var Row_propTypes = {
|
|
2985
2472
|
/** @private. Generally passed by Table rather than added directly. */
|
|
2986
|
-
activeElementId: external_prop_types_default.
|
|
2987
|
-
actionPrimary: external_prop_types_default.
|
|
2988
|
-
actionsSecondary: external_prop_types_default.
|
|
2989
|
-
children: external_prop_types_default.
|
|
2990
|
-
data: external_prop_types_default.
|
|
2473
|
+
activeElementId: (external_prop_types_default()).string,
|
|
2474
|
+
actionPrimary: (external_prop_types_default()).element,
|
|
2475
|
+
actionsSecondary: (external_prop_types_default()).element,
|
|
2476
|
+
children: (external_prop_types_default()).node,
|
|
2477
|
+
data: (external_prop_types_default()).any,
|
|
2991
2478
|
|
|
2992
2479
|
/** @private. Generally passed by Table rather than added directly. */
|
|
2993
|
-
dataId: external_prop_types_default.
|
|
2994
|
-
disabled: external_prop_types_default.
|
|
2480
|
+
dataId: external_prop_types_default().oneOfType([(external_prop_types_default()).string, (external_prop_types_default()).number]),
|
|
2481
|
+
disabled: (external_prop_types_default()).bool,
|
|
2995
2482
|
|
|
2996
2483
|
/** @private. Generally passed by Table rather than added directly. */
|
|
2997
|
-
draggable: external_prop_types_default.
|
|
2998
|
-
elementRef: external_prop_types_default.
|
|
2484
|
+
draggable: (external_prop_types_default()).bool,
|
|
2485
|
+
elementRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
|
|
2999
2486
|
|
|
3000
2487
|
/** @private. */
|
|
3001
|
-
expandable: external_prop_types_default.
|
|
3002
|
-
expanded: external_prop_types_default.
|
|
3003
|
-
expansionRow: external_prop_types_default.
|
|
2488
|
+
expandable: (external_prop_types_default()).bool,
|
|
2489
|
+
expanded: (external_prop_types_default()).bool,
|
|
2490
|
+
expansionRow: external_prop_types_default().oneOfType([(external_prop_types_default()).element, external_prop_types_default().arrayOf((external_prop_types_default()).element)]),
|
|
3004
2491
|
|
|
3005
2492
|
/** @private. Indicates whether the table has an actions column. */
|
|
3006
|
-
actions: external_prop_types_default.
|
|
2493
|
+
actions: (external_prop_types_default()).bool,
|
|
3007
2494
|
|
|
3008
2495
|
/** @private. Generally passed by `Table` rather than added directly. */
|
|
3009
|
-
index: external_prop_types_default.
|
|
2496
|
+
index: (external_prop_types_default()).number,
|
|
3010
2497
|
|
|
3011
2498
|
/** @private. Generally passed by `Table` rather than added directly. */
|
|
3012
|
-
movableColumns: external_prop_types_default.
|
|
3013
|
-
onClick: external_prop_types_default.
|
|
2499
|
+
movableColumns: (external_prop_types_default()).bool,
|
|
2500
|
+
onClick: (external_prop_types_default()).func,
|
|
3014
2501
|
|
|
3015
2502
|
/** @private. Generally passed by `Table` rather than added directly. */
|
|
3016
|
-
onDragStart: external_prop_types_default.
|
|
3017
|
-
onExpansion: external_prop_types_default.
|
|
2503
|
+
onDragStart: (external_prop_types_default()).func,
|
|
2504
|
+
onExpansion: (external_prop_types_default()).func,
|
|
3018
2505
|
|
|
3019
2506
|
/** @private. This is passed through and works as expected. */
|
|
3020
|
-
onKeyDown: external_prop_types_default.
|
|
2507
|
+
onKeyDown: (external_prop_types_default()).func,
|
|
3021
2508
|
|
|
3022
2509
|
/** @private. Generally passed by `Table` rather than added directly. */
|
|
3023
|
-
onRequestMoveRow: external_prop_types_default.
|
|
3024
|
-
onRequestToggle: external_prop_types_default.
|
|
2510
|
+
onRequestMoveRow: (external_prop_types_default()).func,
|
|
2511
|
+
onRequestToggle: (external_prop_types_default()).func,
|
|
3025
2512
|
|
|
3026
2513
|
/** @private. Generally passed by `Table` rather than added directly. */
|
|
3027
|
-
primaryColumnIndex: external_prop_types_default.
|
|
3028
|
-
rowScreenReaderText: external_prop_types_default.
|
|
3029
|
-
selected: external_prop_types_default.
|
|
2514
|
+
primaryColumnIndex: (external_prop_types_default()).number,
|
|
2515
|
+
rowScreenReaderText: (external_prop_types_default()).string,
|
|
2516
|
+
selected: (external_prop_types_default()).bool,
|
|
3030
2517
|
|
|
3031
2518
|
/** @private. Generally passed by `Table` rather than added directly. */
|
|
3032
|
-
showRowGuideline: external_prop_types_default.
|
|
2519
|
+
showRowGuideline: external_prop_types_default().oneOf(['none', 'before', 'after']),
|
|
3033
2520
|
|
|
3034
2521
|
/** @private. */
|
|
3035
|
-
stripe: external_prop_types_default.
|
|
2522
|
+
stripe: external_prop_types_default().oneOf(['odd', 'even', 'none'])
|
|
3036
2523
|
};
|
|
3037
2524
|
var Row_defaultProps = {
|
|
3038
2525
|
stripe: 'none',
|
|
3039
2526
|
primaryColumnIndex: 0
|
|
3040
2527
|
};
|
|
3041
|
-
var ActionsSecondaryToggle = /*#__PURE__*/external_react_default.
|
|
3042
|
-
var _useSplunkTheme =
|
|
2528
|
+
var ActionsSecondaryToggle = /*#__PURE__*/external_react_default().forwardRef(function (props, ref) {
|
|
2529
|
+
var _useSplunkTheme = (0,themes_namespaceObject.useSplunkTheme)(),
|
|
3043
2530
|
isCompact = _useSplunkTheme.isCompact;
|
|
3044
2531
|
|
|
3045
2532
|
var prismaSize = isCompact ? '20px' : '24px';
|
|
3046
|
-
return /*#__PURE__*/external_react_default.
|
|
3047
|
-
content:
|
|
2533
|
+
return /*#__PURE__*/external_react_default().createElement((Tooltip_default()), Row_extends({
|
|
2534
|
+
content: (0,i18n_namespaceObject._)('Actions'),
|
|
3048
2535
|
contentRelationship: "label"
|
|
3049
|
-
}, props), /*#__PURE__*/external_react_default.
|
|
2536
|
+
}, props), /*#__PURE__*/external_react_default().createElement((Button_default()), {
|
|
3050
2537
|
appearance: "secondary",
|
|
3051
2538
|
"data-test": "actions-secondary-toggle",
|
|
3052
|
-
icon: /*#__PURE__*/external_react_default.
|
|
2539
|
+
icon: /*#__PURE__*/external_react_default().createElement((DotsThreeVertical_default()), {
|
|
3053
2540
|
height: prismaSize,
|
|
3054
2541
|
width: prismaSize
|
|
3055
2542
|
}),
|
|
@@ -3057,7 +2544,7 @@ var ActionsSecondaryToggle = /*#__PURE__*/external_react_default.a.forwardRef(fu
|
|
|
3057
2544
|
}));
|
|
3058
2545
|
});
|
|
3059
2546
|
|
|
3060
|
-
var
|
|
2547
|
+
var Row = /*#__PURE__*/function (_Component) {
|
|
3061
2548
|
Row_inherits(Row, _Component);
|
|
3062
2549
|
|
|
3063
2550
|
var _super = Row_createSuper(Row);
|
|
@@ -3105,7 +2592,7 @@ var Row_Row = /*#__PURE__*/function (_Component) {
|
|
|
3105
2592
|
onClick = _this$props2.onClick,
|
|
3106
2593
|
onKeyDown = _this$props2.onKeyDown;
|
|
3107
2594
|
|
|
3108
|
-
if (
|
|
2595
|
+
if ((0,keyboard_namespaceObject.keycode)(e.nativeEvent) === 'enter' && onClick) {
|
|
3109
2596
|
onClick(e, data);
|
|
3110
2597
|
}
|
|
3111
2598
|
|
|
@@ -3136,7 +2623,7 @@ var Row_Row = /*#__PURE__*/function (_Component) {
|
|
|
3136
2623
|
var actionPrimary = _this.props.actionPrimary;
|
|
3137
2624
|
|
|
3138
2625
|
if (actionPrimary && actionPrimary.props.onClick) {
|
|
3139
|
-
return /*#__PURE__*/
|
|
2626
|
+
return /*#__PURE__*/(0,external_react_namespaceObject.cloneElement)(actionPrimary, {
|
|
3140
2627
|
onClick: function onClick(e) {
|
|
3141
2628
|
var _actionPrimary$props$, _actionPrimary$props;
|
|
3142
2629
|
|
|
@@ -3153,10 +2640,10 @@ var Row_Row = /*#__PURE__*/function (_Component) {
|
|
|
3153
2640
|
var actionsSecondary = _this.props.actionsSecondary;
|
|
3154
2641
|
|
|
3155
2642
|
if (actionsSecondary && actionsSecondary.props.children) {
|
|
3156
|
-
var actions =
|
|
2643
|
+
var actions = external_react_namespaceObject.Children.toArray(actionsSecondary.props.children).filter(external_react_namespaceObject.isValidElement);
|
|
3157
2644
|
var clonedActions = actions.map(function (action) {
|
|
3158
2645
|
if (action.props.onClick) {
|
|
3159
|
-
return /*#__PURE__*/
|
|
2646
|
+
return /*#__PURE__*/(0,external_react_namespaceObject.cloneElement)(action, {
|
|
3160
2647
|
onClick: function onClick(e) {
|
|
3161
2648
|
var _action$props$onClick, _action$props;
|
|
3162
2649
|
|
|
@@ -3168,7 +2655,7 @@ var Row_Row = /*#__PURE__*/function (_Component) {
|
|
|
3168
2655
|
|
|
3169
2656
|
return action;
|
|
3170
2657
|
});
|
|
3171
|
-
return /*#__PURE__*/
|
|
2658
|
+
return /*#__PURE__*/(0,external_react_namespaceObject.cloneElement)(actionsSecondary, {
|
|
3172
2659
|
children: clonedActions
|
|
3173
2660
|
});
|
|
3174
2661
|
}
|
|
@@ -3177,7 +2664,7 @@ var Row_Row = /*#__PURE__*/function (_Component) {
|
|
|
3177
2664
|
});
|
|
3178
2665
|
|
|
3179
2666
|
Row_defineProperty(Row_assertThisInitialized(_this), "handleMount", function (el) {
|
|
3180
|
-
|
|
2667
|
+
updateReactRef(_this.props.elementRef, el);
|
|
3181
2668
|
_this.elementRef = el;
|
|
3182
2669
|
});
|
|
3183
2670
|
|
|
@@ -3216,13 +2703,13 @@ var Row_Row = /*#__PURE__*/function (_Component) {
|
|
|
3216
2703
|
stripe = _this$props5.stripe,
|
|
3217
2704
|
otherProps = Row_objectWithoutProperties(_this$props5, ["actions", "actionPrimary", "actionsSecondary", "activeElementId", "children", "dataId", "disabled", "draggable", "elementRef", "expandable", "expanded", "expansionRow", "index", "movableColumns", "onClick", "onDragStart", "onExpansion", "onRequestMoveRow", "onRequestToggle", "primaryColumnIndex", "rowScreenReaderText", "selected", "showRowGuideline", "stripe"]);
|
|
3218
2705
|
|
|
3219
|
-
var childrenCloned = !onClick ?
|
|
3220
|
-
return /*#__PURE__*/
|
|
2706
|
+
var childrenCloned = !onClick ? external_react_namespaceObject.Children.toArray(children).map(function (child) {
|
|
2707
|
+
return /*#__PURE__*/(0,external_react_namespaceObject.cloneElement)(child, {
|
|
3221
2708
|
disabled: disabled
|
|
3222
2709
|
});
|
|
3223
2710
|
}) // ensure consistent keys
|
|
3224
|
-
:
|
|
3225
|
-
return /*#__PURE__*/
|
|
2711
|
+
: external_react_namespaceObject.Children.toArray(children).filter(external_react_namespaceObject.isValidElement).map(function (child) {
|
|
2712
|
+
return /*#__PURE__*/(0,external_react_namespaceObject.cloneElement)(child, {
|
|
3226
2713
|
appearance: 'rowLink',
|
|
3227
2714
|
disabled: disabled
|
|
3228
2715
|
});
|
|
@@ -3243,15 +2730,15 @@ var Row_Row = /*#__PURE__*/function (_Component) {
|
|
|
3243
2730
|
if (false) {}
|
|
3244
2731
|
}
|
|
3245
2732
|
|
|
3246
|
-
var selectedString =
|
|
2733
|
+
var selectedString = (0,format_namespaceObject.sprintf)((0,i18n_namespaceObject._)('%(selected)s'), {
|
|
3247
2734
|
selected: selected ? 'selected' : 'unselected'
|
|
3248
2735
|
});
|
|
3249
2736
|
var StyledStripe = StyledStripeComponents[stripe];
|
|
3250
2737
|
var StyledCellToggle = disabled ? StyledCellSelectionDisabled : Table_Cell;
|
|
3251
|
-
var rowSpan = expanded ?
|
|
2738
|
+
var rowSpan = expanded ? external_react_namespaceObject.Children.count(expansionRow) + 1 : undefined;
|
|
3252
2739
|
var dataMovableColumn = movableColumns ? 'false' : undefined;
|
|
3253
|
-
var actionsSecondaryToggle = /*#__PURE__*/external_react_default.
|
|
3254
|
-
return /*#__PURE__*/external_react_default.
|
|
2740
|
+
var actionsSecondaryToggle = /*#__PURE__*/external_react_default().createElement(ActionsSecondaryToggle, null);
|
|
2741
|
+
return /*#__PURE__*/external_react_default().createElement(StyledStripe, Row_extends({
|
|
3255
2742
|
"data-test": "row",
|
|
3256
2743
|
"data-test-selected": onRequestToggle ? selected : undefined,
|
|
3257
2744
|
$clickable: !!onClick,
|
|
@@ -3264,7 +2751,7 @@ var Row_Row = /*#__PURE__*/function (_Component) {
|
|
|
3264
2751
|
onClick: onClick ? this.handleClick : undefined,
|
|
3265
2752
|
onKeyDown: this.handleKeyDown,
|
|
3266
2753
|
$rowSelected: !!(onRequestToggle && selected)
|
|
3267
|
-
}), draggable && /*#__PURE__*/external_react_default.
|
|
2754
|
+
}), draggable && /*#__PURE__*/external_react_default().createElement(Table_RowDragCell, {
|
|
3268
2755
|
activeElementId: activeElementId,
|
|
3269
2756
|
dataId: dataId,
|
|
3270
2757
|
"data-movable-column": dataMovableColumn,
|
|
@@ -3273,8 +2760,8 @@ var Row_Row = /*#__PURE__*/function (_Component) {
|
|
|
3273
2760
|
onDragStart: onDragStart,
|
|
3274
2761
|
rowSpan: rowSpan,
|
|
3275
2762
|
showRowGuideline: showRowGuideline
|
|
3276
|
-
}), onRequestToggle && /*#__PURE__*/external_react_default.
|
|
3277
|
-
"aria-label":
|
|
2763
|
+
}), onRequestToggle && /*#__PURE__*/external_react_default().createElement(StyledCellToggle, {
|
|
2764
|
+
"aria-label": (0,format_namespaceObject.sprintf)((0,i18n_namespaceObject._)('%(rowLabelValue)s %(selectedString)s'), {
|
|
3278
2765
|
rowLabelValue: rowLabelValue,
|
|
3279
2766
|
selectedString: selectedString
|
|
3280
2767
|
}),
|
|
@@ -3286,84 +2773,84 @@ var Row_Row = /*#__PURE__*/function (_Component) {
|
|
|
3286
2773
|
rowSpan: rowSpan,
|
|
3287
2774
|
role: "checkbox",
|
|
3288
2775
|
"aria-checked": selected
|
|
3289
|
-
}, /*#__PURE__*/external_react_default.
|
|
2776
|
+
}, /*#__PURE__*/external_react_default().createElement(Table_Toggle, {
|
|
3290
2777
|
disabled: disabled,
|
|
3291
2778
|
selected: selected
|
|
3292
|
-
})), expandable && expansionRow && /*#__PURE__*/external_react_default.
|
|
2779
|
+
})), expandable && expansionRow && /*#__PURE__*/external_react_default().createElement(Table_Cell, {
|
|
3293
2780
|
align: "center",
|
|
3294
2781
|
appearance: "data",
|
|
3295
2782
|
"aria-expanded": expanded,
|
|
3296
|
-
"aria-label":
|
|
2783
|
+
"aria-label": (0,i18n_namespaceObject._)('Expandable row'),
|
|
3297
2784
|
"data-movable-column": dataMovableColumn,
|
|
3298
2785
|
"data-test": "expand",
|
|
3299
2786
|
expand: expanded,
|
|
3300
2787
|
onClick: this.handleExpansion,
|
|
3301
2788
|
rowSpan: rowSpan,
|
|
3302
2789
|
variant: "expand"
|
|
3303
|
-
}, /*#__PURE__*/external_react_default.
|
|
2790
|
+
}, /*#__PURE__*/external_react_default().createElement(icons_ExpansionRow, {
|
|
3304
2791
|
expanded: expanded
|
|
3305
|
-
})), expandable && !expansionRow && /*#__PURE__*/external_react_default.
|
|
2792
|
+
})), expandable && !expansionRow && /*#__PURE__*/external_react_default().createElement(StyledCellExpansionDisabled, {
|
|
3306
2793
|
variant: "expand",
|
|
3307
2794
|
"data-movable-column": dataMovableColumn
|
|
3308
|
-
}), childrenCloned, actions && !actionPrimary && !actionsSecondary && /*#__PURE__*/external_react_default.
|
|
2795
|
+
}), childrenCloned, actions && !actionPrimary && !actionsSecondary && /*#__PURE__*/external_react_default().createElement(Table_Cell, {
|
|
3309
2796
|
align: "right",
|
|
3310
2797
|
appearance: disabled ? 'data' : 'rowLink',
|
|
3311
2798
|
"data-test": "row-actions",
|
|
3312
2799
|
variant: "actions",
|
|
3313
2800
|
"data-movable-column": dataMovableColumn
|
|
3314
|
-
}), (actionPrimary || actionsSecondary) && /*#__PURE__*/external_react_default.
|
|
2801
|
+
}), (actionPrimary || actionsSecondary) && /*#__PURE__*/external_react_default().createElement(Table_Cell, {
|
|
3315
2802
|
align: "right",
|
|
3316
2803
|
appearance: "rowLink",
|
|
3317
2804
|
"data-test": "row-actions",
|
|
3318
2805
|
variant: "actions",
|
|
3319
2806
|
"data-movable-column": dataMovableColumn
|
|
3320
|
-
}, actionPrimary && this.renderActionPrimary(), actionsSecondary && /*#__PURE__*/external_react_default.
|
|
2807
|
+
}, actionPrimary && this.renderActionPrimary(), actionsSecondary && /*#__PURE__*/external_react_default().createElement((Dropdown_default()), {
|
|
3321
2808
|
toggle: actionsSecondaryToggle
|
|
3322
2809
|
}, this.renderActionsSecondary())));
|
|
3323
2810
|
}
|
|
3324
2811
|
}]);
|
|
3325
2812
|
|
|
3326
2813
|
return Row;
|
|
3327
|
-
}(
|
|
2814
|
+
}(external_react_namespaceObject.Component);
|
|
3328
2815
|
|
|
3329
|
-
Row_defineProperty(
|
|
2816
|
+
Row_defineProperty(Row, "splunkUiType", 'Table.Row');
|
|
3330
2817
|
|
|
3331
|
-
Row_defineProperty(
|
|
2818
|
+
Row_defineProperty(Row, "propTypes", Row_propTypes);
|
|
3332
2819
|
|
|
3333
|
-
Row_defineProperty(
|
|
2820
|
+
Row_defineProperty(Row, "defaultProps", Row_defaultProps);
|
|
3334
2821
|
|
|
3335
|
-
/* harmony default export */
|
|
3336
|
-
|
|
2822
|
+
/* harmony default export */ const Table_Row = (Row);
|
|
2823
|
+
;// CONCATENATED MODULE: ./src/Table/HeadStyles.ts
|
|
3337
2824
|
|
|
3338
2825
|
|
|
3339
2826
|
|
|
3340
|
-
var HeadStyles_Styled = external_styled_components_default.
|
|
2827
|
+
var HeadStyles_Styled = external_styled_components_default().thead.withConfig({
|
|
3341
2828
|
displayName: "HeadStyles__Styled",
|
|
3342
2829
|
componentId: "iap21t-0"
|
|
3343
|
-
})(["", ";"],
|
|
2830
|
+
})(["", ";"], themes_namespaceObject.mixins.reset('table-header-group'));
|
|
3344
2831
|
var StyledToggleAll = external_styled_components_default()(Table_HeadCell).withConfig({
|
|
3345
2832
|
displayName: "HeadStyles__StyledToggleAll",
|
|
3346
2833
|
componentId: "iap21t-1"
|
|
3347
|
-
})(["width:", ";"],
|
|
2834
|
+
})(["width:", ";"], (0,themes_namespaceObject.pick)({
|
|
3348
2835
|
enterprise: '42px',
|
|
3349
2836
|
prisma: '40px'
|
|
3350
2837
|
}));
|
|
3351
2838
|
var StyledInfo = external_styled_components_default()(Table_HeadCell).withConfig({
|
|
3352
2839
|
displayName: "HeadStyles__StyledInfo",
|
|
3353
2840
|
componentId: "iap21t-2"
|
|
3354
|
-
})(["width:", ";"],
|
|
2841
|
+
})(["width:", ";"], (0,themes_namespaceObject.pick)({
|
|
3355
2842
|
enterprise: '32px',
|
|
3356
2843
|
prisma: '40px'
|
|
3357
2844
|
}));
|
|
3358
2845
|
var StyledDragRow = external_styled_components_default()(Table_HeadCell).withConfig({
|
|
3359
2846
|
displayName: "HeadStyles__StyledDragRow",
|
|
3360
2847
|
componentId: "iap21t-3"
|
|
3361
|
-
})(["width:", ";"],
|
|
2848
|
+
})(["width:", ";"], (0,themes_namespaceObject.pick)({
|
|
3362
2849
|
enterprise: '32px',
|
|
3363
2850
|
prisma: '40px'
|
|
3364
2851
|
}));
|
|
3365
2852
|
|
|
3366
|
-
|
|
2853
|
+
;// CONCATENATED MODULE: ./src/Table/Head.tsx
|
|
3367
2854
|
function Head_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { Head_typeof = function _typeof(obj) { return typeof obj; }; } else { Head_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return Head_typeof(obj); }
|
|
3368
2855
|
|
|
3369
2856
|
function Head_extends() { Head_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 Head_extends.apply(this, arguments); }
|
|
@@ -3405,42 +2892,42 @@ function Head_defineProperty(obj, key, value) { if (key in obj) { Object.defineP
|
|
|
3405
2892
|
|
|
3406
2893
|
var Head_propTypes = {
|
|
3407
2894
|
/** @private. */
|
|
3408
|
-
actions: external_prop_types_default.
|
|
2895
|
+
actions: external_prop_types_default().arrayOf((external_prop_types_default()).node),
|
|
3409
2896
|
|
|
3410
2897
|
/** @private. */
|
|
3411
|
-
actionsColumnWidth: external_prop_types_default.
|
|
3412
|
-
children: external_prop_types_default.
|
|
2898
|
+
actionsColumnWidth: (external_prop_types_default()).number,
|
|
2899
|
+
children: (external_prop_types_default()).node,
|
|
3413
2900
|
|
|
3414
2901
|
/** @private. */
|
|
3415
|
-
dragPosition: external_prop_types_default.
|
|
2902
|
+
dragPosition: (external_prop_types_default()).number,
|
|
3416
2903
|
|
|
3417
2904
|
/** @private. */
|
|
3418
|
-
dragIndex: external_prop_types_default.
|
|
3419
|
-
elementRef: external_prop_types_default.
|
|
2905
|
+
dragIndex: (external_prop_types_default()).number,
|
|
2906
|
+
elementRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
|
|
3420
2907
|
|
|
3421
2908
|
/** @private. */
|
|
3422
|
-
hasDragColumn: external_prop_types_default.
|
|
2909
|
+
hasDragColumn: (external_prop_types_default()).bool,
|
|
3423
2910
|
|
|
3424
2911
|
/** @private. */
|
|
3425
|
-
hasInfoColumn: external_prop_types_default.
|
|
2912
|
+
hasInfoColumn: (external_prop_types_default()).bool,
|
|
3426
2913
|
|
|
3427
2914
|
/** @private. */
|
|
3428
|
-
onAutosizeColumn: external_prop_types_default.
|
|
2915
|
+
onAutosizeColumn: (external_prop_types_default()).func,
|
|
3429
2916
|
|
|
3430
2917
|
/** @private. */
|
|
3431
|
-
onDragStart: external_prop_types_default.
|
|
2918
|
+
onDragStart: (external_prop_types_default()).func,
|
|
3432
2919
|
|
|
3433
2920
|
/** @private. */
|
|
3434
|
-
onRequestMoveColumn: external_prop_types_default.
|
|
2921
|
+
onRequestMoveColumn: (external_prop_types_default()).func,
|
|
3435
2922
|
|
|
3436
2923
|
/** @private. */
|
|
3437
|
-
onRequestResizeColumn: external_prop_types_default.
|
|
2924
|
+
onRequestResizeColumn: (external_prop_types_default()).func,
|
|
3438
2925
|
|
|
3439
2926
|
/** @private. */
|
|
3440
|
-
onRequestToggleAllRows: external_prop_types_default.
|
|
2927
|
+
onRequestToggleAllRows: (external_prop_types_default()).func,
|
|
3441
2928
|
|
|
3442
2929
|
/** @private. */
|
|
3443
|
-
rowSelection: external_prop_types_default.
|
|
2930
|
+
rowSelection: external_prop_types_default().oneOf(['all', 'some', 'none'])
|
|
3444
2931
|
};
|
|
3445
2932
|
var Head_defaultProps = {
|
|
3446
2933
|
actions: []
|
|
@@ -3449,7 +2936,7 @@ var columnOneIndexOffset = 3;
|
|
|
3449
2936
|
var columnTwoIndexOffset = 2;
|
|
3450
2937
|
var columnThreeIndexOffset = 1;
|
|
3451
2938
|
|
|
3452
|
-
var
|
|
2939
|
+
var Head = /*#__PURE__*/function (_Component) {
|
|
3453
2940
|
Head_inherits(Head, _Component);
|
|
3454
2941
|
|
|
3455
2942
|
var _super = Head_createSuper(Head);
|
|
@@ -3471,7 +2958,7 @@ var Head_Head = /*#__PURE__*/function (_Component) {
|
|
|
3471
2958
|
fromIndex = _ref.fromIndex,
|
|
3472
2959
|
toIndex = _ref.toIndex;
|
|
3473
2960
|
|
|
3474
|
-
if (toIndex <
|
|
2961
|
+
if (toIndex < external_react_namespaceObject.Children.toArray(_this.props.children).length) {
|
|
3475
2962
|
var _this$props$onRequest, _this$props;
|
|
3476
2963
|
|
|
3477
2964
|
// HeadCell never requests less than zero
|
|
@@ -3485,13 +2972,13 @@ var Head_Head = /*#__PURE__*/function (_Component) {
|
|
|
3485
2972
|
|
|
3486
2973
|
Head_defineProperty(Head_assertThisInitialized(_this), "handleMount", function (el) {
|
|
3487
2974
|
_this.el = el;
|
|
3488
|
-
|
|
2975
|
+
updateReactRef(_this.props.elementRef, el);
|
|
3489
2976
|
});
|
|
3490
2977
|
|
|
3491
2978
|
Head_defineProperty(Head_assertThisInitialized(_this), "handleDragStart", function (dragIndex, dragColumnId) {
|
|
3492
2979
|
var _this$props$onDragSta, _this$props2;
|
|
3493
2980
|
|
|
3494
|
-
var window =
|
|
2981
|
+
var window = getWindow();
|
|
3495
2982
|
|
|
3496
2983
|
_this.setState({
|
|
3497
2984
|
dragColumnId: dragColumnId
|
|
@@ -3550,7 +3037,7 @@ var Head_Head = /*#__PURE__*/function (_Component) {
|
|
|
3550
3037
|
value: function getCellWidths() {
|
|
3551
3038
|
var _this$el$firstElement, _this$el, _this$el$firstElement2;
|
|
3552
3039
|
|
|
3553
|
-
var window =
|
|
3040
|
+
var window = getWindow();
|
|
3554
3041
|
var headRowCells = Array.from((_this$el$firstElement = (_this$el = this.el) === null || _this$el === void 0 ? void 0 : (_this$el$firstElement2 = _this$el.firstElementChild) === null || _this$el$firstElement2 === void 0 ? void 0 : _this$el$firstElement2.children) !== null && _this$el$firstElement !== void 0 ? _this$el$firstElement : []);
|
|
3555
3042
|
var result = headRowCells.map(function (el) {
|
|
3556
3043
|
var computedStyle = window.getComputedStyle(el);
|
|
@@ -3607,7 +3094,7 @@ var Head_Head = /*#__PURE__*/function (_Component) {
|
|
|
3607
3094
|
}, {
|
|
3608
3095
|
key: "cleanupDrag",
|
|
3609
3096
|
value: function cleanupDrag() {
|
|
3610
|
-
var window =
|
|
3097
|
+
var window = getWindow();
|
|
3611
3098
|
window.removeEventListener('dragend', this.handleDragEnd);
|
|
3612
3099
|
this.cells = undefined;
|
|
3613
3100
|
}
|
|
@@ -3629,7 +3116,7 @@ var Head_Head = /*#__PURE__*/function (_Component) {
|
|
|
3629
3116
|
rowSelection = _this$props5.rowSelection;
|
|
3630
3117
|
var headType = this.context.headType;
|
|
3631
3118
|
var guidelineIndex = this.calculateGuideIndex();
|
|
3632
|
-
var validChildren =
|
|
3119
|
+
var validChildren = external_react_namespaceObject.Children.toArray(children).filter(external_react_namespaceObject.isValidElement);
|
|
3633
3120
|
var minimumIndex = validChildren.length + (actions.length || actionsColumnWidth ? 1 : 0);
|
|
3634
3121
|
var clonedChildren = validChildren.map(function (child, index, original) {
|
|
3635
3122
|
var showGuideline = 'none';
|
|
@@ -3640,7 +3127,7 @@ var Head_Head = /*#__PURE__*/function (_Component) {
|
|
|
3640
3127
|
showGuideline = 'before';
|
|
3641
3128
|
}
|
|
3642
3129
|
|
|
3643
|
-
return /*#__PURE__*/
|
|
3130
|
+
return /*#__PURE__*/(0,external_react_namespaceObject.cloneElement)(child, {
|
|
3644
3131
|
index: index,
|
|
3645
3132
|
showGuideline: showGuideline,
|
|
3646
3133
|
onRequestResize: onRequestResizeColumn,
|
|
@@ -3660,16 +3147,16 @@ var Head_Head = /*#__PURE__*/function (_Component) {
|
|
|
3660
3147
|
var ariaChecked = toggleState === 'some' ? 'mixed' : toggleState;
|
|
3661
3148
|
var defaultActionsColumnWidth = actionsColumnWidth || 48;
|
|
3662
3149
|
var testHookValue = headType === 'fixed' ? 'fixed-head' : 'head';
|
|
3663
|
-
return /*#__PURE__*/external_react_default.
|
|
3150
|
+
return /*#__PURE__*/external_react_default().createElement(HeadStyles_Styled, Head_extends({
|
|
3664
3151
|
ref: this.handleMount,
|
|
3665
3152
|
"data-test": testHookValue
|
|
3666
|
-
}, omit_default()(this.props, keys_default()(Head.propTypes))), /*#__PURE__*/external_react_default.
|
|
3153
|
+
}, omit_default()(this.props, keys_default()(Head.propTypes))), /*#__PURE__*/external_react_default().createElement(Table_Row, null, hasDragColumn && /*#__PURE__*/external_react_default().createElement(StyledDragRow, {
|
|
3667
3154
|
key: "drag_rows_head_cell",
|
|
3668
3155
|
"data-test": "drag-rows-head-cell",
|
|
3669
3156
|
align: "center",
|
|
3670
3157
|
resizable: false,
|
|
3671
3158
|
zIndex: minimumIndex + columnOneIndexOffset
|
|
3672
|
-
}), onRequestToggleAllRows && /*#__PURE__*/external_react_default.
|
|
3159
|
+
}), onRequestToggleAllRows && /*#__PURE__*/external_react_default().createElement(StyledToggleAll, {
|
|
3673
3160
|
key: "toggle_all",
|
|
3674
3161
|
"data-test": "toggle-all",
|
|
3675
3162
|
resizable: false,
|
|
@@ -3680,17 +3167,17 @@ var Head_Head = /*#__PURE__*/function (_Component) {
|
|
|
3680
3167
|
role: "checkbox",
|
|
3681
3168
|
"aria-checked": ariaChecked,
|
|
3682
3169
|
zIndex: minimumIndex + columnTwoIndexOffset
|
|
3683
|
-
}, /*#__PURE__*/external_react_default.
|
|
3170
|
+
}, /*#__PURE__*/external_react_default().createElement(Table_Toggle, {
|
|
3684
3171
|
selected: toggleState,
|
|
3685
3172
|
allRows: true
|
|
3686
|
-
})), hasInfoColumn && /*#__PURE__*/external_react_default.
|
|
3173
|
+
})), hasInfoColumn && /*#__PURE__*/external_react_default().createElement(StyledInfo, {
|
|
3687
3174
|
key: "more_info_head_cell",
|
|
3688
3175
|
"data-test": "more-info-head-cell",
|
|
3689
3176
|
align: "center",
|
|
3690
3177
|
resizable: false,
|
|
3691
3178
|
variant: "info",
|
|
3692
3179
|
zIndex: minimumIndex + columnThreeIndexOffset
|
|
3693
|
-
}, /*#__PURE__*/external_react_default.
|
|
3180
|
+
}, /*#__PURE__*/external_react_default().createElement(HeadExpandRows, null)), clonedChildren, actions.length > 0 && /*#__PURE__*/external_react_default().createElement(Table_HeadCell, {
|
|
3694
3181
|
hasActionsHead: true,
|
|
3695
3182
|
key: "actions_head_cell",
|
|
3696
3183
|
"data-test": "actions-head-cell",
|
|
@@ -3702,7 +3189,7 @@ var Head_Head = /*#__PURE__*/function (_Component) {
|
|
|
3702
3189
|
},
|
|
3703
3190
|
variant: "actions",
|
|
3704
3191
|
zIndex: 1
|
|
3705
|
-
}, actions), actions.length === 0 && actionsColumnWidth && /*#__PURE__*/external_react_default.
|
|
3192
|
+
}, actions), actions.length === 0 && actionsColumnWidth && /*#__PURE__*/external_react_default().createElement(Table_HeadCell, {
|
|
3706
3193
|
key: "actions_head_cell",
|
|
3707
3194
|
"data-test": "actions-head-cell",
|
|
3708
3195
|
align: "right",
|
|
@@ -3723,33 +3210,29 @@ var Head_Head = /*#__PURE__*/function (_Component) {
|
|
|
3723
3210
|
}]);
|
|
3724
3211
|
|
|
3725
3212
|
return Head;
|
|
3726
|
-
}(
|
|
3727
|
-
|
|
3728
|
-
Head_defineProperty(Head_Head, "contextType", Table_TableContext);
|
|
3729
|
-
|
|
3730
|
-
Head_defineProperty(Head_Head, "splunkUiType", 'Table.Head');
|
|
3213
|
+
}(external_react_namespaceObject.Component);
|
|
3731
3214
|
|
|
3732
|
-
Head_defineProperty(
|
|
3215
|
+
Head_defineProperty(Head, "contextType", Table_TableContext);
|
|
3733
3216
|
|
|
3734
|
-
Head_defineProperty(
|
|
3217
|
+
Head_defineProperty(Head, "splunkUiType", 'Table.Head');
|
|
3735
3218
|
|
|
3736
|
-
|
|
3737
|
-
// EXTERNAL MODULE: external "lodash/isFinite"
|
|
3738
|
-
var isFinite_ = __webpack_require__(19);
|
|
3739
|
-
var isFinite_default = /*#__PURE__*/__webpack_require__.n(isFinite_);
|
|
3219
|
+
Head_defineProperty(Head, "propTypes", Head_propTypes);
|
|
3740
3220
|
|
|
3741
|
-
|
|
3742
|
-
var isFunction_ = __webpack_require__(69);
|
|
3743
|
-
var isFunction_default = /*#__PURE__*/__webpack_require__.n(isFunction_);
|
|
3221
|
+
Head_defineProperty(Head, "defaultProps", Head_defaultProps);
|
|
3744
3222
|
|
|
3745
|
-
|
|
3746
|
-
|
|
3747
|
-
|
|
3748
|
-
|
|
3749
|
-
|
|
3750
|
-
|
|
3751
|
-
|
|
3752
|
-
|
|
3223
|
+
/* harmony default export */ const Table_Head = (Head);
|
|
3224
|
+
;// CONCATENATED MODULE: external "lodash/isFinite"
|
|
3225
|
+
const isFinite_namespaceObject = require("lodash/isFinite");
|
|
3226
|
+
var isFinite_default = /*#__PURE__*/__webpack_require__.n(isFinite_namespaceObject);
|
|
3227
|
+
;// CONCATENATED MODULE: external "lodash/isFunction"
|
|
3228
|
+
const isFunction_namespaceObject = require("lodash/isFunction");
|
|
3229
|
+
var isFunction_default = /*#__PURE__*/__webpack_require__.n(isFunction_namespaceObject);
|
|
3230
|
+
;// CONCATENATED MODULE: external "@splunk/ui-utils/id"
|
|
3231
|
+
const id_namespaceObject = require("@splunk/ui-utils/id");
|
|
3232
|
+
;// CONCATENATED MODULE: external "@splunk/react-ui/Popover"
|
|
3233
|
+
const Popover_namespaceObject = require("@splunk/react-ui/Popover");
|
|
3234
|
+
var Popover_default = /*#__PURE__*/__webpack_require__.n(Popover_namespaceObject);
|
|
3235
|
+
;// CONCATENATED MODULE: ./src/Table/HeadDropdownCell.tsx
|
|
3753
3236
|
function HeadDropdownCell_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { HeadDropdownCell_typeof = function _typeof(obj) { return typeof obj; }; } else { HeadDropdownCell_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return HeadDropdownCell_typeof(obj); }
|
|
3754
3237
|
|
|
3755
3238
|
function HeadDropdownCell_extends() { HeadDropdownCell_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 HeadDropdownCell_extends.apply(this, arguments); }
|
|
@@ -3807,60 +3290,60 @@ function HeadDropdownCell_defineProperty(obj, key, value) { if (key in obj) { Ob
|
|
|
3807
3290
|
|
|
3808
3291
|
var possibleCloseReasons = ['clickAway', 'contentClick', 'escapeKey', 'offScreen', 'tabKey', 'toggleClick'];
|
|
3809
3292
|
var HeadDropdownCell_propTypes = {
|
|
3810
|
-
align: external_prop_types_default.
|
|
3811
|
-
canCoverHead: external_prop_types_default.
|
|
3812
|
-
children: external_prop_types_default.
|
|
3813
|
-
closeReasons: external_prop_types_default.
|
|
3814
|
-
columnId: external_prop_types_default.
|
|
3815
|
-
defaultPlacement: external_prop_types_default.
|
|
3816
|
-
elementRef: external_prop_types_default.
|
|
3817
|
-
focusToggleReasons: external_prop_types_default.
|
|
3293
|
+
align: external_prop_types_default().oneOf(['left', 'center', 'right']),
|
|
3294
|
+
canCoverHead: (external_prop_types_default()).bool,
|
|
3295
|
+
children: (external_prop_types_default()).node.isRequired,
|
|
3296
|
+
closeReasons: external_prop_types_default().arrayOf(external_prop_types_default().oneOf(possibleCloseReasons)),
|
|
3297
|
+
columnId: (external_prop_types_default()).any,
|
|
3298
|
+
defaultPlacement: external_prop_types_default().oneOf(['above', 'below', 'left', 'right', 'vertical', 'horizontal']),
|
|
3299
|
+
elementRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
|
|
3300
|
+
focusToggleReasons: external_prop_types_default().arrayOf(external_prop_types_default().oneOf(possibleCloseReasons)),
|
|
3818
3301
|
|
|
3819
3302
|
/** @private The index of the cell, skipping the info column. */
|
|
3820
|
-
index: external_prop_types_default.
|
|
3821
|
-
label: external_prop_types_default.
|
|
3303
|
+
index: (external_prop_types_default()).number,
|
|
3304
|
+
label: (external_prop_types_default()).node,
|
|
3822
3305
|
|
|
3823
3306
|
/** @private. */
|
|
3824
|
-
onAutosizeColumn: external_prop_types_default.
|
|
3307
|
+
onAutosizeColumn: (external_prop_types_default()).func,
|
|
3825
3308
|
|
|
3826
3309
|
/** @private. */
|
|
3827
|
-
onDragStart: external_prop_types_default.
|
|
3310
|
+
onDragStart: (external_prop_types_default()).func,
|
|
3828
3311
|
|
|
3829
3312
|
/**
|
|
3830
3313
|
* @private. This will be passed through, and will work as expected.
|
|
3831
3314
|
*/
|
|
3832
|
-
onKeyDown: external_prop_types_default.
|
|
3833
|
-
onRequestClose: external_prop_types_default.
|
|
3315
|
+
onKeyDown: (external_prop_types_default()).func,
|
|
3316
|
+
onRequestClose: (external_prop_types_default()).func,
|
|
3834
3317
|
|
|
3835
3318
|
/** @private. */
|
|
3836
|
-
onRequestMoveColumn: external_prop_types_default.
|
|
3837
|
-
onRequestOpen: external_prop_types_default.
|
|
3319
|
+
onRequestMoveColumn: (external_prop_types_default()).func,
|
|
3320
|
+
onRequestOpen: (external_prop_types_default()).func,
|
|
3838
3321
|
|
|
3839
3322
|
/** @private. */
|
|
3840
|
-
onRequestResize: external_prop_types_default.
|
|
3841
|
-
open: external_prop_types_default.
|
|
3842
|
-
repositionMode: external_prop_types_default.
|
|
3843
|
-
resizable: external_prop_types_default.
|
|
3844
|
-
retainFocus: external_prop_types_default.
|
|
3323
|
+
onRequestResize: (external_prop_types_default()).func,
|
|
3324
|
+
open: (external_prop_types_default()).bool,
|
|
3325
|
+
repositionMode: external_prop_types_default().oneOf(['none', 'flip', 'any']),
|
|
3326
|
+
resizable: (external_prop_types_default()).bool,
|
|
3327
|
+
retainFocus: (external_prop_types_default()).bool,
|
|
3845
3328
|
|
|
3846
3329
|
/** @private. */
|
|
3847
|
-
showGuideline: external_prop_types_default.
|
|
3848
|
-
takeFocus: external_prop_types_default.
|
|
3849
|
-
truncate: external_prop_types_default.
|
|
3330
|
+
showGuideline: external_prop_types_default().oneOf(['none', 'before', 'after']),
|
|
3331
|
+
takeFocus: (external_prop_types_default()).bool,
|
|
3332
|
+
truncate: (external_prop_types_default()).bool,
|
|
3850
3333
|
|
|
3851
3334
|
/**
|
|
3852
3335
|
* @private
|
|
3853
3336
|
* Used internally to suppress focus when this `HeadDropdownCell` is superseded by one in an
|
|
3854
3337
|
* overlaid `HeadTable` for user interactions.
|
|
3855
3338
|
*/
|
|
3856
|
-
visible: external_prop_types_default.
|
|
3857
|
-
width: external_prop_types_default.
|
|
3339
|
+
visible: (external_prop_types_default()).bool,
|
|
3340
|
+
width: (external_prop_types_default()).number,
|
|
3858
3341
|
|
|
3859
3342
|
/** @private. */
|
|
3860
|
-
variant: external_prop_types_default.
|
|
3343
|
+
variant: external_prop_types_default().oneOf(['toggleAll', 'info', 'actions']),
|
|
3861
3344
|
|
|
3862
3345
|
/** @private. */
|
|
3863
|
-
zIndex: external_prop_types_default.
|
|
3346
|
+
zIndex: (external_prop_types_default()).number
|
|
3864
3347
|
};
|
|
3865
3348
|
var HeadDropdownCell_defaultProps = {
|
|
3866
3349
|
align: 'left',
|
|
@@ -3877,7 +3360,7 @@ var HeadDropdownCell_defaultProps = {
|
|
|
3877
3360
|
zIndex: 1
|
|
3878
3361
|
};
|
|
3879
3362
|
|
|
3880
|
-
var
|
|
3363
|
+
var HeadDropdownCell = /*#__PURE__*/function (_Component) {
|
|
3881
3364
|
HeadDropdownCell_inherits(HeadDropdownCell, _Component);
|
|
3882
3365
|
|
|
3883
3366
|
var _super = HeadDropdownCell_createSuper(HeadDropdownCell);
|
|
@@ -3907,7 +3390,7 @@ var HeadDropdownCell_HeadDropdownCell = /*#__PURE__*/function (_Component) {
|
|
|
3907
3390
|
el: el
|
|
3908
3391
|
});
|
|
3909
3392
|
|
|
3910
|
-
|
|
3393
|
+
updateReactRef(_this.props.elementRef, el);
|
|
3911
3394
|
});
|
|
3912
3395
|
|
|
3913
3396
|
HeadDropdownCell_defineProperty(HeadDropdownCell_assertThisInitialized(_this), "handleRequestClose", function (_ref) {
|
|
@@ -3997,15 +3480,15 @@ var HeadDropdownCell_HeadDropdownCell = /*#__PURE__*/function (_Component) {
|
|
|
3997
3480
|
onRequestMoveColumn = _this$props4.onRequestMoveColumn;
|
|
3998
3481
|
|
|
3999
3482
|
if (e.target.getAttribute('data-test') !== 'resize') {
|
|
4000
|
-
if (
|
|
3483
|
+
if ((0,keyboard_namespaceObject.keycode)(e.nativeEvent) === 'enter') {
|
|
4001
3484
|
_this.handleClick(e);
|
|
4002
|
-
} else if (
|
|
3485
|
+
} else if ((0,keyboard_namespaceObject.keycode)(e.nativeEvent) === 'left' && index !== undefined && index > 0) {
|
|
4003
3486
|
onRequestMoveColumn === null || onRequestMoveColumn === void 0 ? void 0 : onRequestMoveColumn({
|
|
4004
3487
|
fromIndex: index,
|
|
4005
3488
|
toIndex: index - 1,
|
|
4006
3489
|
columnId: columnId
|
|
4007
3490
|
});
|
|
4008
|
-
} else if (
|
|
3491
|
+
} else if ((0,keyboard_namespaceObject.keycode)(e.nativeEvent) === 'right' && index !== undefined) {
|
|
4009
3492
|
onRequestMoveColumn === null || onRequestMoveColumn === void 0 ? void 0 : onRequestMoveColumn({
|
|
4010
3493
|
fromIndex: index,
|
|
4011
3494
|
toIndex: index + 1,
|
|
@@ -4051,8 +3534,8 @@ var HeadDropdownCell_HeadDropdownCell = /*#__PURE__*/function (_Component) {
|
|
|
4051
3534
|
open: false
|
|
4052
3535
|
};
|
|
4053
3536
|
_this.controlledExternally = has_default()(props, 'open');
|
|
4054
|
-
_this.popoverId =
|
|
4055
|
-
_this.cellId =
|
|
3537
|
+
_this.popoverId = (0,id_namespaceObject.createDOMID)('popover');
|
|
3538
|
+
_this.cellId = (0,id_namespaceObject.createDOMID)('cellId');
|
|
4056
3539
|
|
|
4057
3540
|
if (false) {}
|
|
4058
3541
|
|
|
@@ -4126,7 +3609,7 @@ var HeadDropdownCell_HeadDropdownCell = /*#__PURE__*/function (_Component) {
|
|
|
4126
3609
|
clientX = _this$state.clientX;
|
|
4127
3610
|
var cellId = id || this.cellId;
|
|
4128
3611
|
var headType = this.context.headType;
|
|
4129
|
-
return /*#__PURE__*/external_react_default.
|
|
3612
|
+
return /*#__PURE__*/external_react_default().createElement(HeadCellStyles_Styled, HeadDropdownCell_extends({
|
|
4130
3613
|
style: merge_default()(style, {
|
|
4131
3614
|
width: width
|
|
4132
3615
|
}),
|
|
@@ -4145,7 +3628,7 @@ var HeadDropdownCell_HeadDropdownCell = /*#__PURE__*/function (_Component) {
|
|
|
4145
3628
|
"aria-expanded": this.isOpen(),
|
|
4146
3629
|
$isFixed: headType === 'fixed',
|
|
4147
3630
|
$zIndex: zIndex
|
|
4148
|
-
}), /*#__PURE__*/external_react_default.
|
|
3631
|
+
}), /*#__PURE__*/external_react_default().createElement(Table_HeadInner, {
|
|
4149
3632
|
label: label,
|
|
4150
3633
|
align: align,
|
|
4151
3634
|
columnId: columnId,
|
|
@@ -4159,9 +3642,9 @@ var HeadDropdownCell_HeadDropdownCell = /*#__PURE__*/function (_Component) {
|
|
|
4159
3642
|
onRequestResize: onRequestResize,
|
|
4160
3643
|
truncate: truncate,
|
|
4161
3644
|
width: width
|
|
4162
|
-
}), showGuideline !== 'none' && /*#__PURE__*/external_react_default.
|
|
3645
|
+
}), showGuideline !== 'none' && /*#__PURE__*/external_react_default().createElement(StyledGuideLine, {
|
|
4163
3646
|
$position: showGuideline
|
|
4164
|
-
}), /*#__PURE__*/external_react_default.
|
|
3647
|
+
}), /*#__PURE__*/external_react_default().createElement((Popover_default()), {
|
|
4165
3648
|
align: "center",
|
|
4166
3649
|
open: !!el && this.isOpen(),
|
|
4167
3650
|
autoCloseWhenOffScreen: includes_default()(closeReasons, 'offScreen'),
|
|
@@ -4181,38 +3664,37 @@ var HeadDropdownCell_HeadDropdownCell = /*#__PURE__*/function (_Component) {
|
|
|
4181
3664
|
return (
|
|
4182
3665
|
/*#__PURE__*/
|
|
4183
3666
|
// eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
|
|
4184
|
-
external_react_default.
|
|
3667
|
+
external_react_default().createElement("div", {
|
|
4185
3668
|
onClick: _this3.handleContentClick
|
|
4186
3669
|
}, children.apply(void 0, arguments))
|
|
4187
3670
|
);
|
|
4188
3671
|
} :
|
|
4189
3672
|
/*#__PURE__*/
|
|
4190
3673
|
// eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
|
|
4191
|
-
external_react_default.
|
|
3674
|
+
external_react_default().createElement("div", {
|
|
4192
3675
|
onClick: this.handleContentClick
|
|
4193
3676
|
}, children)));
|
|
4194
3677
|
}
|
|
4195
3678
|
}]);
|
|
4196
3679
|
|
|
4197
3680
|
return HeadDropdownCell;
|
|
4198
|
-
}(
|
|
4199
|
-
|
|
4200
|
-
HeadDropdownCell_defineProperty(HeadDropdownCell_HeadDropdownCell, "splunkUiType", 'Table.HeadDropdownCell');
|
|
3681
|
+
}(external_react_namespaceObject.Component);
|
|
4201
3682
|
|
|
4202
|
-
HeadDropdownCell_defineProperty(
|
|
3683
|
+
HeadDropdownCell_defineProperty(HeadDropdownCell, "splunkUiType", 'Table.HeadDropdownCell');
|
|
4203
3684
|
|
|
4204
|
-
HeadDropdownCell_defineProperty(
|
|
3685
|
+
HeadDropdownCell_defineProperty(HeadDropdownCell, "possibleCloseReasons", possibleCloseReasons);
|
|
4205
3686
|
|
|
4206
|
-
HeadDropdownCell_defineProperty(
|
|
3687
|
+
HeadDropdownCell_defineProperty(HeadDropdownCell, "propTypes", HeadDropdownCell_propTypes);
|
|
4207
3688
|
|
|
4208
|
-
HeadDropdownCell_defineProperty(
|
|
3689
|
+
HeadDropdownCell_defineProperty(HeadDropdownCell, "defaultProps", HeadDropdownCell_defaultProps);
|
|
4209
3690
|
|
|
4210
|
-
|
|
4211
|
-
// EXTERNAL MODULE: external "lodash/extend"
|
|
4212
|
-
var extend_ = __webpack_require__(49);
|
|
4213
|
-
var extend_default = /*#__PURE__*/__webpack_require__.n(extend_);
|
|
3691
|
+
HeadDropdownCell_defineProperty(HeadDropdownCell, "contextType", Table_TableContext);
|
|
4214
3692
|
|
|
4215
|
-
|
|
3693
|
+
/* harmony default export */ const Table_HeadDropdownCell = (HeadDropdownCell);
|
|
3694
|
+
;// CONCATENATED MODULE: external "lodash/extend"
|
|
3695
|
+
const extend_namespaceObject = require("lodash/extend");
|
|
3696
|
+
var extend_default = /*#__PURE__*/__webpack_require__.n(extend_namespaceObject);
|
|
3697
|
+
;// CONCATENATED MODULE: ./src/Table/HeadTableStyles.ts
|
|
4216
3698
|
|
|
4217
3699
|
|
|
4218
3700
|
|
|
@@ -4220,19 +3702,19 @@ var HeadTableStyles_Styled = external_styled_components_default()(StyledTable).w
|
|
|
4220
3702
|
displayName: "HeadTableStyles__Styled",
|
|
4221
3703
|
componentId: "g85wgf-0"
|
|
4222
3704
|
})(["min-width:0;table-layout:fixed;"]);
|
|
4223
|
-
var StyledDockedContainer = external_styled_components_default.
|
|
3705
|
+
var StyledDockedContainer = external_styled_components_default().div.withConfig({
|
|
4224
3706
|
displayName: "HeadTableStyles__StyledDockedContainer",
|
|
4225
3707
|
componentId: "g85wgf-1"
|
|
4226
|
-
})(["overflow:hidden;position:fixed;box-shadow:", ";z-index:", ";@media print{display:none;}"],
|
|
4227
|
-
enterprise:
|
|
3708
|
+
})(["overflow:hidden;position:fixed;box-shadow:", ";z-index:", ";@media print{display:none;}"], (0,themes_namespaceObject.pick)({
|
|
3709
|
+
enterprise: themes_namespaceObject.variables.overlayShadow,
|
|
4228
3710
|
prisma: 'none'
|
|
4229
|
-
}),
|
|
3711
|
+
}), themes_namespaceObject.variables.zindexFixedNavbar);
|
|
4230
3712
|
var StyledFixedContainer = external_styled_components_default()(StyledDockedContainer).withConfig({
|
|
4231
3713
|
displayName: "HeadTableStyles__StyledFixedContainer",
|
|
4232
3714
|
componentId: "g85wgf-2"
|
|
4233
3715
|
})(["position:absolute;box-shadow:none;z-index:1;"]);
|
|
4234
3716
|
|
|
4235
|
-
|
|
3717
|
+
;// CONCATENATED MODULE: ./src/Table/HeadTable.tsx
|
|
4236
3718
|
function HeadTable_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { HeadTable_typeof = function _typeof(obj) { return typeof obj; }; } else { HeadTable_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return HeadTable_typeof(obj); }
|
|
4237
3719
|
|
|
4238
3720
|
function HeadTable_extends() { HeadTable_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 HeadTable_extends.apply(this, arguments); }
|
|
@@ -4269,21 +3751,21 @@ function HeadTable_defineProperty(obj, key, value) { if (key in obj) { Object.de
|
|
|
4269
3751
|
|
|
4270
3752
|
|
|
4271
3753
|
var HeadTable_propTypes = {
|
|
4272
|
-
cellWidths: external_prop_types_default.
|
|
4273
|
-
dragIndex: external_prop_types_default.
|
|
4274
|
-
elementRef: external_prop_types_default.
|
|
4275
|
-
hasDragColumn: external_prop_types_default.
|
|
4276
|
-
hasRowExpansion: external_prop_types_default.
|
|
4277
|
-
hasRowSelection: external_prop_types_default.
|
|
4278
|
-
headType: external_prop_types_default.
|
|
4279
|
-
horizontalOffset: external_prop_types_default.
|
|
4280
|
-
isFixedColumn: external_prop_types_default.
|
|
4281
|
-
rowSelection: external_prop_types_default.
|
|
4282
|
-
tableStyle: external_prop_types_default.
|
|
4283
|
-
tableWidth: external_prop_types_default.
|
|
4284
|
-
tHead: external_prop_types_default.
|
|
4285
|
-
top: external_prop_types_default.
|
|
4286
|
-
width: external_prop_types_default.
|
|
3754
|
+
cellWidths: external_prop_types_default().arrayOf((external_prop_types_default()).number).isRequired,
|
|
3755
|
+
dragIndex: (external_prop_types_default()).number,
|
|
3756
|
+
elementRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
|
|
3757
|
+
hasDragColumn: (external_prop_types_default()).bool,
|
|
3758
|
+
hasRowExpansion: (external_prop_types_default()).bool,
|
|
3759
|
+
hasRowSelection: (external_prop_types_default()).bool,
|
|
3760
|
+
headType: external_prop_types_default().oneOf(['docked', 'fixed']).isRequired,
|
|
3761
|
+
horizontalOffset: (external_prop_types_default()).number,
|
|
3762
|
+
isFixedColumn: (external_prop_types_default()).bool,
|
|
3763
|
+
rowSelection: external_prop_types_default().oneOf(['all', 'some', 'none']),
|
|
3764
|
+
tableStyle: (external_prop_types_default()).object,
|
|
3765
|
+
tableWidth: (external_prop_types_default()).number.isRequired,
|
|
3766
|
+
tHead: (external_prop_types_default()).element.isRequired,
|
|
3767
|
+
top: (external_prop_types_default()).number.isRequired,
|
|
3768
|
+
width: (external_prop_types_default()).number.isRequired
|
|
4287
3769
|
};
|
|
4288
3770
|
var HeadTable_defaultProps = {
|
|
4289
3771
|
horizontalOffset: 0
|
|
@@ -4294,7 +3776,7 @@ var HeadTable_defaultProps = {
|
|
|
4294
3776
|
* HeadTable is an internal component that provides a detached table head that can
|
|
4295
3777
|
* then be positioned in different ways outside of the main table.
|
|
4296
3778
|
*/
|
|
4297
|
-
var
|
|
3779
|
+
var HeadTable = /*#__PURE__*/function (_Component) {
|
|
4298
3780
|
HeadTable_inherits(HeadTable, _Component);
|
|
4299
3781
|
|
|
4300
3782
|
var _super = HeadTable_createSuper(HeadTable);
|
|
@@ -4360,25 +3842,25 @@ var HeadTable_HeadTable = /*#__PURE__*/function (_Component) {
|
|
|
4360
3842
|
} // Set the widths of the head cells if not fixed column
|
|
4361
3843
|
|
|
4362
3844
|
|
|
4363
|
-
var cells = isFixedColumn ?
|
|
4364
|
-
|
|
4365
|
-
return /*#__PURE__*/
|
|
3845
|
+
var cells = isFixedColumn ? external_react_namespaceObject.Children.toArray(tHead.props.children) : // ensure consistent keys
|
|
3846
|
+
external_react_namespaceObject.Children.toArray(tHead.props.children).filter(external_react_namespaceObject.isValidElement).map(function (cell, i) {
|
|
3847
|
+
return /*#__PURE__*/(0,external_react_namespaceObject.cloneElement)(cell, {
|
|
4366
3848
|
style: extend_default()({}, cell.props.style, {
|
|
4367
3849
|
width: cellWidths[i + indexOffset]
|
|
4368
3850
|
})
|
|
4369
3851
|
});
|
|
4370
3852
|
});
|
|
4371
|
-
var clonedTHead = /*#__PURE__*/
|
|
3853
|
+
var clonedTHead = /*#__PURE__*/(0,external_react_namespaceObject.cloneElement)(tHead, {
|
|
4372
3854
|
ref: this.handleHeadMount,
|
|
4373
3855
|
'data-test': "".concat(headType, "-head")
|
|
4374
3856
|
}, cells);
|
|
4375
|
-
return /*#__PURE__*/external_react_default.
|
|
3857
|
+
return /*#__PURE__*/external_react_default().createElement(StyledContainer, {
|
|
4376
3858
|
style: {
|
|
4377
3859
|
top: top,
|
|
4378
3860
|
width: width
|
|
4379
3861
|
},
|
|
4380
3862
|
ref: elementRef
|
|
4381
|
-
}, /*#__PURE__*/external_react_default.
|
|
3863
|
+
}, /*#__PURE__*/external_react_default().createElement(HeadTableStyles_Styled, HeadTable_extends({
|
|
4382
3864
|
"data-test": "".concat(headType, "-head-table"),
|
|
4383
3865
|
"data-fixed-column": isFixedColumn ? 'true' : undefined,
|
|
4384
3866
|
style: extend_default()({}, tableStyle, {
|
|
@@ -4390,17 +3872,31 @@ var HeadTable_HeadTable = /*#__PURE__*/function (_Component) {
|
|
|
4390
3872
|
}]);
|
|
4391
3873
|
|
|
4392
3874
|
return HeadTable;
|
|
4393
|
-
}(
|
|
3875
|
+
}(external_react_namespaceObject.Component);
|
|
4394
3876
|
|
|
4395
|
-
HeadTable_defineProperty(
|
|
3877
|
+
HeadTable_defineProperty(HeadTable, "propTypes", HeadTable_propTypes);
|
|
4396
3878
|
|
|
4397
|
-
HeadTable_defineProperty(
|
|
3879
|
+
HeadTable_defineProperty(HeadTable, "defaultProps", HeadTable_defaultProps);
|
|
3880
|
+
|
|
3881
|
+
/* harmony default export */ const Table_HeadTable = (HeadTable);
|
|
3882
|
+
;// CONCATENATED MODULE: ./src/utils/types.ts
|
|
3883
|
+
// see https://github.com/DefinitelyTyped/DefinitelyTyped/issues/31245 for details
|
|
3884
|
+
// regarding the css prop. certain (versions of) libraries included in the compilation
|
|
3885
|
+
// - such as storybook->emotion - introduce the css prop using a global augmentation,
|
|
3886
|
+
// which causes the prop to end up in our declaration files (via JSX.IntrinsicElements).
|
|
3887
|
+
// it's difficult to control all nested dependencies and their types, which is why the
|
|
3888
|
+
// css prop is omitted in the two prop helpers above - this ensures the css prop isn't
|
|
3889
|
+
// erroneously included in react-ui's public api.
|
|
3890
|
+
// see https://github.com/microsoft/TypeScript/pull/12253
|
|
3891
|
+
// see https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-7.html
|
|
3892
|
+
function assertDefined(val, msg) {
|
|
3893
|
+
if (val === undefined || val === null) {
|
|
3894
|
+
throw new Error(msg !== null && msg !== void 0 ? msg : 'Unexpected undefined or null');
|
|
3895
|
+
}
|
|
3896
|
+
}
|
|
4398
3897
|
|
|
4399
|
-
/* harmony default export */ var Table_HeadTable = (HeadTable_HeadTable);
|
|
4400
|
-
// EXTERNAL MODULE: ./src/utils/types.ts
|
|
4401
|
-
var types = __webpack_require__(77);
|
|
4402
3898
|
|
|
4403
|
-
|
|
3899
|
+
;// CONCATENATED MODULE: ./src/Table/Table.tsx
|
|
4404
3900
|
function Table_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { Table_typeof = function _typeof(obj) { return typeof obj; }; } else { Table_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return Table_typeof(obj); }
|
|
4405
3901
|
|
|
4406
3902
|
function Table_extends() { Table_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 Table_extends.apply(this, arguments); }
|
|
@@ -4470,25 +3966,25 @@ function Table_defineProperty(obj, key, value) { if (key in obj) { Object.define
|
|
|
4470
3966
|
/** @public */
|
|
4471
3967
|
|
|
4472
3968
|
var Table_propTypes = {
|
|
4473
|
-
actions: external_prop_types_default.
|
|
4474
|
-
actionsColumnWidth: external_prop_types_default.
|
|
4475
|
-
children: external_prop_types_default.
|
|
4476
|
-
dockOffset: external_prop_types_default.
|
|
4477
|
-
dockScrollBar: external_prop_types_default.
|
|
4478
|
-
elementRef: external_prop_types_default.
|
|
4479
|
-
headType: external_prop_types_default.
|
|
4480
|
-
innerStyle: external_prop_types_default.
|
|
4481
|
-
onRequestToggleAllRows: external_prop_types_default.
|
|
4482
|
-
onScroll: external_prop_types_default.
|
|
4483
|
-
outerStyle: external_prop_types_default.
|
|
4484
|
-
primaryColumnIndex: external_prop_types_default.
|
|
4485
|
-
rowExpansion: external_prop_types_default.
|
|
4486
|
-
rowSelection: external_prop_types_default.
|
|
4487
|
-
stripeRows: external_prop_types_default.
|
|
4488
|
-
tableStyle: external_prop_types_default.
|
|
4489
|
-
onRequestMoveColumn: external_prop_types_default.
|
|
4490
|
-
onRequestMoveRow: external_prop_types_default.
|
|
4491
|
-
onRequestResizeColumn: external_prop_types_default.
|
|
3969
|
+
actions: external_prop_types_default().arrayOf((external_prop_types_default()).element),
|
|
3970
|
+
actionsColumnWidth: (external_prop_types_default()).number,
|
|
3971
|
+
children: (external_prop_types_default()).node,
|
|
3972
|
+
dockOffset: (external_prop_types_default()).number,
|
|
3973
|
+
dockScrollBar: (external_prop_types_default()).bool,
|
|
3974
|
+
elementRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
|
|
3975
|
+
headType: external_prop_types_default().oneOf(['docked', 'fixed', 'inline']),
|
|
3976
|
+
innerStyle: (external_prop_types_default()).object,
|
|
3977
|
+
onRequestToggleAllRows: (external_prop_types_default()).func,
|
|
3978
|
+
onScroll: (external_prop_types_default()).func,
|
|
3979
|
+
outerStyle: (external_prop_types_default()).object,
|
|
3980
|
+
primaryColumnIndex: (external_prop_types_default()).number,
|
|
3981
|
+
rowExpansion: external_prop_types_default().oneOf(['single', 'multi', 'controlled', 'none']),
|
|
3982
|
+
rowSelection: external_prop_types_default().oneOf(['all', 'some', 'none']),
|
|
3983
|
+
stripeRows: (external_prop_types_default()).bool,
|
|
3984
|
+
tableStyle: (external_prop_types_default()).object,
|
|
3985
|
+
onRequestMoveColumn: (external_prop_types_default()).func,
|
|
3986
|
+
onRequestMoveRow: (external_prop_types_default()).func,
|
|
3987
|
+
onRequestResizeColumn: (external_prop_types_default()).func
|
|
4492
3988
|
};
|
|
4493
3989
|
var Table_defaultProps = {
|
|
4494
3990
|
actions: [],
|
|
@@ -4500,7 +3996,7 @@ var Table_defaultProps = {
|
|
|
4500
3996
|
primaryColumnIndex: 0
|
|
4501
3997
|
};
|
|
4502
3998
|
|
|
4503
|
-
var
|
|
3999
|
+
var Table = /*#__PURE__*/function (_Component) {
|
|
4504
4000
|
Table_inherits(Table, _Component);
|
|
4505
4001
|
|
|
4506
4002
|
var _super = Table_createSuper(Table);
|
|
@@ -4520,7 +4016,7 @@ var Table_Table = /*#__PURE__*/function (_Component) {
|
|
|
4520
4016
|
value: function getHeadFocusState(head) {
|
|
4521
4017
|
var _head$getEl, _head$getEl2;
|
|
4522
4018
|
|
|
4523
|
-
var document =
|
|
4019
|
+
var document = getDocument();
|
|
4524
4020
|
|
|
4525
4021
|
if (head === undefined || head === null) {
|
|
4526
4022
|
return undefined;
|
|
@@ -4551,7 +4047,7 @@ var Table_Table = /*#__PURE__*/function (_Component) {
|
|
|
4551
4047
|
}, {
|
|
4552
4048
|
key: "getOffset",
|
|
4553
4049
|
value: function getOffset(el) {
|
|
4554
|
-
var window =
|
|
4050
|
+
var window = getWindow();
|
|
4555
4051
|
var rect = el.getBoundingClientRect();
|
|
4556
4052
|
return {
|
|
4557
4053
|
top: rect.top + window.pageYOffset,
|
|
@@ -4621,7 +4117,7 @@ var Table_Table = /*#__PURE__*/function (_Component) {
|
|
|
4621
4117
|
Table_defineProperty(Table_assertThisInitialized(_this), "tableContainer", null);
|
|
4622
4118
|
|
|
4623
4119
|
Table_defineProperty(Table_assertThisInitialized(_this), "updateDockedHeadState", function () {
|
|
4624
|
-
var window =
|
|
4120
|
+
var window = getWindow();
|
|
4625
4121
|
|
|
4626
4122
|
if (_this.isInline()) {
|
|
4627
4123
|
return;
|
|
@@ -4685,7 +4181,7 @@ var Table_Table = /*#__PURE__*/function (_Component) {
|
|
|
4685
4181
|
|
|
4686
4182
|
Table_defineProperty(Table_assertThisInitialized(_this), "handleDragStart", function (_ref2) {
|
|
4687
4183
|
var dragIndex = _ref2.dragIndex;
|
|
4688
|
-
var window =
|
|
4184
|
+
var window = getWindow();
|
|
4689
4185
|
|
|
4690
4186
|
_this.setState({
|
|
4691
4187
|
dragIndex: dragIndex
|
|
@@ -4757,7 +4253,7 @@ var Table_Table = /*#__PURE__*/function (_Component) {
|
|
|
4757
4253
|
});
|
|
4758
4254
|
|
|
4759
4255
|
Table_defineProperty(Table_assertThisInitialized(_this), "handleHeadTableKeyUp", function (e) {
|
|
4760
|
-
if (!_this.headTableEl || !_this.tableContainer ||
|
|
4256
|
+
if (!_this.headTableEl || !_this.tableContainer || (0,keyboard_namespaceObject.keycode)(e.nativeEvent) !== 'tab') {
|
|
4761
4257
|
return;
|
|
4762
4258
|
}
|
|
4763
4259
|
|
|
@@ -4774,7 +4270,7 @@ var Table_Table = /*#__PURE__*/function (_Component) {
|
|
|
4774
4270
|
|
|
4775
4271
|
var index = _ref3.index,
|
|
4776
4272
|
columnId = _ref3.columnId;
|
|
4777
|
-
var document =
|
|
4273
|
+
var document = getDocument();
|
|
4778
4274
|
|
|
4779
4275
|
if (index === undefined) {
|
|
4780
4276
|
return;
|
|
@@ -4839,6 +4335,38 @@ var Table_Table = /*#__PURE__*/function (_Component) {
|
|
|
4839
4335
|
|
|
4840
4336
|
if (false) {}
|
|
4841
4337
|
}
|
|
4338
|
+
/**
|
|
4339
|
+
* Add this lifecycle method to improve the performance of this giant component.
|
|
4340
|
+
*/
|
|
4341
|
+
|
|
4342
|
+
}, {
|
|
4343
|
+
key: "shouldComponentUpdate",
|
|
4344
|
+
value: function shouldComponentUpdate(nextProps, nextState) {
|
|
4345
|
+
if (this.props.dockScrollBar) {
|
|
4346
|
+
/**
|
|
4347
|
+
* We should always re-render the component when dockScrollBar is true for now.
|
|
4348
|
+
* Because the docked scroll bar needs to know its accurate position every time scroll event happens.
|
|
4349
|
+
*
|
|
4350
|
+
* A more proper way to fix this is probably putting the docked scroll bar into its own component definition class and letting it listen to the scroll event from the parent.
|
|
4351
|
+
* So only the scroll bar component is rerendering itself every time the table scrolls.
|
|
4352
|
+
*/
|
|
4353
|
+
return true;
|
|
4354
|
+
}
|
|
4355
|
+
|
|
4356
|
+
return (
|
|
4357
|
+
/**
|
|
4358
|
+
* Using deep equal from lodash here to compare the rest of the properties and states to avoid unnecessary re-rendering.
|
|
4359
|
+
* Although it's suggested by React Official(https://react.dev/reference/react/Component#shouldcomponentupdate)
|
|
4360
|
+
* that deep equal shouldn't be used in shouldComponentUpdate, for this component's case, the re-rendering cost is much more than
|
|
4361
|
+
* the calculation cost of the deep equal operations.
|
|
4362
|
+
*
|
|
4363
|
+
* Alternatively, we could consider
|
|
4364
|
+
* 1. using https://www.npmjs.com/package/react-fast-compare or
|
|
4365
|
+
* 2. listing all the object-like properties and states and optimatize the comparing algorithm based on their structure.
|
|
4366
|
+
*/
|
|
4367
|
+
!isEqual_default()(this.props, nextProps) || !isEqual_default()(this.state, nextState)
|
|
4368
|
+
);
|
|
4369
|
+
}
|
|
4842
4370
|
}, {
|
|
4843
4371
|
key: "componentDidMount",
|
|
4844
4372
|
value: function componentDidMount() {
|
|
@@ -4864,9 +4392,9 @@ var Table_Table = /*#__PURE__*/function (_Component) {
|
|
|
4864
4392
|
rowExpansion = _this$props3.rowExpansion,
|
|
4865
4393
|
rowSelection = _this$props3.rowSelection;
|
|
4866
4394
|
var dragIndex = this.state.dragIndex;
|
|
4867
|
-
var headCells =
|
|
4868
|
-
var validActions = actions.filter(
|
|
4869
|
-
var newHead = /*#__PURE__*/
|
|
4395
|
+
var headCells = external_react_namespaceObject.Children.toArray(base.props.children).filter(external_react_namespaceObject.isValidElement);
|
|
4396
|
+
var validActions = actions.filter(external_react_namespaceObject.isValidElement);
|
|
4397
|
+
var newHead = /*#__PURE__*/(0,external_react_namespaceObject.cloneElement)(base, {
|
|
4870
4398
|
actions: validActions,
|
|
4871
4399
|
actionsColumnWidth: actionsColumnWidth,
|
|
4872
4400
|
dragIndex: dragIndex,
|
|
@@ -4887,8 +4415,8 @@ var Table_Table = /*#__PURE__*/function (_Component) {
|
|
|
4887
4415
|
key: "createBody",
|
|
4888
4416
|
value: function createBody(base) {
|
|
4889
4417
|
var actions = this.props.actions;
|
|
4890
|
-
var validActions = actions.filter(
|
|
4891
|
-
return /*#__PURE__*/
|
|
4418
|
+
var validActions = actions.filter(external_react_namespaceObject.isValidElement);
|
|
4419
|
+
return /*#__PURE__*/(0,external_react_namespaceObject.cloneElement)(base, {
|
|
4892
4420
|
actions: validActions.length > 0,
|
|
4893
4421
|
movableColumns: !!this.props.onRequestMoveColumn,
|
|
4894
4422
|
onRequestMoveRow: this.props.onRequestMoveRow,
|
|
@@ -4915,7 +4443,7 @@ var Table_Table = /*#__PURE__*/function (_Component) {
|
|
|
4915
4443
|
}, {
|
|
4916
4444
|
key: "showDockedHeader",
|
|
4917
4445
|
value: function showDockedHeader() {
|
|
4918
|
-
var window =
|
|
4446
|
+
var window = getWindow();
|
|
4919
4447
|
|
|
4920
4448
|
if (!this.headerIsDocked() || !this.table || !this.head || !this.tableContainer) {
|
|
4921
4449
|
return false;
|
|
@@ -4928,7 +4456,7 @@ var Table_Table = /*#__PURE__*/function (_Component) {
|
|
|
4928
4456
|
}, {
|
|
4929
4457
|
key: "showDockedScrollBar",
|
|
4930
4458
|
value: function showDockedScrollBar() {
|
|
4931
|
-
var window =
|
|
4459
|
+
var window = getWindow();
|
|
4932
4460
|
|
|
4933
4461
|
if (!this.props.dockScrollBar || !this.table || !this.tableContainer) {
|
|
4934
4462
|
return false;
|
|
@@ -4947,7 +4475,7 @@ var Table_Table = /*#__PURE__*/function (_Component) {
|
|
|
4947
4475
|
}, {
|
|
4948
4476
|
key: "cleanupDrag",
|
|
4949
4477
|
value: function cleanupDrag() {
|
|
4950
|
-
var window =
|
|
4478
|
+
var window = getWindow();
|
|
4951
4479
|
window.removeEventListener('dragenter', this.handleDragEnter);
|
|
4952
4480
|
window.removeEventListener('dragover', this.handleDragOver);
|
|
4953
4481
|
window.removeEventListener('drop', this.handleDrop);
|
|
@@ -4974,7 +4502,7 @@ var Table_Table = /*#__PURE__*/function (_Component) {
|
|
|
4974
4502
|
return false;
|
|
4975
4503
|
}
|
|
4976
4504
|
|
|
4977
|
-
return /*#__PURE__*/external_react_default.
|
|
4505
|
+
return /*#__PURE__*/external_react_default().createElement(Table_HeadTable, {
|
|
4978
4506
|
headType: "docked",
|
|
4979
4507
|
tHead: tHead,
|
|
4980
4508
|
cellWidths: cellWidths,
|
|
@@ -5001,7 +4529,7 @@ var Table_Table = /*#__PURE__*/function (_Component) {
|
|
|
5001
4529
|
value: function renderDockedScrollbar() {
|
|
5002
4530
|
var _this2 = this;
|
|
5003
4531
|
|
|
5004
|
-
var window =
|
|
4532
|
+
var window = getWindow();
|
|
5005
4533
|
|
|
5006
4534
|
if (!this.showDockedScrollBar()) {
|
|
5007
4535
|
return false;
|
|
@@ -5016,7 +4544,7 @@ var Table_Table = /*#__PURE__*/function (_Component) {
|
|
|
5016
4544
|
shiftPosition = Math.min(availableSpace - this.dockedScrollBar.offsetHeight, 0);
|
|
5017
4545
|
}
|
|
5018
4546
|
|
|
5019
|
-
return /*#__PURE__*/external_react_default.
|
|
4547
|
+
return /*#__PURE__*/external_react_default().createElement(StyledDockedScrollbar, {
|
|
5020
4548
|
style: {
|
|
5021
4549
|
width: this.state.width,
|
|
5022
4550
|
marginBottom: shiftPosition
|
|
@@ -5026,7 +4554,7 @@ var Table_Table = /*#__PURE__*/function (_Component) {
|
|
|
5026
4554
|
ref: function ref(el) {
|
|
5027
4555
|
_this2.dockedScrollBar = el;
|
|
5028
4556
|
}
|
|
5029
|
-
}, /*#__PURE__*/external_react_default.
|
|
4557
|
+
}, /*#__PURE__*/external_react_default().createElement(StyledDockedScrollbarContent, {
|
|
5030
4558
|
style: {
|
|
5031
4559
|
width: this.state.tableWidth
|
|
5032
4560
|
},
|
|
@@ -5053,7 +4581,7 @@ var Table_Table = /*#__PURE__*/function (_Component) {
|
|
|
5053
4581
|
var tBody;
|
|
5054
4582
|
var tCaption;
|
|
5055
4583
|
var isFixedColumn = !!onRequestResizeColumn;
|
|
5056
|
-
|
|
4584
|
+
external_react_namespaceObject.Children.toArray(children).forEach(function (child) {
|
|
5057
4585
|
var splunkUiType = child.type.splunkUiType;
|
|
5058
4586
|
|
|
5059
4587
|
if (splunkUiType === 'Table.Head') {
|
|
@@ -5061,7 +4589,7 @@ var Table_Table = /*#__PURE__*/function (_Component) {
|
|
|
5061
4589
|
|
|
5062
4590
|
if (!isFixedColumn) {
|
|
5063
4591
|
// if all the HeadCells are fixed width, then the table is fixed.
|
|
5064
|
-
isFixedColumn = !
|
|
4592
|
+
isFixedColumn = !external_react_namespaceObject.Children.toArray(child.props.children).filter(external_react_namespaceObject.isValidElement).some(function (th) {
|
|
5065
4593
|
return !has_default()(th.props, 'width');
|
|
5066
4594
|
});
|
|
5067
4595
|
}
|
|
@@ -5075,56 +4603,56 @@ var Table_Table = /*#__PURE__*/function (_Component) {
|
|
|
5075
4603
|
tCaption = child;
|
|
5076
4604
|
}
|
|
5077
4605
|
});
|
|
5078
|
-
|
|
4606
|
+
assertDefined(tHead, 'A Table.Head is required.');
|
|
5079
4607
|
var headTable = this.renderHeadTable(tHead, isFixedColumn); // When a `headTable` is used, suppress focus interactions in the primary `Head`. Focus
|
|
5080
4608
|
// interactions will be handled by the overlaid `headTable` instead.
|
|
5081
4609
|
|
|
5082
|
-
var headCells =
|
|
4610
|
+
var headCells = external_react_namespaceObject.Children.toArray(tHead.props.children).filter(external_react_namespaceObject.isValidElement).map(function (cell) {
|
|
5083
4611
|
return (
|
|
5084
4612
|
/*#__PURE__*/
|
|
5085
4613
|
// TS: onClick is different for regular/dropdown head cells, that's ok
|
|
5086
|
-
|
|
4614
|
+
(0,external_react_namespaceObject.cloneElement)(cell, {
|
|
5087
4615
|
visible: !headTable
|
|
5088
4616
|
})
|
|
5089
4617
|
);
|
|
5090
4618
|
});
|
|
5091
|
-
tHead = /*#__PURE__*/
|
|
5092
|
-
var defaultScrollContainer = this.context ||
|
|
4619
|
+
tHead = /*#__PURE__*/(0,external_react_namespaceObject.cloneElement)(tHead, {}, headCells);
|
|
4620
|
+
var defaultScrollContainer = this.context || getWindow();
|
|
5093
4621
|
var scrollContainer = this.isFixed() ? this.tableContainer : defaultScrollContainer;
|
|
5094
4622
|
|
|
5095
4623
|
if (resizableFillLayout) {
|
|
5096
4624
|
isFixedColumn = false;
|
|
5097
4625
|
}
|
|
5098
4626
|
|
|
5099
|
-
return /*#__PURE__*/external_react_default.
|
|
4627
|
+
return /*#__PURE__*/external_react_default().createElement(TableStyles_Styled, Table_extends({
|
|
5100
4628
|
"data-test": "table",
|
|
5101
4629
|
ref: elementRef,
|
|
5102
4630
|
style: outerStyle,
|
|
5103
4631
|
"data-test-row-selection": onRequestToggleAllRows ? rowSelection : undefined
|
|
5104
|
-
}, omit_default()(this.props, [].concat(Table_toConsumableArray(Object.keys(Table.propTypes)), ['style']))), /*#__PURE__*/external_react_default.
|
|
5105
|
-
target:
|
|
4632
|
+
}, omit_default()(this.props, [].concat(Table_toConsumableArray(Object.keys(Table.propTypes)), ['style']))), /*#__PURE__*/external_react_default().createElement((EventListener_default()), {
|
|
4633
|
+
target: getWindow(),
|
|
5106
4634
|
eventType: "scroll",
|
|
5107
4635
|
listener: this.handleScroll,
|
|
5108
4636
|
options: {
|
|
5109
4637
|
passive: false,
|
|
5110
4638
|
capture: true
|
|
5111
4639
|
}
|
|
5112
|
-
}), /*#__PURE__*/external_react_default.
|
|
4640
|
+
}), /*#__PURE__*/external_react_default().createElement((external_react_resize_detector_default()), {
|
|
5113
4641
|
handleWidth: true,
|
|
5114
4642
|
onResize: this.handleResize
|
|
5115
|
-
}), /*#__PURE__*/external_react_default.
|
|
4643
|
+
}), /*#__PURE__*/external_react_default().createElement(Table_TableContext.Provider, {
|
|
5116
4644
|
value: {
|
|
5117
4645
|
headType: headType
|
|
5118
4646
|
}
|
|
5119
|
-
}, headTable, /*#__PURE__*/external_react_default.
|
|
4647
|
+
}, headTable, /*#__PURE__*/external_react_default().createElement(StyledTableContainer, {
|
|
5120
4648
|
onScroll: this.handleContainerScroll,
|
|
5121
4649
|
ref: function ref(el) {
|
|
5122
4650
|
_this3.tableContainer = el;
|
|
5123
4651
|
},
|
|
5124
4652
|
style: innerStyle
|
|
5125
|
-
}, /*#__PURE__*/external_react_default.
|
|
4653
|
+
}, /*#__PURE__*/external_react_default().createElement(ScrollContainerContext_namespaceObject.ScrollContainerProvider, {
|
|
5126
4654
|
value: scrollContainer
|
|
5127
|
-
}, /*#__PURE__*/external_react_default.
|
|
4655
|
+
}, /*#__PURE__*/external_react_default().createElement(StyledTable, {
|
|
5128
4656
|
ref: function ref(el) {
|
|
5129
4657
|
_this3.table = el;
|
|
5130
4658
|
},
|
|
@@ -5137,33 +4665,33 @@ var Table_Table = /*#__PURE__*/function (_Component) {
|
|
|
5137
4665
|
}]);
|
|
5138
4666
|
|
|
5139
4667
|
return Table;
|
|
5140
|
-
}(
|
|
5141
|
-
|
|
5142
|
-
Table_defineProperty(Table_Table, "propTypes", Table_propTypes);
|
|
4668
|
+
}(external_react_namespaceObject.Component);
|
|
5143
4669
|
|
|
5144
|
-
Table_defineProperty(
|
|
4670
|
+
Table_defineProperty(Table, "propTypes", Table_propTypes);
|
|
5145
4671
|
|
|
5146
|
-
Table_defineProperty(
|
|
4672
|
+
Table_defineProperty(Table, "contextType", ScrollContainerContext_namespaceObject.ScrollContainerContext);
|
|
5147
4673
|
|
|
5148
|
-
Table_defineProperty(
|
|
4674
|
+
Table_defineProperty(Table, "defaultProps", Table_defaultProps);
|
|
5149
4675
|
|
|
5150
|
-
Table_defineProperty(
|
|
4676
|
+
Table_defineProperty(Table, "Caption", Table_Caption);
|
|
5151
4677
|
|
|
5152
|
-
Table_defineProperty(
|
|
4678
|
+
Table_defineProperty(Table, "Head", Table_Head);
|
|
5153
4679
|
|
|
5154
|
-
Table_defineProperty(
|
|
4680
|
+
Table_defineProperty(Table, "HeadCell", Table_HeadCell);
|
|
5155
4681
|
|
|
5156
|
-
Table_defineProperty(
|
|
4682
|
+
Table_defineProperty(Table, "HeadDropdownCell", Table_HeadDropdownCell);
|
|
5157
4683
|
|
|
5158
|
-
Table_defineProperty(
|
|
4684
|
+
Table_defineProperty(Table, "Body", Table_Body);
|
|
5159
4685
|
|
|
5160
|
-
Table_defineProperty(
|
|
4686
|
+
Table_defineProperty(Table, "Row", Table_Row);
|
|
5161
4687
|
|
|
5162
|
-
|
|
4688
|
+
Table_defineProperty(Table, "Cell", Table_Cell);
|
|
5163
4689
|
|
|
5164
|
-
|
|
4690
|
+
/* harmony default export */ const Table_Table = (Table);
|
|
5165
4691
|
|
|
4692
|
+
;// CONCATENATED MODULE: ./src/Table/index.ts
|
|
5166
4693
|
|
|
5167
4694
|
|
|
5168
|
-
|
|
5169
|
-
/******/
|
|
4695
|
+
module.exports = __webpack_exports__;
|
|
4696
|
+
/******/ })()
|
|
4697
|
+
;
|