@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/Number.js
CHANGED
|
@@ -1,189 +1,87 @@
|
|
|
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
|
+
/******/ }
|
|
18
28
|
/******/ };
|
|
19
|
-
/******/
|
|
20
|
-
/******/
|
|
21
|
-
/******/
|
|
22
|
-
/******/
|
|
23
|
-
/******/
|
|
24
|
-
/******/
|
|
25
|
-
/******/
|
|
26
|
-
/******/
|
|
27
|
-
/******/
|
|
28
|
-
/******/
|
|
29
|
-
/******/
|
|
30
|
-
/******/
|
|
31
|
-
/******/
|
|
32
|
-
/******/
|
|
33
|
-
/******/
|
|
34
|
-
/******/
|
|
35
|
-
/******/
|
|
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 = 203);
|
|
86
|
-
/******/ })
|
|
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 });
|
|
44
|
+
/******/ };
|
|
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
|
-
/***/ 11:
|
|
105
|
-
/***/ (function(module, exports) {
|
|
106
|
-
|
|
107
|
-
module.exports = require("lodash/has");
|
|
108
|
-
|
|
109
|
-
/***/ }),
|
|
110
|
-
|
|
111
|
-
/***/ 12:
|
|
112
|
-
/***/ (function(module, exports) {
|
|
113
|
-
|
|
114
|
-
module.exports = require("@splunk/react-ui/Clickable");
|
|
115
|
-
|
|
116
|
-
/***/ }),
|
|
117
|
-
|
|
118
|
-
/***/ 17:
|
|
119
|
-
/***/ (function(module, exports) {
|
|
120
|
-
|
|
121
|
-
module.exports = require("@splunk/react-ui/Button");
|
|
122
|
-
|
|
123
|
-
/***/ }),
|
|
124
|
-
|
|
125
|
-
/***/ 19:
|
|
126
|
-
/***/ (function(module, exports) {
|
|
127
|
-
|
|
128
|
-
module.exports = require("lodash/isFinite");
|
|
129
|
-
|
|
130
|
-
/***/ }),
|
|
131
|
-
|
|
132
|
-
/***/ 2:
|
|
133
|
-
/***/ (function(module, exports) {
|
|
134
|
-
|
|
135
|
-
module.exports = require("react");
|
|
136
|
-
|
|
137
|
-
/***/ }),
|
|
138
|
-
|
|
139
|
-
/***/ 203:
|
|
140
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
141
|
-
|
|
142
|
-
"use strict";
|
|
48
|
+
var __webpack_exports__ = {};
|
|
143
49
|
// ESM COMPAT FLAG
|
|
144
50
|
__webpack_require__.r(__webpack_exports__);
|
|
145
51
|
|
|
146
52
|
// EXPORTS
|
|
147
|
-
__webpack_require__.d(__webpack_exports__,
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
var external_react_ = __webpack_require__(2);
|
|
151
|
-
var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
|
|
152
|
-
|
|
153
|
-
// EXTERNAL MODULE: external "prop-types"
|
|
154
|
-
var external_prop_types_ = __webpack_require__(1);
|
|
155
|
-
var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
|
|
156
|
-
|
|
157
|
-
// EXTERNAL MODULE: external "lodash/has"
|
|
158
|
-
var has_ = __webpack_require__(11);
|
|
159
|
-
var has_default = /*#__PURE__*/__webpack_require__.n(has_);
|
|
160
|
-
|
|
161
|
-
// EXTERNAL MODULE: external "lodash/isFinite"
|
|
162
|
-
var isFinite_ = __webpack_require__(19);
|
|
163
|
-
var isFinite_default = /*#__PURE__*/__webpack_require__.n(isFinite_);
|
|
164
|
-
|
|
165
|
-
// EXTERNAL MODULE: external "lodash/isString"
|
|
166
|
-
var isString_ = __webpack_require__(23);
|
|
167
|
-
var isString_default = /*#__PURE__*/__webpack_require__.n(isString_);
|
|
168
|
-
|
|
169
|
-
// EXTERNAL MODULE: external "lodash/omit"
|
|
170
|
-
var omit_ = __webpack_require__(5);
|
|
171
|
-
var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
|
|
172
|
-
|
|
173
|
-
// EXTERNAL MODULE: external "@splunk/themes"
|
|
174
|
-
var themes_ = __webpack_require__(0);
|
|
175
|
-
|
|
176
|
-
// EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
|
|
177
|
-
var keyboard_ = __webpack_require__(7);
|
|
178
|
-
|
|
179
|
-
// EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
|
|
180
|
-
var i18n_ = __webpack_require__(4);
|
|
181
|
-
|
|
182
|
-
// EXTERNAL MODULE: external "@splunk/react-icons/SVGEnterprise"
|
|
183
|
-
var SVGEnterprise_ = __webpack_require__(32);
|
|
184
|
-
var SVGEnterprise_default = /*#__PURE__*/__webpack_require__.n(SVGEnterprise_);
|
|
53
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
54
|
+
"default": () => (/* reexport */ src_Number_Number)
|
|
55
|
+
});
|
|
185
56
|
|
|
186
|
-
|
|
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 "lodash/has"
|
|
64
|
+
const has_namespaceObject = require("lodash/has");
|
|
65
|
+
var has_default = /*#__PURE__*/__webpack_require__.n(has_namespaceObject);
|
|
66
|
+
;// CONCATENATED MODULE: external "lodash/isFinite"
|
|
67
|
+
const isFinite_namespaceObject = require("lodash/isFinite");
|
|
68
|
+
var isFinite_default = /*#__PURE__*/__webpack_require__.n(isFinite_namespaceObject);
|
|
69
|
+
;// CONCATENATED MODULE: external "lodash/isString"
|
|
70
|
+
const isString_namespaceObject = require("lodash/isString");
|
|
71
|
+
var isString_default = /*#__PURE__*/__webpack_require__.n(isString_namespaceObject);
|
|
72
|
+
;// CONCATENATED MODULE: external "lodash/omit"
|
|
73
|
+
const omit_namespaceObject = require("lodash/omit");
|
|
74
|
+
var omit_default = /*#__PURE__*/__webpack_require__.n(omit_namespaceObject);
|
|
75
|
+
;// CONCATENATED MODULE: external "@splunk/themes"
|
|
76
|
+
const themes_namespaceObject = require("@splunk/themes");
|
|
77
|
+
;// CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
|
|
78
|
+
const keyboard_namespaceObject = require("@splunk/ui-utils/keyboard");
|
|
79
|
+
;// CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
|
|
80
|
+
const i18n_namespaceObject = require("@splunk/ui-utils/i18n");
|
|
81
|
+
;// CONCATENATED MODULE: external "@splunk/react-icons/SVGEnterprise"
|
|
82
|
+
const SVGEnterprise_namespaceObject = require("@splunk/react-icons/SVGEnterprise");
|
|
83
|
+
var SVGEnterprise_default = /*#__PURE__*/__webpack_require__.n(SVGEnterprise_namespaceObject);
|
|
84
|
+
;// CONCATENATED MODULE: ./src/Number/IncrementIcon.tsx
|
|
187
85
|
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); }
|
|
188
86
|
|
|
189
87
|
|
|
@@ -191,49 +89,45 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
|
|
|
191
89
|
/* eslint-disable max-len */
|
|
192
90
|
|
|
193
91
|
function SortedUp(props) {
|
|
194
|
-
return /*#__PURE__*/external_react_default.
|
|
92
|
+
return /*#__PURE__*/external_react_default().createElement((SVGEnterprise_default()), _extends({
|
|
195
93
|
viewBox: "0 0 933 600"
|
|
196
|
-
}, props), /*#__PURE__*/external_react_default.
|
|
94
|
+
}, props), /*#__PURE__*/external_react_default().createElement("path", {
|
|
197
95
|
fill: "currentColor",
|
|
198
96
|
d: "M0 466.438L466.438 0l466.44 467.466-134.59 133.56-331.85-331.848-331.85 331.85L0 466.438z"
|
|
199
97
|
}));
|
|
200
98
|
}
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
var
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
var Text_ = __webpack_require__(30);
|
|
215
|
-
var Text_default = /*#__PURE__*/__webpack_require__.n(Text_);
|
|
99
|
+
;// CONCATENATED MODULE: external "styled-components"
|
|
100
|
+
const external_styled_components_namespaceObject = require("styled-components");
|
|
101
|
+
var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_namespaceObject);
|
|
102
|
+
;// CONCATENATED MODULE: external "@splunk/react-ui/Button"
|
|
103
|
+
const Button_namespaceObject = require("@splunk/react-ui/Button");
|
|
104
|
+
var Button_default = /*#__PURE__*/__webpack_require__.n(Button_namespaceObject);
|
|
105
|
+
;// CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
|
|
106
|
+
const Clickable_namespaceObject = require("@splunk/react-ui/Clickable");
|
|
107
|
+
var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_namespaceObject);
|
|
108
|
+
;// CONCATENATED MODULE: external "@splunk/react-ui/Text"
|
|
109
|
+
const Text_namespaceObject = require("@splunk/react-ui/Text");
|
|
110
|
+
var Text_default = /*#__PURE__*/__webpack_require__.n(Text_namespaceObject);
|
|
111
|
+
;// CONCATENATED MODULE: ./src/Number/NumberStyles.ts
|
|
216
112
|
|
|
217
|
-
// CONCATENATED MODULE: ./src/Number/NumberStyles.ts
|
|
218
113
|
|
|
219
114
|
|
|
220
115
|
|
|
221
116
|
|
|
222
|
-
|
|
223
|
-
var StyledText = external_styled_components_default()(Text_default.a).withConfig({
|
|
117
|
+
var StyledText = external_styled_components_default()((Text_default())).withConfig({
|
|
224
118
|
displayName: "NumberStyles__StyledText",
|
|
225
119
|
componentId: "sc-2ekj9s-0"
|
|
226
|
-
})(["&[data-inline]{", "}"],
|
|
120
|
+
})(["&[data-inline]{", "}"], (0,themes_namespaceObject.pick)({
|
|
227
121
|
enterprise: {
|
|
228
|
-
comfortable:
|
|
229
|
-
compact:
|
|
122
|
+
comfortable: (0,external_styled_components_namespaceObject.css)(["width:100px;"]),
|
|
123
|
+
compact: (0,external_styled_components_namespaceObject.css)(["width:80px;"])
|
|
230
124
|
},
|
|
231
|
-
prisma:
|
|
125
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["width:100px;"])
|
|
232
126
|
}));
|
|
233
|
-
var StyledControls = external_styled_components_default.
|
|
127
|
+
var StyledControls = external_styled_components_default().div.withConfig({
|
|
234
128
|
displayName: "NumberStyles__StyledControls",
|
|
235
129
|
componentId: "sc-2ekj9s-1"
|
|
236
|
-
})(["width:", ";height:100%;", " ", ""],
|
|
130
|
+
})(["width:", ";height:100%;", " ", ""], (0,themes_namespaceObject.pick)({
|
|
237
131
|
enterprise: {
|
|
238
132
|
comfortable: '20px',
|
|
239
133
|
compact: '16px'
|
|
@@ -242,60 +136,60 @@ var StyledControls = external_styled_components_default.a.div.withConfig({
|
|
|
242
136
|
comfortable: '24px',
|
|
243
137
|
compact: '24px'
|
|
244
138
|
}
|
|
245
|
-
}),
|
|
246
|
-
enterprise:
|
|
247
|
-
prisma:
|
|
139
|
+
}), (0,themes_namespaceObject.pick)({
|
|
140
|
+
enterprise: (0,external_styled_components_namespaceObject.css)(["transform:translateY(-1px);"]),
|
|
141
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["transform:translateX(1px);"])
|
|
248
142
|
}), function (_ref) {
|
|
249
143
|
var $isAppend = _ref.$isAppend;
|
|
250
|
-
return $isAppend ?
|
|
251
|
-
prisma:
|
|
252
|
-
})) :
|
|
144
|
+
return $isAppend ? (0,external_styled_components_namespaceObject.css)(["margin-right:8px;", ""], (0,themes_namespaceObject.pick)({
|
|
145
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["transform:translateX(-1px);"])
|
|
146
|
+
})) : (0,external_styled_components_namespaceObject.css)(["margin-left:8px;"]);
|
|
253
147
|
});
|
|
254
|
-
var incrementor =
|
|
148
|
+
var incrementor = (0,external_styled_components_namespaceObject.css)(["position:relative;padding:3px;font-size:inherit;min-width:0;min-height:0;height:", ";width:100%;"], (0,themes_namespaceObject.pick)({
|
|
255
149
|
enterprise: 'calc(50% + 1.5px)',
|
|
256
150
|
prisma: '50%'
|
|
257
151
|
}));
|
|
258
|
-
var StyledPlusButton = external_styled_components_default()(Button_default
|
|
152
|
+
var StyledPlusButton = external_styled_components_default()((Button_default())).withConfig({
|
|
259
153
|
displayName: "NumberStyles__StyledPlusButton",
|
|
260
154
|
componentId: "sc-2ekj9s-2"
|
|
261
155
|
})(["", ";top:0;border-bottom-left-radius:0;border-bottom-right-radius:0;", " &:not([disabled]){&,&:hover{", ";}}"], incrementor, function (_ref2) {
|
|
262
156
|
var append = _ref2.append;
|
|
263
|
-
return append &&
|
|
157
|
+
return append && (0,themes_namespaceObject.pick)({
|
|
264
158
|
enterprise: {
|
|
265
|
-
light:
|
|
266
|
-
dark:
|
|
159
|
+
light: (0,external_styled_components_namespaceObject.css)(["border-right:1px solid ", ";"], themes_namespaceObject.variables.gray60),
|
|
160
|
+
dark: (0,external_styled_components_namespaceObject.css)(["border-right:", ";"], themes_namespaceObject.variables.border)
|
|
267
161
|
}
|
|
268
162
|
});
|
|
269
|
-
},
|
|
163
|
+
}, (0,themes_namespaceObject.pick)({
|
|
270
164
|
enterprise: {
|
|
271
|
-
dark:
|
|
165
|
+
dark: (0,external_styled_components_namespaceObject.css)(["border-color:", ";"], themes_namespaceObject.variables.gray20)
|
|
272
166
|
}
|
|
273
167
|
}));
|
|
274
|
-
var StyledMinusButton = external_styled_components_default()(Button_default
|
|
168
|
+
var StyledMinusButton = external_styled_components_default()((Button_default())).withConfig({
|
|
275
169
|
displayName: "NumberStyles__StyledMinusButton",
|
|
276
170
|
componentId: "sc-2ekj9s-3"
|
|
277
171
|
})(["", ";bottom:1px;border-top-left-radius:0;border-top-right-radius:0;", " &:not([disabled]){&,&:hover{", ";}}"], incrementor, function (_ref3) {
|
|
278
172
|
var append = _ref3.append;
|
|
279
|
-
return append &&
|
|
173
|
+
return append && (0,themes_namespaceObject.pick)({
|
|
280
174
|
enterprise: {
|
|
281
|
-
light:
|
|
282
|
-
dark:
|
|
175
|
+
light: (0,external_styled_components_namespaceObject.css)(["border-right:1px solid ", ";"], themes_namespaceObject.variables.gray60),
|
|
176
|
+
dark: (0,external_styled_components_namespaceObject.css)(["border-right:", ";"], themes_namespaceObject.variables.border)
|
|
283
177
|
}
|
|
284
178
|
});
|
|
285
|
-
},
|
|
179
|
+
}, (0,themes_namespaceObject.pick)({
|
|
286
180
|
enterprise: {
|
|
287
|
-
dark:
|
|
181
|
+
dark: (0,external_styled_components_namespaceObject.css)(["border-color:", ";"], themes_namespaceObject.variables.gray20)
|
|
288
182
|
}
|
|
289
183
|
}));
|
|
290
|
-
var prismaButton = external_styled_components_default()(Clickable_default
|
|
184
|
+
var prismaButton = external_styled_components_default()((Clickable_default())).withConfig({
|
|
291
185
|
displayName: "NumberStyles__prismaButton",
|
|
292
186
|
componentId: "sc-2ekj9s-4"
|
|
293
|
-
})(["", ";display:flex;align-items:center;justify-content:center;", " &:hover:not([disabled]){", "}&:active:not([disabled]){", "}"], incrementor,
|
|
294
|
-
prisma:
|
|
295
|
-
}),
|
|
296
|
-
prisma:
|
|
297
|
-
}),
|
|
298
|
-
prisma:
|
|
187
|
+
})(["", ";display:flex;align-items:center;justify-content:center;", " &:hover:not([disabled]){", "}&:active:not([disabled]){", "}"], incrementor, (0,themes_namespaceObject.pick)({
|
|
188
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["color:", ";"], themes_namespaceObject.variables.contentColorDefault)
|
|
189
|
+
}), (0,themes_namespaceObject.pick)({
|
|
190
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["background-color:", ";color:", ";"], themes_namespaceObject.variables.interactiveColorOverlayHover, themes_namespaceObject.variables.contentColorActive)
|
|
191
|
+
}), (0,themes_namespaceObject.pick)({
|
|
192
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["background-color:", ";color:", ";"], themes_namespaceObject.variables.interactiveColorOverlayActive, themes_namespaceObject.variables.contentColorActive)
|
|
299
193
|
}));
|
|
300
194
|
var StyledPrismaPlusButton = external_styled_components_default()(prismaButton).withConfig({
|
|
301
195
|
displayName: "NumberStyles__StyledPrismaPlusButton",
|
|
@@ -306,7 +200,7 @@ var StyledPrismaMinusButton = external_styled_components_default()(prismaButton)
|
|
|
306
200
|
componentId: "sc-2ekj9s-6"
|
|
307
201
|
})(["border-bottom-right-radius:4px;padding-bottom:5px;"]);
|
|
308
202
|
|
|
309
|
-
|
|
203
|
+
;// CONCATENATED MODULE: ./src/Number/Number.tsx
|
|
310
204
|
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); }
|
|
311
205
|
|
|
312
206
|
function Number_extends() { Number_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 Number_extends.apply(this, arguments); }
|
|
@@ -349,37 +243,37 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
|
|
|
349
243
|
|
|
350
244
|
|
|
351
245
|
var propTypes = {
|
|
352
|
-
append: external_prop_types_default.
|
|
353
|
-
children: external_prop_types_default.
|
|
354
|
-
defaultValue: external_prop_types_default.
|
|
355
|
-
describedBy: external_prop_types_default.
|
|
356
|
-
disabled: external_prop_types_default.
|
|
357
|
-
elementRef: external_prop_types_default.
|
|
358
|
-
inputRef: external_prop_types_default.
|
|
359
|
-
error: external_prop_types_default.
|
|
360
|
-
hideStepButtons: external_prop_types_default.
|
|
361
|
-
inline: external_prop_types_default.
|
|
362
|
-
inputId: external_prop_types_default.
|
|
363
|
-
labelledBy: external_prop_types_default.
|
|
364
|
-
locale: external_prop_types_default.
|
|
365
|
-
max: external_prop_types_default.
|
|
366
|
-
min: external_prop_types_default.
|
|
367
|
-
name: external_prop_types_default.
|
|
368
|
-
onBlur: external_prop_types_default.
|
|
369
|
-
onChange: external_prop_types_default.
|
|
370
|
-
onFocus: external_prop_types_default.
|
|
371
|
-
onKeyDown: external_prop_types_default.
|
|
372
|
-
onKeyUp: external_prop_types_default.
|
|
373
|
-
onSelect: external_prop_types_default.
|
|
374
|
-
placeholder: external_prop_types_default.
|
|
375
|
-
prepend: external_prop_types_default.
|
|
376
|
-
roundTo: external_prop_types_default.
|
|
377
|
-
step: external_prop_types_default.
|
|
246
|
+
append: (external_prop_types_default()).bool,
|
|
247
|
+
children: (external_prop_types_default()).node,
|
|
248
|
+
defaultValue: (external_prop_types_default()).number,
|
|
249
|
+
describedBy: (external_prop_types_default()).string,
|
|
250
|
+
disabled: (external_prop_types_default()).bool,
|
|
251
|
+
elementRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
|
|
252
|
+
inputRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
|
|
253
|
+
error: (external_prop_types_default()).bool,
|
|
254
|
+
hideStepButtons: (external_prop_types_default()).bool,
|
|
255
|
+
inline: (external_prop_types_default()).bool,
|
|
256
|
+
inputId: (external_prop_types_default()).string,
|
|
257
|
+
labelledBy: (external_prop_types_default()).string,
|
|
258
|
+
locale: (external_prop_types_default()).string,
|
|
259
|
+
max: (external_prop_types_default()).number,
|
|
260
|
+
min: (external_prop_types_default()).number,
|
|
261
|
+
name: (external_prop_types_default()).string,
|
|
262
|
+
onBlur: (external_prop_types_default()).func,
|
|
263
|
+
onChange: (external_prop_types_default()).func,
|
|
264
|
+
onFocus: (external_prop_types_default()).func,
|
|
265
|
+
onKeyDown: (external_prop_types_default()).func,
|
|
266
|
+
onKeyUp: (external_prop_types_default()).func,
|
|
267
|
+
onSelect: (external_prop_types_default()).func,
|
|
268
|
+
placeholder: (external_prop_types_default()).string,
|
|
269
|
+
prepend: (external_prop_types_default()).bool,
|
|
270
|
+
roundTo: (external_prop_types_default()).number,
|
|
271
|
+
step: (external_prop_types_default()).number,
|
|
378
272
|
|
|
379
273
|
/** @private */
|
|
380
|
-
splunkTheme: external_prop_types_default.
|
|
381
|
-
useSyntheticPlaceholder: external_prop_types_default.
|
|
382
|
-
value: external_prop_types_default.
|
|
274
|
+
splunkTheme: (external_prop_types_default()).object,
|
|
275
|
+
useSyntheticPlaceholder: (external_prop_types_default()).bool,
|
|
276
|
+
value: (external_prop_types_default()).number
|
|
383
277
|
};
|
|
384
278
|
var defaultProps = {
|
|
385
279
|
append: false,
|
|
@@ -505,21 +399,21 @@ var Number_Number = /*#__PURE__*/function (_Component) {
|
|
|
505
399
|
_defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (e) {
|
|
506
400
|
var _this$props$onKeyDown, _this$props2;
|
|
507
401
|
|
|
508
|
-
if (!e.metaKey && !e.ctrlKey && !e.altKey &&
|
|
402
|
+
if (!e.metaKey && !e.ctrlKey && !e.altKey && (0,keyboard_namespaceObject.addsCharacter)(e.nativeEvent) !== false) {
|
|
509
403
|
// only allow numbers, negative and decimals
|
|
510
|
-
if (!
|
|
404
|
+
if (!(0,keyboard_namespaceObject.isNumeric)(e.nativeEvent, {
|
|
511
405
|
locale: _this.props.locale
|
|
512
406
|
})) {
|
|
513
407
|
e.preventDefault();
|
|
514
408
|
} // if minus is not allowed or there is already one, prevent input
|
|
515
409
|
|
|
516
410
|
|
|
517
|
-
if (
|
|
411
|
+
if ((0,keyboard_namespaceObject.isMinus)(e.nativeEvent) && (_this.preventNegativeNumbers() || _this.state.stringValue.indexOf('-') >= 0)) {
|
|
518
412
|
e.preventDefault();
|
|
519
413
|
} // if decimal is not allowed or there is already one, prevent input
|
|
520
414
|
|
|
521
415
|
|
|
522
|
-
if (
|
|
416
|
+
if ((0,keyboard_namespaceObject.isDecimal)(e.nativeEvent, {
|
|
523
417
|
locale: _this.props.locale
|
|
524
418
|
}) && (_this.props.roundTo <= 0 || _this.state.stringValue.indexOf(_this.props.locale) >= 0)) {
|
|
525
419
|
e.preventDefault();
|
|
@@ -527,11 +421,11 @@ var Number_Number = /*#__PURE__*/function (_Component) {
|
|
|
527
421
|
} // Arrow up and down will increment
|
|
528
422
|
|
|
529
423
|
|
|
530
|
-
if (
|
|
424
|
+
if ((0,keyboard_namespaceObject.keycode)(e.nativeEvent) === 'up') {
|
|
531
425
|
_this.increment(e, _this.props.step);
|
|
532
426
|
|
|
533
427
|
e.preventDefault();
|
|
534
|
-
} else if (
|
|
428
|
+
} else if ((0,keyboard_namespaceObject.keycode)(e.nativeEvent) === 'down') {
|
|
535
429
|
_this.increment(e, -_this.props.step);
|
|
536
430
|
|
|
537
431
|
e.preventDefault();
|
|
@@ -543,7 +437,7 @@ var Number_Number = /*#__PURE__*/function (_Component) {
|
|
|
543
437
|
_defineProperty(_assertThisInitialized(_this), "handleKeyUp", function (e) {
|
|
544
438
|
var _this$props$onKeyUp, _this$props3;
|
|
545
439
|
|
|
546
|
-
if (
|
|
440
|
+
if ((0,keyboard_namespaceObject.keycode)(e.nativeEvent) === 'enter') {
|
|
547
441
|
_this.updateString();
|
|
548
442
|
}
|
|
549
443
|
|
|
@@ -719,10 +613,10 @@ var Number_Number = /*#__PURE__*/function (_Component) {
|
|
|
719
613
|
};
|
|
720
614
|
var disableIncrement = value !== undefined && isFinite_default()(value) && max !== undefined && isFinite_default()(max) && value >= max;
|
|
721
615
|
var disableDecrement = value !== undefined && isFinite_default()(value) && min !== undefined && isFinite_default()(min) && value <= min;
|
|
722
|
-
var plusIcon = /*#__PURE__*/external_react_default.
|
|
616
|
+
var plusIcon = /*#__PURE__*/external_react_default().createElement(SortedUp, {
|
|
723
617
|
width: "6px",
|
|
724
618
|
height: "4px",
|
|
725
|
-
screenReaderText:
|
|
619
|
+
screenReaderText: (0,i18n_namespaceObject._)('Increment')
|
|
726
620
|
});
|
|
727
621
|
|
|
728
622
|
var plusProps = _objectSpread({
|
|
@@ -732,11 +626,11 @@ var Number_Number = /*#__PURE__*/function (_Component) {
|
|
|
732
626
|
tabIndex: -1
|
|
733
627
|
}, buttonProps);
|
|
734
628
|
|
|
735
|
-
var styledPlus = isPrisma ? /*#__PURE__*/external_react_default.
|
|
736
|
-
var minusIcon = /*#__PURE__*/external_react_default.
|
|
629
|
+
var styledPlus = isPrisma ? /*#__PURE__*/external_react_default().createElement(StyledPrismaPlusButton, plusProps, plusIcon) : /*#__PURE__*/external_react_default().createElement(StyledPlusButton, plusProps, plusIcon);
|
|
630
|
+
var minusIcon = /*#__PURE__*/external_react_default().createElement(SortedUp, {
|
|
737
631
|
width: "6px",
|
|
738
632
|
height: "4px",
|
|
739
|
-
screenReaderText:
|
|
633
|
+
screenReaderText: (0,i18n_namespaceObject._)('Decrement'),
|
|
740
634
|
style: {
|
|
741
635
|
transform: 'rotateX(180deg)'
|
|
742
636
|
}
|
|
@@ -749,15 +643,15 @@ var Number_Number = /*#__PURE__*/function (_Component) {
|
|
|
749
643
|
tabIndex: -1
|
|
750
644
|
}, buttonProps);
|
|
751
645
|
|
|
752
|
-
var styledMinus = isPrisma ? /*#__PURE__*/external_react_default.
|
|
646
|
+
var styledMinus = isPrisma ? /*#__PURE__*/external_react_default().createElement(StyledPrismaMinusButton, minusProps, minusIcon) : /*#__PURE__*/external_react_default().createElement(StyledMinusButton, minusProps, minusIcon);
|
|
753
647
|
var isAppend = append && !prepend;
|
|
754
|
-
var startAdornment = (!disabled || isPrisma) && isAppend && !hideStepButtons && /*#__PURE__*/external_react_default.
|
|
648
|
+
var startAdornment = (!disabled || isPrisma) && isAppend && !hideStepButtons && /*#__PURE__*/external_react_default().createElement(StyledControls, {
|
|
755
649
|
$isAppend: isAppend
|
|
756
650
|
}, styledPlus, styledMinus);
|
|
757
|
-
var endAdornment = (!disabled || isPrisma) && !isAppend && !hideStepButtons && /*#__PURE__*/external_react_default.
|
|
651
|
+
var endAdornment = (!disabled || isPrisma) && !isAppend && !hideStepButtons && /*#__PURE__*/external_react_default().createElement(StyledControls, {
|
|
758
652
|
$isAppend: isAppend
|
|
759
653
|
}, styledPlus, styledMinus);
|
|
760
|
-
return /*#__PURE__*/external_react_default.
|
|
654
|
+
return /*#__PURE__*/external_react_default().createElement(StyledText, Number_extends({
|
|
761
655
|
autoCapitalize: "off",
|
|
762
656
|
autoComplete: "off",
|
|
763
657
|
autoCorrect: "off",
|
|
@@ -783,7 +677,7 @@ var Number_Number = /*#__PURE__*/function (_Component) {
|
|
|
783
677
|
}]);
|
|
784
678
|
|
|
785
679
|
return Number;
|
|
786
|
-
}(
|
|
680
|
+
}(external_react_namespaceObject.Component);
|
|
787
681
|
|
|
788
682
|
_defineProperty(Number_Number, "propTypes", propTypes);
|
|
789
683
|
|
|
@@ -803,62 +697,12 @@ _defineProperty(Number_Number, "getDerivedStateFromProps", function (props, stat
|
|
|
803
697
|
return null;
|
|
804
698
|
});
|
|
805
699
|
|
|
806
|
-
var NumberWithTheme =
|
|
700
|
+
var NumberWithTheme = (0,themes_namespaceObject.withSplunkTheme)(Number_Number);
|
|
807
701
|
NumberWithTheme.propTypes = Number_Number.propTypes;
|
|
808
|
-
/* harmony default export */
|
|
809
|
-
|
|
810
|
-
|
|
811
|
-
|
|
812
|
-
|
|
813
|
-
/***/ }),
|
|
814
|
-
|
|
815
|
-
/***/ 23:
|
|
816
|
-
/***/ (function(module, exports) {
|
|
817
|
-
|
|
818
|
-
module.exports = require("lodash/isString");
|
|
819
|
-
|
|
820
|
-
/***/ }),
|
|
821
|
-
|
|
822
|
-
/***/ 3:
|
|
823
|
-
/***/ (function(module, exports) {
|
|
824
|
-
|
|
825
|
-
module.exports = require("styled-components");
|
|
826
|
-
|
|
827
|
-
/***/ }),
|
|
828
|
-
|
|
829
|
-
/***/ 30:
|
|
830
|
-
/***/ (function(module, exports) {
|
|
831
|
-
|
|
832
|
-
module.exports = require("@splunk/react-ui/Text");
|
|
833
|
-
|
|
834
|
-
/***/ }),
|
|
835
|
-
|
|
836
|
-
/***/ 32:
|
|
837
|
-
/***/ (function(module, exports) {
|
|
838
|
-
|
|
839
|
-
module.exports = require("@splunk/react-icons/SVGEnterprise");
|
|
840
|
-
|
|
841
|
-
/***/ }),
|
|
842
|
-
|
|
843
|
-
/***/ 4:
|
|
844
|
-
/***/ (function(module, exports) {
|
|
845
|
-
|
|
846
|
-
module.exports = require("@splunk/ui-utils/i18n");
|
|
847
|
-
|
|
848
|
-
/***/ }),
|
|
849
|
-
|
|
850
|
-
/***/ 5:
|
|
851
|
-
/***/ (function(module, exports) {
|
|
852
|
-
|
|
853
|
-
module.exports = require("lodash/omit");
|
|
854
|
-
|
|
855
|
-
/***/ }),
|
|
856
|
-
|
|
857
|
-
/***/ 7:
|
|
858
|
-
/***/ (function(module, exports) {
|
|
859
|
-
|
|
860
|
-
module.exports = require("@splunk/ui-utils/keyboard");
|
|
702
|
+
/* harmony default export */ const src_Number_Number = (NumberWithTheme);
|
|
703
|
+
;// CONCATENATED MODULE: ./src/Number/index.ts
|
|
861
704
|
|
|
862
|
-
/***/ })
|
|
863
705
|
|
|
864
|
-
|
|
706
|
+
module.exports = __webpack_exports__;
|
|
707
|
+
/******/ })()
|
|
708
|
+
;
|