@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/Paginator.js
CHANGED
|
@@ -1,223 +1,148 @@
|
|
|
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 = 183);
|
|
86
|
-
/******/ })
|
|
45
|
+
/******/ })();
|
|
46
|
+
/******/
|
|
87
47
|
/************************************************************************/
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
/***/ 0:
|
|
91
|
-
/***/ (function(module, exports) {
|
|
92
|
-
|
|
93
|
-
module.exports = require("@splunk/themes");
|
|
94
|
-
|
|
95
|
-
/***/ }),
|
|
96
|
-
|
|
97
|
-
/***/ 1:
|
|
98
|
-
/***/ (function(module, exports) {
|
|
99
|
-
|
|
100
|
-
module.exports = require("prop-types");
|
|
101
|
-
|
|
102
|
-
/***/ }),
|
|
103
|
-
|
|
104
|
-
/***/ 147:
|
|
105
|
-
/***/ (function(module, exports) {
|
|
106
|
-
|
|
107
|
-
module.exports = require("@splunk/react-icons/DotsThreeHorizontal");
|
|
108
|
-
|
|
109
|
-
/***/ }),
|
|
110
|
-
|
|
111
|
-
/***/ 183:
|
|
112
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
113
|
-
|
|
114
|
-
"use strict";
|
|
48
|
+
var __webpack_exports__ = {};
|
|
115
49
|
// ESM COMPAT FLAG
|
|
116
50
|
__webpack_require__.r(__webpack_exports__);
|
|
117
51
|
|
|
118
52
|
// EXPORTS
|
|
119
|
-
__webpack_require__.d(__webpack_exports__,
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
var Box_default = /*#__PURE__*/__webpack_require__.n(
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
var
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
var
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
var
|
|
148
|
-
var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
|
|
149
|
-
|
|
150
|
-
// CONCATENATED MODULE: ./src/Paginator/PageSeparatorStyles.ts
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
var StyledEllipsisWrapper = external_styled_components_default.a.span.withConfig({
|
|
53
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
54
|
+
"default": () => (/* reexport */ Paginator_Paginator)
|
|
55
|
+
});
|
|
56
|
+
|
|
57
|
+
;// CONCATENATED MODULE: external "react"
|
|
58
|
+
const external_react_namespaceObject = require("react");
|
|
59
|
+
var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_namespaceObject);
|
|
60
|
+
;// CONCATENATED MODULE: external "prop-types"
|
|
61
|
+
const external_prop_types_namespaceObject = require("prop-types");
|
|
62
|
+
var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_namespaceObject);
|
|
63
|
+
;// CONCATENATED MODULE: external "@splunk/react-ui/Box"
|
|
64
|
+
const Box_namespaceObject = require("@splunk/react-ui/Box");
|
|
65
|
+
var Box_default = /*#__PURE__*/__webpack_require__.n(Box_namespaceObject);
|
|
66
|
+
;// CONCATENATED MODULE: external "@splunk/themes"
|
|
67
|
+
const themes_namespaceObject = require("@splunk/themes");
|
|
68
|
+
;// CONCATENATED MODULE: external "@splunk/ui-utils/format"
|
|
69
|
+
const format_namespaceObject = require("@splunk/ui-utils/format");
|
|
70
|
+
;// CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
|
|
71
|
+
const i18n_namespaceObject = require("@splunk/ui-utils/i18n");
|
|
72
|
+
;// CONCATENATED MODULE: external "@splunk/react-icons/DotsThreeHorizontal"
|
|
73
|
+
const DotsThreeHorizontal_namespaceObject = require("@splunk/react-icons/DotsThreeHorizontal");
|
|
74
|
+
var DotsThreeHorizontal_default = /*#__PURE__*/__webpack_require__.n(DotsThreeHorizontal_namespaceObject);
|
|
75
|
+
;// CONCATENATED MODULE: external "styled-components"
|
|
76
|
+
const external_styled_components_namespaceObject = require("styled-components");
|
|
77
|
+
var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_namespaceObject);
|
|
78
|
+
;// CONCATENATED MODULE: ./src/Paginator/PageSeparatorStyles.ts
|
|
79
|
+
|
|
80
|
+
|
|
81
|
+
var StyledEllipsisWrapper = external_styled_components_default().span.withConfig({
|
|
154
82
|
displayName: "PageSeparatorStyles__StyledEllipsisWrapper",
|
|
155
83
|
componentId: "j50fqf-0"
|
|
156
|
-
})(["display:flex;align-items:center;margin:", ";color:", ";"],
|
|
84
|
+
})(["display:flex;align-items:center;margin:", ";color:", ";"], (0,themes_namespaceObject.pick)({
|
|
157
85
|
enterprise: '0px 11px',
|
|
158
86
|
prisma: '0px 20px'
|
|
159
|
-
}),
|
|
87
|
+
}), themes_namespaceObject.variables.contentColorActive);
|
|
160
88
|
|
|
161
|
-
|
|
89
|
+
;// CONCATENATED MODULE: ./src/Paginator/PageSeparator.tsx
|
|
162
90
|
|
|
163
91
|
|
|
164
92
|
|
|
165
93
|
|
|
166
94
|
|
|
167
95
|
function PageSeparator() {
|
|
168
|
-
var _useSplunkTheme =
|
|
96
|
+
var _useSplunkTheme = (0,themes_namespaceObject.useSplunkTheme)(),
|
|
169
97
|
family = _useSplunkTheme.family;
|
|
170
98
|
|
|
171
|
-
var content = family === 'enterprise' ? /*#__PURE__*/external_react_default.
|
|
99
|
+
var content = family === 'enterprise' ? /*#__PURE__*/external_react_default().createElement("span", {
|
|
172
100
|
role: "separator"
|
|
173
|
-
}, "\u2026") : /*#__PURE__*/external_react_default.
|
|
174
|
-
return /*#__PURE__*/external_react_default.
|
|
101
|
+
}, "\u2026") : /*#__PURE__*/external_react_default().createElement((DotsThreeHorizontal_default()), null);
|
|
102
|
+
return /*#__PURE__*/external_react_default().createElement(StyledEllipsisWrapper, {
|
|
175
103
|
role: "separator"
|
|
176
104
|
}, content);
|
|
177
105
|
}
|
|
178
106
|
|
|
179
|
-
/* harmony default export */
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
var keys_default = /*#__PURE__*/__webpack_require__.n(
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
var
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
var ButtonSimple_default = /*#__PURE__*/__webpack_require__.n(ButtonSimple_);
|
|
107
|
+
/* harmony default export */ const Paginator_PageSeparator = (PageSeparator);
|
|
108
|
+
;// CONCATENATED MODULE: external "lodash/keys"
|
|
109
|
+
const keys_namespaceObject = require("lodash/keys");
|
|
110
|
+
var keys_default = /*#__PURE__*/__webpack_require__.n(keys_namespaceObject);
|
|
111
|
+
;// CONCATENATED MODULE: external "lodash/omit"
|
|
112
|
+
const omit_namespaceObject = require("lodash/omit");
|
|
113
|
+
var omit_default = /*#__PURE__*/__webpack_require__.n(omit_namespaceObject);
|
|
114
|
+
;// CONCATENATED MODULE: external "@splunk/react-ui/ButtonSimple"
|
|
115
|
+
const ButtonSimple_namespaceObject = require("@splunk/react-ui/ButtonSimple");
|
|
116
|
+
var ButtonSimple_default = /*#__PURE__*/__webpack_require__.n(ButtonSimple_namespaceObject);
|
|
117
|
+
;// CONCATENATED MODULE: ./src/Paginator/ButtonStyles.ts
|
|
191
118
|
|
|
192
|
-
// CONCATENATED MODULE: ./src/Paginator/ButtonStyles.ts
|
|
193
119
|
|
|
194
120
|
|
|
195
|
-
|
|
196
|
-
var StyledButtonSimple = external_styled_components_default()(ButtonSimple_default.a).withConfig({
|
|
121
|
+
var StyledButtonSimple = external_styled_components_default()((ButtonSimple_default())).withConfig({
|
|
197
122
|
displayName: "ButtonStyles__StyledButtonSimple",
|
|
198
123
|
componentId: "sc-1neztq7-0"
|
|
199
|
-
})(["min-width:", ";min-height:", ";text-align:center;flex-shrink:0;", ""],
|
|
124
|
+
})(["min-width:", ";min-height:", ";text-align:center;flex-shrink:0;", ""], themes_namespaceObject.variables.inputHeight, themes_namespaceObject.variables.inputHeight, (0,themes_namespaceObject.pick)({
|
|
200
125
|
enterprise: {
|
|
201
|
-
comfortable:
|
|
202
|
-
compact:
|
|
126
|
+
comfortable: (0,external_styled_components_namespaceObject.css)(["padding:", ";"], themes_namespaceObject.variables.spacingQuarter),
|
|
127
|
+
compact: (0,external_styled_components_namespaceObject.css)(["padding:3px;"])
|
|
203
128
|
},
|
|
204
|
-
prisma:
|
|
129
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["padding:", ";", " & + &{margin-left:8px;}"], (0,themes_namespaceObject.pick)({
|
|
205
130
|
comfortable: '5px 8px',
|
|
206
131
|
compact: '4px'
|
|
207
132
|
}), function (_ref) {
|
|
208
133
|
var selected = _ref.selected;
|
|
209
|
-
return selected &&
|
|
134
|
+
return selected && (0,external_styled_components_namespaceObject.css)(["font-weight:", ";"], themes_namespaceObject.variables.fontWeightBold);
|
|
210
135
|
})
|
|
211
136
|
}));
|
|
212
|
-
var StyledPrevNext = external_styled_components_default.
|
|
137
|
+
var StyledPrevNext = external_styled_components_default().div.withConfig({
|
|
213
138
|
displayName: "ButtonStyles__StyledPrevNext",
|
|
214
139
|
componentId: "sc-1neztq7-1"
|
|
215
|
-
})(["padding:", ";white-space:nowrap;"],
|
|
140
|
+
})(["padding:", ";white-space:nowrap;"], (0,themes_namespaceObject.pick)({
|
|
216
141
|
enterprise: '0 3px',
|
|
217
142
|
prisma: '0 8px'
|
|
218
143
|
}));
|
|
219
144
|
|
|
220
|
-
|
|
145
|
+
;// CONCATENATED MODULE: ./src/Paginator/Button.tsx
|
|
221
146
|
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); }
|
|
222
147
|
|
|
223
148
|
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); }
|
|
@@ -250,19 +175,19 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
|
|
|
250
175
|
|
|
251
176
|
|
|
252
177
|
var propTypes = {
|
|
253
|
-
children: external_prop_types_default.
|
|
254
|
-
label: external_prop_types_default.
|
|
255
|
-
onClick: external_prop_types_default.
|
|
256
|
-
page: external_prop_types_default.
|
|
178
|
+
children: (external_prop_types_default()).node,
|
|
179
|
+
label: (external_prop_types_default()).node,
|
|
180
|
+
onClick: (external_prop_types_default()).func,
|
|
181
|
+
page: (external_prop_types_default()).number,
|
|
257
182
|
|
|
258
183
|
/** @private */
|
|
259
|
-
selected: external_prop_types_default.
|
|
184
|
+
selected: (external_prop_types_default()).bool
|
|
260
185
|
};
|
|
261
186
|
var defaultProps = {
|
|
262
187
|
selected: false
|
|
263
188
|
};
|
|
264
189
|
|
|
265
|
-
var
|
|
190
|
+
var PaginatorButton = /*#__PURE__*/function (_Component) {
|
|
266
191
|
_inherits(PaginatorButton, _Component);
|
|
267
192
|
|
|
268
193
|
var _super = _createSuper(PaginatorButton);
|
|
@@ -299,80 +224,76 @@ var Button_PaginatorButton = /*#__PURE__*/function (_Component) {
|
|
|
299
224
|
label = _this$props2.label,
|
|
300
225
|
page = _this$props2.page,
|
|
301
226
|
selected = _this$props2.selected;
|
|
302
|
-
return /*#__PURE__*/external_react_default.
|
|
227
|
+
return /*#__PURE__*/external_react_default().createElement(StyledButtonSimple, _extends({
|
|
303
228
|
"data-test": "page",
|
|
304
229
|
"data-test-page": page,
|
|
305
230
|
appearance: "pill",
|
|
306
231
|
onClick: page !== undefined ? this.handleClick : undefined,
|
|
307
232
|
inline: false,
|
|
308
233
|
selected: selected
|
|
309
|
-
}, omit_default()(this.props, keys_default()(PaginatorButton.propTypes))), label, children && /*#__PURE__*/external_react_default.
|
|
234
|
+
}, omit_default()(this.props, keys_default()(PaginatorButton.propTypes))), label, children && /*#__PURE__*/external_react_default().createElement(StyledPrevNext, null, children));
|
|
310
235
|
}
|
|
311
236
|
}]);
|
|
312
237
|
|
|
313
238
|
return PaginatorButton;
|
|
314
|
-
}(
|
|
315
|
-
|
|
316
|
-
_defineProperty(Button_PaginatorButton, "propTypes", propTypes);
|
|
317
|
-
|
|
318
|
-
_defineProperty(Button_PaginatorButton, "defaultProps", defaultProps);
|
|
319
|
-
|
|
320
|
-
/* harmony default export */ var Button = (Button_PaginatorButton);
|
|
321
|
-
// EXTERNAL MODULE: external "@splunk/react-icons/enterprise/ChevronLeft"
|
|
322
|
-
var ChevronLeft_ = __webpack_require__(64);
|
|
323
|
-
var ChevronLeft_default = /*#__PURE__*/__webpack_require__.n(ChevronLeft_);
|
|
324
|
-
|
|
325
|
-
// EXTERNAL MODULE: external "@splunk/react-icons/ChevronLeft"
|
|
326
|
-
var react_icons_ChevronLeft_ = __webpack_require__(84);
|
|
327
|
-
var react_icons_ChevronLeft_default = /*#__PURE__*/__webpack_require__.n(react_icons_ChevronLeft_);
|
|
239
|
+
}(external_react_namespaceObject.Component);
|
|
328
240
|
|
|
329
|
-
|
|
330
|
-
var ChevronRight_ = __webpack_require__(35);
|
|
331
|
-
var ChevronRight_default = /*#__PURE__*/__webpack_require__.n(ChevronRight_);
|
|
241
|
+
_defineProperty(PaginatorButton, "propTypes", propTypes);
|
|
332
242
|
|
|
333
|
-
|
|
334
|
-
var react_icons_ChevronRight_ = __webpack_require__(43);
|
|
335
|
-
var react_icons_ChevronRight_default = /*#__PURE__*/__webpack_require__.n(react_icons_ChevronRight_);
|
|
243
|
+
_defineProperty(PaginatorButton, "defaultProps", defaultProps);
|
|
336
244
|
|
|
337
|
-
|
|
245
|
+
/* harmony default export */ const Button = (PaginatorButton);
|
|
246
|
+
;// CONCATENATED MODULE: external "@splunk/react-icons/enterprise/ChevronLeft"
|
|
247
|
+
const ChevronLeft_namespaceObject = require("@splunk/react-icons/enterprise/ChevronLeft");
|
|
248
|
+
var ChevronLeft_default = /*#__PURE__*/__webpack_require__.n(ChevronLeft_namespaceObject);
|
|
249
|
+
;// CONCATENATED MODULE: external "@splunk/react-icons/ChevronLeft"
|
|
250
|
+
const react_icons_ChevronLeft_namespaceObject = require("@splunk/react-icons/ChevronLeft");
|
|
251
|
+
var react_icons_ChevronLeft_default = /*#__PURE__*/__webpack_require__.n(react_icons_ChevronLeft_namespaceObject);
|
|
252
|
+
;// CONCATENATED MODULE: external "@splunk/react-icons/enterprise/ChevronRight"
|
|
253
|
+
const ChevronRight_namespaceObject = require("@splunk/react-icons/enterprise/ChevronRight");
|
|
254
|
+
var ChevronRight_default = /*#__PURE__*/__webpack_require__.n(ChevronRight_namespaceObject);
|
|
255
|
+
;// CONCATENATED MODULE: external "@splunk/react-icons/ChevronRight"
|
|
256
|
+
const react_icons_ChevronRight_namespaceObject = require("@splunk/react-icons/ChevronRight");
|
|
257
|
+
var react_icons_ChevronRight_default = /*#__PURE__*/__webpack_require__.n(react_icons_ChevronRight_namespaceObject);
|
|
258
|
+
;// CONCATENATED MODULE: ./src/Paginator/PaginatorStyles.ts
|
|
338
259
|
|
|
339
260
|
|
|
340
261
|
|
|
341
262
|
|
|
342
263
|
|
|
343
264
|
|
|
344
|
-
var StyledEnterpriseChevronLeftIcon = external_styled_components_default()(ChevronLeft_default
|
|
265
|
+
var StyledEnterpriseChevronLeftIcon = external_styled_components_default()((ChevronLeft_default())).withConfig({
|
|
345
266
|
displayName: "PaginatorStyles__StyledEnterpriseChevronLeftIcon",
|
|
346
267
|
componentId: "pmabsp-0"
|
|
347
268
|
})(["margin:-1px 3px 0 0;"]);
|
|
348
|
-
var StyledEnterpriseChevronRightIcon = external_styled_components_default()(ChevronRight_default
|
|
269
|
+
var StyledEnterpriseChevronRightIcon = external_styled_components_default()((ChevronRight_default())).withConfig({
|
|
349
270
|
displayName: "PaginatorStyles__StyledEnterpriseChevronRightIcon",
|
|
350
271
|
componentId: "pmabsp-1"
|
|
351
272
|
})(["margin:-1px 0 0 3px;"]);
|
|
352
|
-
var compact =
|
|
353
|
-
var comfortable =
|
|
354
|
-
var StyledChevronLeftIcon = external_styled_components_default()(react_icons_ChevronLeft_default
|
|
273
|
+
var compact = (0,external_styled_components_namespaceObject.css)(["height:20px;width:20px;"]);
|
|
274
|
+
var comfortable = (0,external_styled_components_namespaceObject.css)(["height:24px;width:24px;"]);
|
|
275
|
+
var StyledChevronLeftIcon = external_styled_components_default()((react_icons_ChevronLeft_default())).withConfig({
|
|
355
276
|
displayName: "PaginatorStyles__StyledChevronLeftIcon",
|
|
356
277
|
componentId: "pmabsp-2"
|
|
357
278
|
})(["margin:-2px 6px 0 0;color:", ";", ""], function (_ref) {
|
|
358
279
|
var $disabled = _ref.$disabled;
|
|
359
|
-
return $disabled ?
|
|
360
|
-
},
|
|
280
|
+
return $disabled ? themes_namespaceObject.variables.contentColorDisabled : themes_namespaceObject.variables.contentColorMuted;
|
|
281
|
+
}, (0,themes_namespaceObject.pick)({
|
|
361
282
|
compact: compact,
|
|
362
283
|
comfortable: comfortable
|
|
363
284
|
}));
|
|
364
|
-
var StyledChevronRightIcon = external_styled_components_default()(react_icons_ChevronRight_default
|
|
285
|
+
var StyledChevronRightIcon = external_styled_components_default()((react_icons_ChevronRight_default())).withConfig({
|
|
365
286
|
displayName: "PaginatorStyles__StyledChevronRightIcon",
|
|
366
287
|
componentId: "pmabsp-3"
|
|
367
288
|
})(["margin:-2px 0 0 6px;color:", ";", ""], function (_ref2) {
|
|
368
289
|
var $disabled = _ref2.$disabled;
|
|
369
|
-
return $disabled ?
|
|
370
|
-
},
|
|
290
|
+
return $disabled ? themes_namespaceObject.variables.contentColorDisabled : themes_namespaceObject.variables.contentColorMuted;
|
|
291
|
+
}, (0,themes_namespaceObject.pick)({
|
|
371
292
|
compact: compact,
|
|
372
293
|
comfortable: comfortable
|
|
373
294
|
}));
|
|
374
295
|
|
|
375
|
-
|
|
296
|
+
;// CONCATENATED MODULE: ./src/Paginator/Paginator.tsx
|
|
376
297
|
function Paginator_extends() { Paginator_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 Paginator_extends.apply(this, arguments); }
|
|
377
298
|
|
|
378
299
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
@@ -389,12 +310,12 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
389
310
|
|
|
390
311
|
|
|
391
312
|
var Paginator_propTypes = {
|
|
392
|
-
alwaysShowLastPageLink: external_prop_types_default.
|
|
393
|
-
current: external_prop_types_default.
|
|
394
|
-
elementRef: external_prop_types_default.
|
|
395
|
-
numPageLinks: external_prop_types_default.
|
|
396
|
-
onChange: external_prop_types_default.
|
|
397
|
-
totalPages: external_prop_types_default.
|
|
313
|
+
alwaysShowLastPageLink: (external_prop_types_default()).bool,
|
|
314
|
+
current: (external_prop_types_default()).number,
|
|
315
|
+
elementRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
|
|
316
|
+
numPageLinks: (external_prop_types_default()).number,
|
|
317
|
+
onChange: (external_prop_types_default()).func,
|
|
318
|
+
totalPages: (external_prop_types_default()).number
|
|
398
319
|
};
|
|
399
320
|
|
|
400
321
|
function Paginator(_ref) {
|
|
@@ -409,7 +330,7 @@ function Paginator(_ref) {
|
|
|
409
330
|
otherProps = _objectWithoutProperties(_ref, ["onChange", "current", "alwaysShowLastPageLink", "numPageLinks", "totalPages"]);
|
|
410
331
|
|
|
411
332
|
// @docs-props-type PaginatorPropsBase
|
|
412
|
-
var _useSplunkTheme =
|
|
333
|
+
var _useSplunkTheme = (0,themes_namespaceObject.useSplunkTheme)(),
|
|
413
334
|
isEnterprise = _useSplunkTheme.isEnterprise; // Can't show more links than total number of pages.
|
|
414
335
|
|
|
415
336
|
|
|
@@ -422,9 +343,7 @@ function Paginator(_ref) {
|
|
|
422
343
|
return null;
|
|
423
344
|
}
|
|
424
345
|
|
|
425
|
-
if ((current > totalPages || current < 1) && process.env.NODE_ENV !== "production") {
|
|
426
|
-
throw new Error('Error in Paginator: Current page is out of bounds');
|
|
427
|
-
}
|
|
346
|
+
if ((current > totalPages || current < 1) && process.env.NODE_ENV !== "production") {}
|
|
428
347
|
|
|
429
348
|
var firstPage;
|
|
430
349
|
var lastPage;
|
|
@@ -444,29 +363,29 @@ function Paginator(_ref) {
|
|
|
444
363
|
|
|
445
364
|
|
|
446
365
|
lastPage = alwaysShowLastPageLink && lastPage + 1 === totalPages ? totalPages : lastPage;
|
|
447
|
-
pages.push( /*#__PURE__*/external_react_default.
|
|
366
|
+
pages.push( /*#__PURE__*/external_react_default().createElement(Button, {
|
|
448
367
|
"data-test": "prev",
|
|
449
368
|
disabled: current === 1,
|
|
450
369
|
onClick: onChange,
|
|
451
370
|
page: current - 1,
|
|
452
371
|
key: "prev",
|
|
453
|
-
"aria-label":
|
|
454
|
-
}, isEnterprise ? /*#__PURE__*/external_react_default.
|
|
372
|
+
"aria-label": (0,i18n_namespaceObject._)('Go to previous page')
|
|
373
|
+
}, isEnterprise ? /*#__PURE__*/external_react_default().createElement(StyledEnterpriseChevronLeftIcon, {
|
|
455
374
|
hideDefaultTooltip: true,
|
|
456
375
|
screenReaderText: null
|
|
457
|
-
}) : /*#__PURE__*/external_react_default.
|
|
376
|
+
}) : /*#__PURE__*/external_react_default().createElement(StyledChevronLeftIcon, {
|
|
458
377
|
$disabled: current === 1
|
|
459
|
-
}),
|
|
378
|
+
}), (0,i18n_namespaceObject._)('Prev')));
|
|
460
379
|
|
|
461
380
|
if (current > loMid && totalPages > numLinks && firstPage !== 1) {
|
|
462
|
-
pages.push( /*#__PURE__*/external_react_default.
|
|
381
|
+
pages.push( /*#__PURE__*/external_react_default().createElement(Button, {
|
|
463
382
|
label: "1",
|
|
464
383
|
key: "first",
|
|
465
384
|
onClick: onChange,
|
|
466
385
|
page: 1,
|
|
467
|
-
"aria-label":
|
|
386
|
+
"aria-label": (0,i18n_namespaceObject._)('Go to first page')
|
|
468
387
|
}));
|
|
469
|
-
pages.push( /*#__PURE__*/external_react_default.
|
|
388
|
+
pages.push( /*#__PURE__*/external_react_default().createElement(Paginator_PageSeparator, {
|
|
470
389
|
"data-test": "page",
|
|
471
390
|
key: "prevEllipsis"
|
|
472
391
|
}));
|
|
@@ -474,149 +393,64 @@ function Paginator(_ref) {
|
|
|
474
393
|
|
|
475
394
|
for (var i = firstPage; i <= lastPage; i += 1) {
|
|
476
395
|
var isCurrent = i === current;
|
|
477
|
-
pages.push( /*#__PURE__*/external_react_default.
|
|
396
|
+
pages.push( /*#__PURE__*/external_react_default().createElement(Button, {
|
|
478
397
|
label: String(i),
|
|
479
398
|
selected: isCurrent,
|
|
480
399
|
onClick: onChange,
|
|
481
400
|
page: i,
|
|
482
401
|
key: i,
|
|
483
|
-
"aria-label": isCurrent ?
|
|
402
|
+
"aria-label": isCurrent ? (0,i18n_namespaceObject._)('Current page') : (0,format_namespaceObject.sprintf)((0,i18n_namespaceObject._)('Go to page %(pageNumber)d'), {
|
|
484
403
|
pageNumber: i
|
|
485
404
|
})
|
|
486
405
|
}));
|
|
487
406
|
}
|
|
488
407
|
|
|
489
408
|
if (current <= hiMid && totalPages > numLinks && lastPage !== totalPages) {
|
|
490
|
-
pages.push( /*#__PURE__*/external_react_default.
|
|
409
|
+
pages.push( /*#__PURE__*/external_react_default().createElement(Paginator_PageSeparator, {
|
|
491
410
|
"data-test": "page",
|
|
492
411
|
key: "nextEllipsis"
|
|
493
412
|
}));
|
|
494
413
|
|
|
495
414
|
if (alwaysShowLastPageLink) {
|
|
496
|
-
pages.push( /*#__PURE__*/external_react_default.
|
|
415
|
+
pages.push( /*#__PURE__*/external_react_default().createElement(Button, {
|
|
497
416
|
"data-test": "last",
|
|
498
417
|
label: String(totalPages),
|
|
499
418
|
key: "last",
|
|
500
419
|
onClick: onChange,
|
|
501
420
|
page: totalPages,
|
|
502
|
-
"aria-label":
|
|
421
|
+
"aria-label": (0,i18n_namespaceObject._)('Go to last page')
|
|
503
422
|
}));
|
|
504
423
|
}
|
|
505
424
|
}
|
|
506
425
|
|
|
507
|
-
pages.push( /*#__PURE__*/external_react_default.
|
|
426
|
+
pages.push( /*#__PURE__*/external_react_default().createElement(Button, {
|
|
508
427
|
"data-test": "next",
|
|
509
428
|
disabled: current === totalPages,
|
|
510
429
|
onClick: onChange,
|
|
511
430
|
page: current + 1,
|
|
512
431
|
key: "next",
|
|
513
|
-
"aria-label":
|
|
514
|
-
},
|
|
432
|
+
"aria-label": (0,i18n_namespaceObject._)('Go to next page')
|
|
433
|
+
}, (0,i18n_namespaceObject._)('Next'), isEnterprise ? /*#__PURE__*/external_react_default().createElement(StyledEnterpriseChevronRightIcon, {
|
|
515
434
|
hideDefaultTooltip: true,
|
|
516
435
|
screenReaderText: null
|
|
517
|
-
}) : /*#__PURE__*/external_react_default.
|
|
436
|
+
}) : /*#__PURE__*/external_react_default().createElement(StyledChevronRightIcon, {
|
|
518
437
|
$disabled: current === totalPages
|
|
519
438
|
})));
|
|
520
|
-
return /*#__PURE__*/external_react_default.
|
|
439
|
+
return /*#__PURE__*/external_react_default().createElement((Box_default()), Paginator_extends({
|
|
521
440
|
"data-test": "paginator",
|
|
522
441
|
"data-test-current": current,
|
|
523
442
|
flex: true,
|
|
524
443
|
inline: true,
|
|
525
444
|
role: "navigation",
|
|
526
|
-
"aria-label":
|
|
445
|
+
"aria-label": (0,i18n_namespaceObject._)('Pagination navigation')
|
|
527
446
|
}, otherProps), pages);
|
|
528
447
|
}
|
|
529
448
|
|
|
530
449
|
Paginator.propTypes = Paginator_propTypes;
|
|
531
|
-
/* harmony default export */
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
/***/ }),
|
|
537
|
-
|
|
538
|
-
/***/ 2:
|
|
539
|
-
/***/ (function(module, exports) {
|
|
540
|
-
|
|
541
|
-
module.exports = require("react");
|
|
542
|
-
|
|
543
|
-
/***/ }),
|
|
544
|
-
|
|
545
|
-
/***/ 28:
|
|
546
|
-
/***/ (function(module, exports) {
|
|
547
|
-
|
|
548
|
-
module.exports = require("@splunk/ui-utils/format");
|
|
549
|
-
|
|
550
|
-
/***/ }),
|
|
551
|
-
|
|
552
|
-
/***/ 3:
|
|
553
|
-
/***/ (function(module, exports) {
|
|
554
|
-
|
|
555
|
-
module.exports = require("styled-components");
|
|
556
|
-
|
|
557
|
-
/***/ }),
|
|
558
|
-
|
|
559
|
-
/***/ 35:
|
|
560
|
-
/***/ (function(module, exports) {
|
|
561
|
-
|
|
562
|
-
module.exports = require("@splunk/react-icons/enterprise/ChevronRight");
|
|
563
|
-
|
|
564
|
-
/***/ }),
|
|
565
|
-
|
|
566
|
-
/***/ 4:
|
|
567
|
-
/***/ (function(module, exports) {
|
|
568
|
-
|
|
569
|
-
module.exports = require("@splunk/ui-utils/i18n");
|
|
570
|
-
|
|
571
|
-
/***/ }),
|
|
572
|
-
|
|
573
|
-
/***/ 43:
|
|
574
|
-
/***/ (function(module, exports) {
|
|
575
|
-
|
|
576
|
-
module.exports = require("@splunk/react-icons/ChevronRight");
|
|
577
|
-
|
|
578
|
-
/***/ }),
|
|
579
|
-
|
|
580
|
-
/***/ 5:
|
|
581
|
-
/***/ (function(module, exports) {
|
|
582
|
-
|
|
583
|
-
module.exports = require("lodash/omit");
|
|
584
|
-
|
|
585
|
-
/***/ }),
|
|
586
|
-
|
|
587
|
-
/***/ 6:
|
|
588
|
-
/***/ (function(module, exports) {
|
|
589
|
-
|
|
590
|
-
module.exports = require("@splunk/react-ui/Box");
|
|
591
|
-
|
|
592
|
-
/***/ }),
|
|
593
|
-
|
|
594
|
-
/***/ 62:
|
|
595
|
-
/***/ (function(module, exports) {
|
|
596
|
-
|
|
597
|
-
module.exports = require("@splunk/react-ui/ButtonSimple");
|
|
598
|
-
|
|
599
|
-
/***/ }),
|
|
600
|
-
|
|
601
|
-
/***/ 64:
|
|
602
|
-
/***/ (function(module, exports) {
|
|
603
|
-
|
|
604
|
-
module.exports = require("@splunk/react-icons/enterprise/ChevronLeft");
|
|
605
|
-
|
|
606
|
-
/***/ }),
|
|
607
|
-
|
|
608
|
-
/***/ 84:
|
|
609
|
-
/***/ (function(module, exports) {
|
|
610
|
-
|
|
611
|
-
module.exports = require("@splunk/react-icons/ChevronLeft");
|
|
612
|
-
|
|
613
|
-
/***/ }),
|
|
614
|
-
|
|
615
|
-
/***/ 9:
|
|
616
|
-
/***/ (function(module, exports) {
|
|
617
|
-
|
|
618
|
-
module.exports = require("lodash/keys");
|
|
450
|
+
/* harmony default export */ const Paginator_Paginator = (Paginator);
|
|
451
|
+
;// CONCATENATED MODULE: ./src/Paginator/index.ts
|
|
619
452
|
|
|
620
|
-
/***/ })
|
|
621
453
|
|
|
622
|
-
|
|
454
|
+
module.exports = __webpack_exports__;
|
|
455
|
+
/******/ })()
|
|
456
|
+
;
|