@splunk/react-ui 4.41.0 → 4.43.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/ButtonGroup.js +1 -3
- package/CHANGELOG.md +47 -0
- package/Code.js +611 -426
- package/ComboBox.js +25 -32
- package/Date.js +21 -26
- package/Dropdown.js +33 -32
- package/JSONTree.js +30 -24
- package/Layer.js +115 -97
- package/Link.js +19 -21
- package/MIGRATION.mdx +48 -53
- package/Menu.js +7 -2
- package/MessageBar.js +54 -56
- package/Multiselect.js +1051 -1035
- package/Number.js +424 -395
- package/Paginator.js +269 -251
- package/Popover.js +595 -526
- package/RadioList.js +44 -43
- package/Resize.js +61 -61
- package/ResultsMenu.d.ts +2 -0
- package/ResultsMenu.js +4 -4
- package/Scroll.js +482 -475
- package/Search.js +56 -65
- package/Select.js +532 -513
- package/TabBar.js +4 -0
- package/Table.js +1519 -1437
- package/Text.js +29 -17
- package/TextArea.js +37 -37
- package/Tooltip.js +300 -207
- package/TransitionOpen.js +16 -14
- package/Tree.js +20 -14
- package/package.json +7 -7
- package/types/src/Button/Button.d.ts +1 -0
- package/types/src/ButtonGroup/ButtonGroup.d.ts +0 -4
- package/types/src/Code/Code.d.ts +1 -1
- package/types/src/ComboBox/ComboBox.d.ts +6 -3
- package/types/src/Date/Date.d.ts +0 -1
- package/types/src/Dropdown/Dropdown.d.ts +2 -1
- package/types/src/Dropdown/docs/examples/TooltipButtonToggle.d.ts +2 -0
- package/types/src/Layer/Layer.d.ts +2 -1
- package/types/src/Link/Link.d.ts +0 -2
- package/types/src/Multiselect/Multiselect.d.ts +2 -0
- package/types/src/Number/Number.d.ts +11 -10
- package/types/src/Number/utils.d.ts +29 -0
- package/types/src/Paginator/Paginator.d.ts +15 -2
- package/types/src/Paginator/docs/examples/CustomPages.d.ts +2 -0
- package/types/src/Popover/Popover.d.ts +18 -12
- package/types/src/Popover/PopoverMenuContext.d.ts +6 -0
- package/types/src/Popover/PopoverProvider.d.ts +23 -0
- package/types/src/Popover/index.d.ts +2 -1
- package/types/src/RadioList/RadioList.d.ts +1 -1
- package/types/src/Resize/Resize.d.ts +0 -11
- package/types/src/Scroll/Inner.d.ts +17 -19
- package/types/src/Select/SelectBase.d.ts +7 -5
- package/types/src/Select/docs/examples/Appearance.d.ts +1 -11
- package/types/src/Select/docs/examples/Basic.d.ts +1 -9
- package/types/src/Select/docs/examples/Children.d.ts +1 -9
- package/types/src/Select/docs/examples/Descriptions.d.ts +1 -9
- package/types/src/Select/docs/examples/Fetching.d.ts +1 -22
- package/types/src/Select/docs/examples/Filter.d.ts +1 -9
- package/types/src/Select/docs/examples/Headings.d.ts +1 -9
- package/types/src/Select/docs/examples/LoadMoreOnScrollBottom.d.ts +1 -24
- package/types/src/Select/docs/examples/Prefix.d.ts +1 -9
- package/types/src/Select/docs/examples/Truncate.d.ts +1 -9
- package/types/src/Table/ExpandButton.d.ts +8 -0
- package/types/src/Table/HeadDropdownCell.d.ts +2 -0
- package/types/src/Table/HeadInner.d.ts +5 -1
- package/types/src/Table/Row.d.ts +8 -2
- package/types/src/Table/docs/examples/Click.d.ts +2 -16
- package/types/src/Table/docs/examples/ClickRows.d.ts +2 -16
- package/types/src/Table/docs/examples/Complex.d.ts +2 -50
- package/types/src/Table/docs/examples/FilterColumnValues.d.ts +1 -13
- package/types/src/Table/docs/examples/HeadDropdownCell.d.ts +1 -17
- package/types/src/Table/docs/examples/ReorderColumns.d.ts +2 -21
- package/types/src/Table/docs/examples/ReorderRows.d.ts +2 -21
- package/types/src/Table/docs/examples/Resizable.d.ts +2 -23
- package/types/src/Table/docs/examples/ResizableFill.d.ts +2 -23
- package/types/src/Table/docs/examples/RowActions.d.ts +2 -39
- package/types/src/Table/docs/examples/Selectable.d.ts +2 -18
- package/types/src/Table/docs/examples/SortableColumns.d.ts +1 -11
- package/types/src/Tooltip/Tooltip.d.ts +38 -5
- package/types/src/Tooltip/docs/examples/CustomProps.d.ts +2 -0
- package/types/src/Tooltip/docs/examples/Toggletip.d.ts +2 -0
- package/types/src/useControlled/useControlled.d.ts +5 -4
- package/useControlled.js +37 -15
- package/usePrevious.js +62 -30
- package/useResizeObserver.js +122 -90
- package/useRovingFocus.js +5 -4
- package/types/src/Dropdown/docs/examples/OtherToggles.d.ts +0 -2
- package/types/src/Popover/PopoverContext.d.ts +0 -6
- package/types/src/Table/icons/ExpansionRow.d.ts +0 -6
- package/types/src/Tooltip/docs/examples/CustomContent.d.ts +0 -2
package/Number.js
CHANGED
|
@@ -8,27 +8,27 @@
|
|
|
8
8
|
/******/ /* webpack/runtime/compat get default export */
|
|
9
9
|
/******/ (() => {
|
|
10
10
|
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|
11
|
-
/******/ e.n =
|
|
12
|
-
/******/ var
|
|
13
|
-
/******/ () =>
|
|
14
|
-
/******/ : () =>
|
|
11
|
+
/******/ e.n = r => {
|
|
12
|
+
/******/ var t = r && r.__esModule ?
|
|
13
|
+
/******/ () => r["default"]
|
|
14
|
+
/******/ : () => r
|
|
15
15
|
/******/;
|
|
16
|
-
e.d(
|
|
17
|
-
a:
|
|
16
|
+
e.d(t, {
|
|
17
|
+
a: t
|
|
18
18
|
});
|
|
19
|
-
/******/ return
|
|
19
|
+
/******/ return t;
|
|
20
20
|
/******/ };
|
|
21
21
|
/******/ })();
|
|
22
22
|
/******/
|
|
23
23
|
/******/ /* webpack/runtime/define property getters */
|
|
24
24
|
/******/ (() => {
|
|
25
25
|
/******/ // define getter functions for harmony exports
|
|
26
|
-
/******/ e.d = (
|
|
27
|
-
/******/ for (var n in
|
|
28
|
-
/******/ if (e.o(
|
|
29
|
-
/******/ Object.defineProperty(
|
|
26
|
+
/******/ e.d = (r, t) => {
|
|
27
|
+
/******/ for (var n in t) {
|
|
28
|
+
/******/ if (e.o(t, n) && !e.o(r, n)) {
|
|
29
|
+
/******/ Object.defineProperty(r, n, {
|
|
30
30
|
enumerable: true,
|
|
31
|
-
get:
|
|
31
|
+
get: t[n]
|
|
32
32
|
});
|
|
33
33
|
/******/ }
|
|
34
34
|
/******/ }
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
/******/
|
|
38
38
|
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
|
39
39
|
/******/ (() => {
|
|
40
|
-
/******/ e.o = (e,
|
|
40
|
+
/******/ e.o = (e, r) => Object.prototype.hasOwnProperty.call(e, r)
|
|
41
41
|
/******/;
|
|
42
42
|
})();
|
|
43
43
|
/******/
|
|
@@ -56,56 +56,53 @@
|
|
|
56
56
|
/******/ };
|
|
57
57
|
/******/ })();
|
|
58
58
|
/******/
|
|
59
|
-
/************************************************************************/ var
|
|
59
|
+
/************************************************************************/ var r = {};
|
|
60
60
|
// ESM COMPAT FLAG
|
|
61
|
-
e.r(
|
|
61
|
+
e.r(r);
|
|
62
62
|
// EXPORTS
|
|
63
|
-
e.d(
|
|
64
|
-
default: () => /* reexport */
|
|
63
|
+
e.d(r, {
|
|
64
|
+
default: () => /* reexport */ pe
|
|
65
65
|
});
|
|
66
66
|
// CONCATENATED MODULE: external "react"
|
|
67
|
-
const
|
|
68
|
-
var n = e.n(
|
|
67
|
+
const t = require("react");
|
|
68
|
+
var n = e.n(t);
|
|
69
69
|
// CONCATENATED MODULE: external "prop-types"
|
|
70
70
|
const o = require("prop-types");
|
|
71
|
-
var
|
|
71
|
+
var a = e.n(o);
|
|
72
72
|
// CONCATENATED MODULE: external "lodash/has"
|
|
73
|
-
const
|
|
74
|
-
var l = e.n(
|
|
73
|
+
const i = require("lodash/has");
|
|
74
|
+
var l = e.n(i);
|
|
75
75
|
// CONCATENATED MODULE: external "lodash/isFinite"
|
|
76
76
|
const s = require("lodash/isFinite");
|
|
77
77
|
var u = e.n(s);
|
|
78
|
-
// CONCATENATED MODULE: external "lodash/isString"
|
|
79
|
-
const p = require("lodash/isString");
|
|
80
|
-
var c = e.n(p);
|
|
81
78
|
// CONCATENATED MODULE: external "lodash/omit"
|
|
82
|
-
const
|
|
83
|
-
var
|
|
79
|
+
const c = require("lodash/omit");
|
|
80
|
+
var p = e.n(c);
|
|
84
81
|
// CONCATENATED MODULE: external "@splunk/themes"
|
|
85
|
-
const
|
|
82
|
+
const d = require("@splunk/themes");
|
|
86
83
|
// CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
|
|
87
|
-
const
|
|
84
|
+
const f = require("@splunk/ui-utils/i18n");
|
|
88
85
|
// CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
|
|
89
|
-
const
|
|
86
|
+
const v = require("@splunk/ui-utils/keyboard");
|
|
90
87
|
// CONCATENATED MODULE: external "@splunk/react-icons/SVGEnterprise"
|
|
91
|
-
const
|
|
92
|
-
var
|
|
88
|
+
const m = require("@splunk/react-icons/SVGEnterprise");
|
|
89
|
+
var b = e.n(m);
|
|
93
90
|
// CONCATENATED MODULE: ./src/Number/IncrementIcon.tsx
|
|
94
|
-
function
|
|
95
|
-
return
|
|
96
|
-
for (var
|
|
97
|
-
var
|
|
98
|
-
for (var n in
|
|
99
|
-
({}).hasOwnProperty.call(
|
|
91
|
+
function h() {
|
|
92
|
+
return h = Object.assign ? Object.assign.bind() : function(e) {
|
|
93
|
+
for (var r = 1; r < arguments.length; r++) {
|
|
94
|
+
var t = arguments[r];
|
|
95
|
+
for (var n in t) {
|
|
96
|
+
({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
|
|
100
97
|
}
|
|
101
98
|
}
|
|
102
99
|
return e;
|
|
103
|
-
},
|
|
100
|
+
}, h.apply(null, arguments)
|
|
104
101
|
/* eslint-disable max-len */;
|
|
105
102
|
}
|
|
106
|
-
function
|
|
103
|
+
function y(e) {
|
|
107
104
|
|
|
108
|
-
return n().createElement(
|
|
105
|
+
return n().createElement(b(), h({
|
|
109
106
|
viewBox: "0 0 933 600"
|
|
110
107
|
}, e), n().createElement("path", {
|
|
111
108
|
fill: "currentColor",
|
|
@@ -113,32 +110,32 @@
|
|
|
113
110
|
}));
|
|
114
111
|
}
|
|
115
112
|
// CONCATENATED MODULE: external "styled-components"
|
|
116
|
-
const
|
|
117
|
-
var
|
|
113
|
+
const g = require("styled-components");
|
|
114
|
+
var x = e.n(g);
|
|
118
115
|
// CONCATENATED MODULE: external "@splunk/react-ui/Button"
|
|
119
|
-
const
|
|
120
|
-
var
|
|
116
|
+
const k = require("@splunk/react-ui/Button");
|
|
117
|
+
var w = e.n(k);
|
|
121
118
|
// CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
|
|
122
|
-
const
|
|
123
|
-
var
|
|
119
|
+
const O = require("@splunk/react-ui/Clickable");
|
|
120
|
+
var S = e.n(O);
|
|
124
121
|
// CONCATENATED MODULE: external "@splunk/react-ui/Text"
|
|
125
|
-
const
|
|
126
|
-
var
|
|
122
|
+
const j = require("@splunk/react-ui/Text");
|
|
123
|
+
var C = e.n(j);
|
|
127
124
|
// CONCATENATED MODULE: ./src/Number/NumberStyles.ts
|
|
128
|
-
var
|
|
125
|
+
var P = x()(C()).withConfig({
|
|
129
126
|
displayName: "NumberStyles__StyledText",
|
|
130
127
|
componentId: "sc-2ekj9s-0"
|
|
131
|
-
})([ "&[data-inline]{", "}" ], (0,
|
|
128
|
+
})([ "&[data-inline]{", "}" ], (0, d.pick)({
|
|
132
129
|
enterprise: {
|
|
133
|
-
comfortable: (0,
|
|
134
|
-
compact: (0,
|
|
130
|
+
comfortable: (0, g.css)([ "width:100px;" ]),
|
|
131
|
+
compact: (0, g.css)([ "width:80px;" ])
|
|
135
132
|
},
|
|
136
|
-
prisma: (0,
|
|
133
|
+
prisma: (0, g.css)([ "width:100px;" ])
|
|
137
134
|
}));
|
|
138
|
-
var
|
|
135
|
+
var T = x().div.withConfig({
|
|
139
136
|
displayName: "NumberStyles__StyledControls",
|
|
140
137
|
componentId: "sc-2ekj9s-1"
|
|
141
|
-
})([ "width:", ";height:100%;", " ", "" ], (0,
|
|
138
|
+
})([ "width:", ";height:100%;", " ", "" ], (0, d.pick)({
|
|
142
139
|
enterprise: {
|
|
143
140
|
comfortable: "20px",
|
|
144
141
|
compact: "16px"
|
|
@@ -147,130 +144,199 @@
|
|
|
147
144
|
comfortable: "24px",
|
|
148
145
|
compact: "24px"
|
|
149
146
|
}
|
|
150
|
-
}), (0,
|
|
151
|
-
enterprise: (0,
|
|
152
|
-
prisma: (0,
|
|
147
|
+
}), (0, d.pick)({
|
|
148
|
+
enterprise: (0, g.css)([ "transform:translateY(-1px);" ]),
|
|
149
|
+
prisma: (0, g.css)([ "transform:translateX(1px);" ])
|
|
153
150
|
}), (function(e) {
|
|
154
|
-
var
|
|
155
|
-
return
|
|
156
|
-
prisma: (0,
|
|
157
|
-
})) : (0,
|
|
151
|
+
var r = e.$isAppend;
|
|
152
|
+
return r ? (0, g.css)([ "margin-right:8px;", "" ], (0, d.pick)({
|
|
153
|
+
prisma: (0, g.css)([ "transform:translateX(-1px);" ])
|
|
154
|
+
})) : (0, g.css)([ "margin-left:8px;" ]);
|
|
158
155
|
}));
|
|
159
|
-
var
|
|
160
|
-
|
|
156
|
+
var E = (0, g.css)([ "position:relative;padding:3px;font-size:inherit;min-width:0;min-height:0;height:", ";width:100%;" ], (0,
|
|
157
|
+
d.pick)({
|
|
161
158
|
enterprise: "calc(50% + 1.5px)",
|
|
162
159
|
prisma: "50%"
|
|
163
160
|
}));
|
|
164
|
-
var
|
|
161
|
+
var _ = x()(w()).withConfig({
|
|
165
162
|
displayName: "NumberStyles__StyledPlusButton",
|
|
166
163
|
componentId: "sc-2ekj9s-2"
|
|
167
|
-
})([ "", ";top:0;border-bottom-left-radius:0;border-bottom-right-radius:0;", " &:not([disabled]){&,&:hover{", ";}}" ],
|
|
168
|
-
var
|
|
169
|
-
return
|
|
164
|
+
})([ "", ";top:0;border-bottom-left-radius:0;border-bottom-right-radius:0;", " &:not([disabled]){&,&:hover{", ";}}" ], E, (function(e) {
|
|
165
|
+
var r = e.append;
|
|
166
|
+
return r && (0, d.pick)({
|
|
170
167
|
enterprise: {
|
|
171
|
-
light: (0,
|
|
172
|
-
dark: (0,
|
|
168
|
+
light: (0, g.css)([ "border-right:1px solid ", ";" ], d.variables.gray60),
|
|
169
|
+
dark: (0, g.css)([ "border-right:", ";" ], d.variables.border)
|
|
173
170
|
}
|
|
174
171
|
});
|
|
175
|
-
}), (0,
|
|
172
|
+
}), (0, d.pick)({
|
|
176
173
|
enterprise: {
|
|
177
|
-
dark: (0,
|
|
174
|
+
dark: (0, g.css)([ "border-color:", ";" ], d.variables.gray20)
|
|
178
175
|
}
|
|
179
176
|
}));
|
|
180
|
-
var
|
|
177
|
+
var V = x()(w()).withConfig({
|
|
181
178
|
displayName: "NumberStyles__StyledMinusButton",
|
|
182
179
|
componentId: "sc-2ekj9s-3"
|
|
183
|
-
})([ "", ";bottom:1px;border-top-left-radius:0;border-top-right-radius:0;", " &:not([disabled]){&,&:hover{", ";}}" ],
|
|
184
|
-
var
|
|
185
|
-
return
|
|
180
|
+
})([ "", ";bottom:1px;border-top-left-radius:0;border-top-right-radius:0;", " &:not([disabled]){&,&:hover{", ";}}" ], E, (function(e) {
|
|
181
|
+
var r = e.append;
|
|
182
|
+
return r && (0, d.pick)({
|
|
186
183
|
enterprise: {
|
|
187
|
-
light: (0,
|
|
188
|
-
dark: (0,
|
|
184
|
+
light: (0, g.css)([ "border-right:1px solid ", ";" ], d.variables.gray60),
|
|
185
|
+
dark: (0, g.css)([ "border-right:", ";" ], d.variables.border)
|
|
189
186
|
}
|
|
190
187
|
});
|
|
191
|
-
}), (0,
|
|
188
|
+
}), (0, d.pick)({
|
|
192
189
|
enterprise: {
|
|
193
|
-
dark: (0,
|
|
190
|
+
dark: (0, g.css)([ "border-color:", ";" ], d.variables.gray20)
|
|
194
191
|
}
|
|
195
192
|
}));
|
|
196
|
-
var
|
|
193
|
+
var D = x()(S()).withConfig({
|
|
197
194
|
displayName: "NumberStyles__prismaButton",
|
|
198
195
|
componentId: "sc-2ekj9s-4"
|
|
199
|
-
})([ "", ";display:flex;align-items:center;justify-content:center;", " &:hover:not([disabled]){", "}&:active:not([disabled]){", "}" ],
|
|
200
|
-
|
|
201
|
-
prisma: (0,
|
|
202
|
-
}), (0,
|
|
203
|
-
prisma: (0,
|
|
204
|
-
}), (0,
|
|
205
|
-
prisma: (0,
|
|
196
|
+
})([ "", ";display:flex;align-items:center;justify-content:center;", " &:hover:not([disabled]){", "}&:active:not([disabled]){", "}" ], E, (0,
|
|
197
|
+
d.pick)({
|
|
198
|
+
prisma: (0, g.css)([ "color:", ";" ], d.variables.contentColorDefault)
|
|
199
|
+
}), (0, d.pick)({
|
|
200
|
+
prisma: (0, g.css)([ "background-color:", ";color:", ";" ], d.variables.interactiveColorOverlayHover, d.variables.contentColorActive)
|
|
201
|
+
}), (0, d.pick)({
|
|
202
|
+
prisma: (0, g.css)([ "background-color:", ";color:", ";" ], d.variables.interactiveColorOverlayActive, d.variables.contentColorActive)
|
|
206
203
|
}));
|
|
207
|
-
var
|
|
204
|
+
var B = x()(D).withConfig({
|
|
208
205
|
displayName: "NumberStyles__StyledPrismaPlusButton",
|
|
209
206
|
componentId: "sc-2ekj9s-5"
|
|
210
207
|
})([ "border-top-right-radius:4px;" ]);
|
|
211
|
-
var
|
|
208
|
+
var N = x()(D).withConfig({
|
|
212
209
|
displayName: "NumberStyles__StyledPrismaMinusButton",
|
|
213
210
|
componentId: "sc-2ekj9s-6"
|
|
214
211
|
})([ "border-bottom-right-radius:4px;padding-bottom:5px;" ]);
|
|
212
|
+
// CONCATENATED MODULE: external "lodash/isString"
|
|
213
|
+
const I = require("lodash/isString");
|
|
214
|
+
var q = e.n(I);
|
|
215
|
+
// CONCATENATED MODULE: ./src/Number/utils.ts
|
|
216
|
+
var K = function e(r) {
|
|
217
|
+
// A more robust and expandable solution would be to use formatToParts() once IE requirements are dropped.
|
|
218
|
+
var t = new Intl.NumberFormat(r.replace("_", "-")).format(1.2);
|
|
219
|
+
return t.indexOf(",") > -1 ? "," : ".";
|
|
220
|
+
};
|
|
221
|
+
var A = function e(r) {
|
|
222
|
+
var t = r.val, n = r.min, o = r.max, a = r.roundTo;
|
|
223
|
+
var i = t;
|
|
224
|
+
if (!u()(t)) {
|
|
225
|
+
return i;
|
|
226
|
+
}
|
|
227
|
+
if (n !== undefined && u()(n)) {
|
|
228
|
+
i = Math.max(n, i);
|
|
229
|
+
}
|
|
230
|
+
if (o !== undefined && u()(o)) {
|
|
231
|
+
i = Math.min(o, i);
|
|
232
|
+
}
|
|
233
|
+
var l = Math.pow(10, a);
|
|
234
|
+
return Math.round(i * l) / l;
|
|
235
|
+
};
|
|
236
|
+
var M = function e(r) {
|
|
237
|
+
var t = r.str, n = r.locale, o = r.min, a = r.max, i = r.roundTo;
|
|
238
|
+
var l = t;
|
|
239
|
+
if (!q()(l) || l === "") {
|
|
240
|
+
return undefined;
|
|
241
|
+
}
|
|
242
|
+
if (K(n) === ".") {
|
|
243
|
+
// remove leading non-numeric characters.
|
|
244
|
+
l = l.replace(/^[^\d.-]/, "");
|
|
245
|
+
} else {
|
|
246
|
+
// remove leading non-numeric characters and replace comma with period
|
|
247
|
+
l = l.replace(/^[^\d,-]/, "").replace(",", ".");
|
|
248
|
+
}
|
|
249
|
+
var s = A({
|
|
250
|
+
val: parseFloat(l),
|
|
251
|
+
min: o,
|
|
252
|
+
max: a,
|
|
253
|
+
roundTo: i
|
|
254
|
+
});
|
|
255
|
+
if (u()(s)) {
|
|
256
|
+
return s;
|
|
257
|
+
}
|
|
258
|
+
return undefined;
|
|
259
|
+
};
|
|
260
|
+
var R = function e(r, t) {
|
|
261
|
+
if (r === undefined || !u()(r)) {
|
|
262
|
+
return "";
|
|
263
|
+
}
|
|
264
|
+
if (K(t) === ".") {
|
|
265
|
+
return r.toString();
|
|
266
|
+
}
|
|
267
|
+
// comma separated case
|
|
268
|
+
return r.toString().replace(".", ",");
|
|
269
|
+
};
|
|
270
|
+
var U = function e(r) {
|
|
271
|
+
var t = r.value, n = r.max;
|
|
272
|
+
return t !== undefined && u()(t) && n !== undefined && u()(n) && t >= n;
|
|
273
|
+
};
|
|
274
|
+
var F = function e(r) {
|
|
275
|
+
var t = r.value, n = r.min;
|
|
276
|
+
return t !== undefined && u()(t) && n !== undefined && u()(n) && t <= n;
|
|
277
|
+
};
|
|
278
|
+
var z = function e(r, t) {
|
|
279
|
+
if (false) {}
|
|
280
|
+
};
|
|
215
281
|
// CONCATENATED MODULE: ./src/Number/Number.tsx
|
|
216
|
-
function
|
|
282
|
+
function X(e) {
|
|
217
283
|
"@babel/helpers - typeof";
|
|
218
|
-
return
|
|
284
|
+
return X = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
|
|
219
285
|
return typeof e;
|
|
220
286
|
} : function(e) {
|
|
221
287
|
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
|
|
222
|
-
},
|
|
288
|
+
}, X(e);
|
|
223
289
|
}
|
|
224
|
-
function
|
|
225
|
-
return
|
|
226
|
-
for (var
|
|
227
|
-
var
|
|
228
|
-
for (var n in
|
|
229
|
-
({}).hasOwnProperty.call(
|
|
290
|
+
function $() {
|
|
291
|
+
return $ = Object.assign ? Object.assign.bind() : function(e) {
|
|
292
|
+
for (var r = 1; r < arguments.length; r++) {
|
|
293
|
+
var t = arguments[r];
|
|
294
|
+
for (var n in t) {
|
|
295
|
+
({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
|
|
230
296
|
}
|
|
231
297
|
}
|
|
232
298
|
return e;
|
|
233
|
-
},
|
|
299
|
+
}, $.apply(null, arguments);
|
|
234
300
|
}
|
|
235
|
-
function
|
|
236
|
-
var
|
|
301
|
+
function L(e, r) {
|
|
302
|
+
var t = Object.keys(e);
|
|
237
303
|
if (Object.getOwnPropertySymbols) {
|
|
238
304
|
var n = Object.getOwnPropertySymbols(e);
|
|
239
|
-
|
|
240
|
-
return Object.getOwnPropertyDescriptor(e,
|
|
241
|
-
}))),
|
|
305
|
+
r && (n = n.filter((function(r) {
|
|
306
|
+
return Object.getOwnPropertyDescriptor(e, r).enumerable;
|
|
307
|
+
}))), t.push.apply(t, n);
|
|
242
308
|
}
|
|
243
|
-
return
|
|
309
|
+
return t;
|
|
244
310
|
}
|
|
245
|
-
function
|
|
246
|
-
for (var
|
|
247
|
-
var
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
})) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(
|
|
251
|
-
Object.defineProperty(e,
|
|
311
|
+
function G(e) {
|
|
312
|
+
for (var r = 1; r < arguments.length; r++) {
|
|
313
|
+
var t = null != arguments[r] ? arguments[r] : {};
|
|
314
|
+
r % 2 ? L(Object(t), !0).forEach((function(r) {
|
|
315
|
+
oe(e, r, t[r]);
|
|
316
|
+
})) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : L(Object(t)).forEach((function(r) {
|
|
317
|
+
Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
|
|
252
318
|
}));
|
|
253
319
|
}
|
|
254
320
|
return e;
|
|
255
321
|
}
|
|
256
|
-
function
|
|
257
|
-
if (!(e instanceof
|
|
322
|
+
function H(e, r) {
|
|
323
|
+
if (!(e instanceof r)) throw new TypeError("Cannot call a class as a function");
|
|
258
324
|
}
|
|
259
|
-
function
|
|
260
|
-
for (var
|
|
261
|
-
var n = t
|
|
325
|
+
function Y(e, r) {
|
|
326
|
+
for (var t = 0; t < r.length; t++) {
|
|
327
|
+
var n = r[t];
|
|
262
328
|
n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0),
|
|
263
|
-
Object.defineProperty(e,
|
|
329
|
+
Object.defineProperty(e, ae(n.key), n);
|
|
264
330
|
}
|
|
265
331
|
}
|
|
266
|
-
function
|
|
267
|
-
return
|
|
332
|
+
function J(e, r, t) {
|
|
333
|
+
return r && Y(e.prototype, r), t && Y(e, t), Object.defineProperty(e, "prototype", {
|
|
268
334
|
writable: !1
|
|
269
335
|
}), e;
|
|
270
336
|
}
|
|
271
|
-
function
|
|
272
|
-
if ("function" != typeof
|
|
273
|
-
e.prototype = Object.create(
|
|
337
|
+
function Q(e, r) {
|
|
338
|
+
if ("function" != typeof r && null !== r) throw new TypeError("Super expression must either be null or a function");
|
|
339
|
+
e.prototype = Object.create(r && r.prototype, {
|
|
274
340
|
constructor: {
|
|
275
341
|
value: e,
|
|
276
342
|
writable: !0,
|
|
@@ -278,103 +344,105 @@
|
|
|
278
344
|
}
|
|
279
345
|
}), Object.defineProperty(e, "prototype", {
|
|
280
346
|
writable: !1
|
|
281
|
-
}),
|
|
347
|
+
}), r && W(e, r);
|
|
282
348
|
}
|
|
283
|
-
function
|
|
284
|
-
return
|
|
285
|
-
return e.__proto__ =
|
|
286
|
-
},
|
|
349
|
+
function W(e, r) {
|
|
350
|
+
return W = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, r) {
|
|
351
|
+
return e.__proto__ = r, e;
|
|
352
|
+
}, W(e, r);
|
|
287
353
|
}
|
|
288
|
-
function
|
|
289
|
-
var
|
|
354
|
+
function Z(e) {
|
|
355
|
+
var r = te();
|
|
290
356
|
return function() {
|
|
291
|
-
var
|
|
292
|
-
if (
|
|
293
|
-
var o =
|
|
294
|
-
|
|
295
|
-
} else
|
|
296
|
-
return
|
|
357
|
+
var t, n = ne(e);
|
|
358
|
+
if (r) {
|
|
359
|
+
var o = ne(this).constructor;
|
|
360
|
+
t = Reflect.construct(n, arguments, o);
|
|
361
|
+
} else t = n.apply(this, arguments);
|
|
362
|
+
return ee(this, t);
|
|
297
363
|
};
|
|
298
364
|
}
|
|
299
|
-
function
|
|
300
|
-
if (
|
|
301
|
-
if (void 0 !==
|
|
302
|
-
return
|
|
365
|
+
function ee(e, r) {
|
|
366
|
+
if (r && ("object" == X(r) || "function" == typeof r)) return r;
|
|
367
|
+
if (void 0 !== r) throw new TypeError("Derived constructors may only return object or undefined");
|
|
368
|
+
return re(e);
|
|
303
369
|
}
|
|
304
|
-
function
|
|
370
|
+
function re(e) {
|
|
305
371
|
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
|
306
372
|
return e;
|
|
307
373
|
}
|
|
308
|
-
function
|
|
374
|
+
function te() {
|
|
309
375
|
try {
|
|
310
376
|
var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
|
|
311
377
|
} catch (e) {}
|
|
312
|
-
return (
|
|
378
|
+
return (te = function r() {
|
|
313
379
|
return !!e;
|
|
314
380
|
})();
|
|
315
381
|
}
|
|
316
|
-
function
|
|
317
|
-
return
|
|
382
|
+
function ne(e) {
|
|
383
|
+
return ne = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
|
|
318
384
|
return e.__proto__ || Object.getPrototypeOf(e);
|
|
319
|
-
},
|
|
385
|
+
}, ne(e);
|
|
320
386
|
}
|
|
321
|
-
function
|
|
322
|
-
return (
|
|
323
|
-
value:
|
|
387
|
+
function oe(e, r, t) {
|
|
388
|
+
return (r = ae(r)) in e ? Object.defineProperty(e, r, {
|
|
389
|
+
value: t,
|
|
324
390
|
enumerable: !0,
|
|
325
391
|
configurable: !0,
|
|
326
392
|
writable: !0
|
|
327
|
-
}) : e[
|
|
393
|
+
}) : e[r] = t, e;
|
|
328
394
|
}
|
|
329
|
-
function
|
|
330
|
-
var
|
|
331
|
-
return "symbol" ==
|
|
395
|
+
function ae(e) {
|
|
396
|
+
var r = ie(e, "string");
|
|
397
|
+
return "symbol" == X(r) ? r : r + "";
|
|
332
398
|
}
|
|
333
|
-
function
|
|
334
|
-
if ("object" !=
|
|
335
|
-
var
|
|
336
|
-
if (void 0 !==
|
|
337
|
-
var n =
|
|
338
|
-
if ("object" !=
|
|
399
|
+
function ie(e, r) {
|
|
400
|
+
if ("object" != X(e) || !e) return e;
|
|
401
|
+
var t = e[Symbol.toPrimitive];
|
|
402
|
+
if (void 0 !== t) {
|
|
403
|
+
var n = t.call(e, r || "default");
|
|
404
|
+
if ("object" != X(n)) return n;
|
|
339
405
|
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
340
406
|
}
|
|
341
|
-
return ("string" ===
|
|
407
|
+
return ("string" === r ? String : Number)(e);
|
|
342
408
|
}
|
|
343
409
|
/** @public */
|
|
344
410
|
/** @public */
|
|
345
|
-
/** @public */ var
|
|
346
|
-
append:
|
|
347
|
-
children:
|
|
348
|
-
defaultValue:
|
|
349
|
-
describedBy:
|
|
350
|
-
disabled:
|
|
351
|
-
elementRef:
|
|
352
|
-
inputRef:
|
|
353
|
-
error:
|
|
354
|
-
hideStepButtons:
|
|
355
|
-
inline:
|
|
356
|
-
inputId:
|
|
357
|
-
labelledBy:
|
|
358
|
-
locale:
|
|
359
|
-
max:
|
|
360
|
-
min:
|
|
361
|
-
name:
|
|
362
|
-
onBlur:
|
|
363
|
-
onChange:
|
|
364
|
-
onFocus:
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
411
|
+
/** @public */ var le = {
|
|
412
|
+
append: a().bool,
|
|
413
|
+
children: a().node,
|
|
414
|
+
defaultValue: a().number,
|
|
415
|
+
describedBy: a().string,
|
|
416
|
+
disabled: a().bool,
|
|
417
|
+
elementRef: a().oneOfType([ a().func, a().object ]),
|
|
418
|
+
inputRef: a().oneOfType([ a().func, a().object ]),
|
|
419
|
+
error: a().bool,
|
|
420
|
+
hideStepButtons: a().bool,
|
|
421
|
+
inline: a().bool,
|
|
422
|
+
inputId: a().string,
|
|
423
|
+
labelledBy: a().string,
|
|
424
|
+
locale: a().string,
|
|
425
|
+
max: a().number,
|
|
426
|
+
min: a().number,
|
|
427
|
+
name: a().string,
|
|
428
|
+
onBlur: a().func,
|
|
429
|
+
onChange: a().func,
|
|
430
|
+
onFocus: a().func,
|
|
431
|
+
endAdornment: a().node,
|
|
432
|
+
startAdornment: a().node,
|
|
433
|
+
onKeyDown: a().func,
|
|
434
|
+
onKeyUp: a().func,
|
|
435
|
+
onSelect: a().func,
|
|
436
|
+
placeholder: a().string,
|
|
437
|
+
prepend: a().bool,
|
|
438
|
+
roundTo: a().number,
|
|
439
|
+
step: a().number,
|
|
372
440
|
/** @private */
|
|
373
|
-
splunkTheme:
|
|
374
|
-
useSyntheticPlaceholder:
|
|
375
|
-
value:
|
|
441
|
+
splunkTheme: a().object,
|
|
442
|
+
useSyntheticPlaceholder: a().bool,
|
|
443
|
+
value: a().number
|
|
376
444
|
};
|
|
377
|
-
var
|
|
445
|
+
var se = {
|
|
378
446
|
append: false,
|
|
379
447
|
disabled: false,
|
|
380
448
|
error: false,
|
|
@@ -386,142 +454,108 @@
|
|
|
386
454
|
roundTo: 5,
|
|
387
455
|
step: 1
|
|
388
456
|
};
|
|
389
|
-
var
|
|
390
|
-
|
|
391
|
-
var
|
|
392
|
-
|
|
393
|
-
key: "getDecimalSeparator",
|
|
394
|
-
// @docs-props-type NumberPropsBase
|
|
395
|
-
value: function e(t) {
|
|
396
|
-
// A more robust and expandable solution would be to use formatToParts() once IE requirements are dropped.
|
|
397
|
-
var r = new Intl.NumberFormat(t.replace("_", "-")).format(1.2);
|
|
398
|
-
return r.indexOf(",") > -1 ? "," : ".";
|
|
399
|
-
}
|
|
400
|
-
}, {
|
|
401
|
-
key: "validatePrependAppend",
|
|
402
|
-
value: function e(t, r) {
|
|
403
|
-
if (false) {}
|
|
404
|
-
}
|
|
405
|
-
}, {
|
|
406
|
-
key: "stringToNumber",
|
|
407
|
-
value: function e(t, n) {
|
|
408
|
-
var o = t;
|
|
409
|
-
if (!c()(o) || o === "") {
|
|
410
|
-
return undefined;
|
|
411
|
-
}
|
|
412
|
-
if (r.getDecimalSeparator(n.locale) === ".") {
|
|
413
|
-
// remove leading non-numeric characters.
|
|
414
|
-
o = o.replace(/^[^\d.-]/, "");
|
|
415
|
-
} else {
|
|
416
|
-
// remove leading non-numeric characters and replace comma with period
|
|
417
|
-
o = o.replace(/^[^\d,-]/, "").replace(",", ".");
|
|
418
|
-
}
|
|
419
|
-
var i = r.limitValue(parseFloat(o), n);
|
|
420
|
-
if (u()(i)) {
|
|
421
|
-
return i;
|
|
422
|
-
}
|
|
423
|
-
return undefined;
|
|
424
|
-
}
|
|
425
|
-
}, {
|
|
426
|
-
key: "numberToString",
|
|
427
|
-
value: function e(t, n) {
|
|
428
|
-
if (t === undefined || !u()(t)) {
|
|
429
|
-
return "";
|
|
430
|
-
}
|
|
431
|
-
if (r.getDecimalSeparator(n.locale) === ".") {
|
|
432
|
-
return t.toString();
|
|
433
|
-
}
|
|
434
|
-
// comma separated case
|
|
435
|
-
return t.toString().replace(".", ",");
|
|
436
|
-
}
|
|
437
|
-
}, {
|
|
438
|
-
key: "limitValue",
|
|
439
|
-
value: function e(t, r) {
|
|
440
|
-
var n = r.min, o = r.max, i = r.roundTo;
|
|
441
|
-
var a = t;
|
|
442
|
-
if (!u()(t)) {
|
|
443
|
-
return a;
|
|
444
|
-
}
|
|
445
|
-
if (n !== undefined && u()(n)) {
|
|
446
|
-
a = Math.max(n, a);
|
|
447
|
-
}
|
|
448
|
-
if (o !== undefined && u()(o)) {
|
|
449
|
-
a = Math.min(o, a);
|
|
450
|
-
}
|
|
451
|
-
var l = Math.pow(10, i);
|
|
452
|
-
return Math.round(a * l) / l;
|
|
453
|
-
}
|
|
454
|
-
}, {
|
|
457
|
+
var ue = function(e) {
|
|
458
|
+
Q(t, e);
|
|
459
|
+
var r = Z(t);
|
|
460
|
+
J(t, null, [ {
|
|
455
461
|
key: "getDerivedStateFromProps",
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
+
// @docs-props-type NumberPropsBase
|
|
463
|
+
value: function e(r, t) {
|
|
464
|
+
if (l()(r, "value") && r.value !== t.prevValueProp) {
|
|
465
|
+
var n = r.locale, o = r.min, a = r.max, i = r.roundTo;
|
|
466
|
+
var s = t.stringValue;
|
|
467
|
+
var u = M({
|
|
468
|
+
str: s,
|
|
469
|
+
locale: n,
|
|
470
|
+
min: o,
|
|
471
|
+
max: a,
|
|
472
|
+
roundTo: i
|
|
473
|
+
});
|
|
474
|
+
return r.value !== u ? {
|
|
475
|
+
prevValueProp: r.value,
|
|
476
|
+
stringValue: R(r.value, r.locale)
|
|
462
477
|
} : {
|
|
463
|
-
prevValueProp:
|
|
478
|
+
prevValueProp: r.value
|
|
464
479
|
};
|
|
465
480
|
}
|
|
466
481
|
return null;
|
|
467
482
|
}
|
|
468
483
|
} ]);
|
|
469
|
-
function
|
|
484
|
+
function t(e) {
|
|
470
485
|
var n;
|
|
471
|
-
|
|
472
|
-
n =
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
var
|
|
486
|
+
H(this, t);
|
|
487
|
+
n = r.call(this, e);
|
|
488
|
+
oe(re(n), "controlledExternally", void 0);
|
|
489
|
+
oe(re(n), "text", null);
|
|
490
|
+
oe(re(n), "handleInputBlur", (function(e, r) {
|
|
491
|
+
var t, o;
|
|
477
492
|
n.updateString();
|
|
478
|
-
(
|
|
493
|
+
(t = (o = n.props).onBlur) === null || t === void 0 ? void 0 : t.call(o, e, r);
|
|
479
494
|
}));
|
|
480
|
-
|
|
481
|
-
var
|
|
482
|
-
n.
|
|
495
|
+
oe(re(n), "handleInputChange", (function(e, r) {
|
|
496
|
+
var t = r.value;
|
|
497
|
+
var o = n.props, a = o.locale, i = o.min, l = o.max, s = o.roundTo, u = o.name, c = o.onChange;
|
|
498
|
+
var p = M({
|
|
499
|
+
str: t,
|
|
500
|
+
locale: a,
|
|
501
|
+
min: i,
|
|
502
|
+
max: l,
|
|
503
|
+
roundTo: s
|
|
504
|
+
});
|
|
505
|
+
n.setState({
|
|
506
|
+
value: n.isControlled() ? undefined : p,
|
|
507
|
+
stringValue: t
|
|
508
|
+
}, (function() {
|
|
509
|
+
if (n.getValue() !== p || !n.isControlled()) {
|
|
510
|
+
c === null || c === void 0 ? void 0 : c(e, {
|
|
511
|
+
value: p,
|
|
512
|
+
name: u
|
|
513
|
+
});
|
|
514
|
+
}
|
|
515
|
+
}));
|
|
483
516
|
}));
|
|
484
|
-
|
|
485
|
-
var
|
|
486
|
-
if (!e.metaKey && !e.ctrlKey && !e.altKey && (0,
|
|
517
|
+
oe(re(n), "handleKeyDown", (function(e) {
|
|
518
|
+
var r, t;
|
|
519
|
+
if (!e.metaKey && !e.ctrlKey && !e.altKey && (0, v.addsCharacter)(e.nativeEvent) !== false) {
|
|
487
520
|
// only allow numbers, negative and decimals
|
|
488
|
-
if (!(0,
|
|
521
|
+
if (!(0, v.isNumeric)(e.nativeEvent, {
|
|
489
522
|
locale: n.props.locale
|
|
490
523
|
})) {
|
|
491
524
|
e.preventDefault();
|
|
492
525
|
}
|
|
493
526
|
// if minus is not allowed or there is already one, prevent input
|
|
494
|
-
|
|
527
|
+
var o = n.props.min !== undefined && u()(n.props.min) && n.props.min >= 0;
|
|
528
|
+
if ((0, v.isMinus)(e.nativeEvent) && (o || n.state.stringValue.indexOf("-") >= 0)) {
|
|
495
529
|
e.preventDefault();
|
|
496
530
|
}
|
|
497
531
|
// if decimal is not allowed or there is already one, prevent input
|
|
498
|
-
if ((0,
|
|
532
|
+
if ((0, v.isDecimal)(e.nativeEvent, {
|
|
499
533
|
locale: n.props.locale
|
|
500
|
-
}) && (n.props.roundTo <= 0 || n.state.stringValue.indexOf(n.props.locale) >= 0)) {
|
|
534
|
+
}) && (n.props.roundTo <= 0 || n.state.stringValue.indexOf(K(n.props.locale)) >= 0)) {
|
|
501
535
|
e.preventDefault();
|
|
502
536
|
}
|
|
503
537
|
}
|
|
504
538
|
// Arrow up and down will increment
|
|
505
|
-
if ((0,
|
|
539
|
+
if ((0, v.keycode)(e.nativeEvent) === "up") {
|
|
506
540
|
n.increment(e, n.props.step);
|
|
507
541
|
e.preventDefault();
|
|
508
|
-
} else if ((0,
|
|
542
|
+
} else if ((0, v.keycode)(e.nativeEvent) === "down") {
|
|
509
543
|
n.increment(e, -n.props.step);
|
|
510
544
|
e.preventDefault();
|
|
511
545
|
}
|
|
512
|
-
(
|
|
546
|
+
(r = (t = n.props).onKeyDown) === null || r === void 0 ? void 0 : r.call(t, e);
|
|
513
547
|
}));
|
|
514
|
-
|
|
515
|
-
var
|
|
516
|
-
if ((0,
|
|
548
|
+
oe(re(n), "handleKeyUp", (function(e) {
|
|
549
|
+
var r, t;
|
|
550
|
+
if ((0, v.keycode)(e.nativeEvent) === "enter") {
|
|
517
551
|
n.updateString();
|
|
518
552
|
}
|
|
519
|
-
(
|
|
553
|
+
(r = (t = n.props).onKeyUp) === null || r === void 0 ? void 0 : r.call(t, e);
|
|
520
554
|
}));
|
|
521
|
-
|
|
555
|
+
oe(re(n), "handleIncrement", (function(e) {
|
|
522
556
|
n.increment(e, n.props.step);
|
|
523
557
|
}));
|
|
524
|
-
|
|
558
|
+
oe(re(n), "handleDecrement", (function(e) {
|
|
525
559
|
n.increment(e, -n.props.step);
|
|
526
560
|
}));
|
|
527
561
|
n.controlledExternally = l()(e, "value");
|
|
@@ -533,7 +567,7 @@
|
|
|
533
567
|
prevValueProp: n.isControlled() ? o : undefined,
|
|
534
568
|
// eslint-disable-line react/no-unused-state
|
|
535
569
|
// stringValue stores the current contents of the input text box - it might be out of range, invalid, ...
|
|
536
|
-
stringValue:
|
|
570
|
+
stringValue: R(o, e.locale)
|
|
537
571
|
};
|
|
538
572
|
if (false) {}
|
|
539
573
|
if (l()(e, "useSyntheticPlaceholder")) {
|
|
@@ -541,54 +575,34 @@
|
|
|
541
575
|
console.warn("The 'Number' prop 'useSyntheticPlaceholder' has been marked for deprecation.");
|
|
542
576
|
}
|
|
543
577
|
if (false) {}
|
|
544
|
-
|
|
578
|
+
z(n.props.append, n.props.prepend);
|
|
545
579
|
return n;
|
|
546
580
|
}
|
|
547
|
-
|
|
581
|
+
J(t, [ {
|
|
548
582
|
key: "componentDidUpdate",
|
|
549
|
-
value: function e(
|
|
583
|
+
value: function e(r) {
|
|
550
584
|
if (false) {}
|
|
551
585
|
if (false) {}
|
|
552
|
-
|
|
586
|
+
z(this.props.append, this.props.prepend);
|
|
553
587
|
}
|
|
554
588
|
}, {
|
|
555
589
|
key: "getValue",
|
|
556
590
|
value: function e() {
|
|
557
591
|
return this.isControlled() ? this.props.value : this.state.value;
|
|
558
592
|
}
|
|
559
|
-
}, {
|
|
560
|
-
key: "setValueFromString",
|
|
561
|
-
value: function e(t, n) {
|
|
562
|
-
var o = this;
|
|
563
|
-
var i = r.stringToNumber(n, this.props);
|
|
564
|
-
var a = this.props.name;
|
|
565
|
-
this.setState({
|
|
566
|
-
value: this.isControlled() ? undefined : i,
|
|
567
|
-
stringValue: n
|
|
568
|
-
}, (function() {
|
|
569
|
-
if (o.getValue() !== i || !o.isControlled()) {
|
|
570
|
-
var e, r;
|
|
571
|
-
(e = (r = o.props).onChange) === null || e === void 0 ? void 0 : e.call(r, t, {
|
|
572
|
-
value: i,
|
|
573
|
-
name: a
|
|
574
|
-
});
|
|
575
|
-
}
|
|
576
|
-
}));
|
|
577
|
-
}
|
|
578
593
|
}, {
|
|
579
594
|
key: "setValue",
|
|
580
|
-
value: function e(
|
|
581
|
-
var
|
|
582
|
-
var
|
|
595
|
+
value: function e(r, t) {
|
|
596
|
+
var n = this;
|
|
597
|
+
var o = this.props, a = o.locale, i = o.onChange, l = o.name;
|
|
583
598
|
this.setState({
|
|
584
|
-
value: this.isControlled() ? undefined :
|
|
585
|
-
stringValue:
|
|
599
|
+
value: this.isControlled() ? undefined : t,
|
|
600
|
+
stringValue: R(t, a)
|
|
586
601
|
}, (function() {
|
|
587
|
-
if (
|
|
588
|
-
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
name: i
|
|
602
|
+
if (n.getValue() !== t || !n.isControlled()) {
|
|
603
|
+
i === null || i === void 0 ? void 0 : i(r, {
|
|
604
|
+
value: t,
|
|
605
|
+
name: l
|
|
592
606
|
});
|
|
593
607
|
}
|
|
594
608
|
}));
|
|
@@ -599,9 +613,9 @@
|
|
|
599
613
|
* Place focus on the input.
|
|
600
614
|
*/
|
|
601
615
|
// eslint-disable-next-line react/no-unused-class-component-methods
|
|
602
|
-
value: function e(
|
|
616
|
+
value: function e(r) {
|
|
603
617
|
if (this.text) {
|
|
604
|
-
this.text.focus(
|
|
618
|
+
this.text.focus(r);
|
|
605
619
|
}
|
|
606
620
|
}
|
|
607
621
|
}, {
|
|
@@ -612,126 +626,141 @@
|
|
|
612
626
|
}, {
|
|
613
627
|
key: "updateString",
|
|
614
628
|
value: function e() {
|
|
615
|
-
var
|
|
629
|
+
var r = this.getValue();
|
|
616
630
|
this.setState({
|
|
617
|
-
stringValue: r
|
|
631
|
+
stringValue: R(r, this.props.locale)
|
|
618
632
|
});
|
|
619
633
|
}
|
|
620
634
|
}, {
|
|
621
635
|
key: "increment",
|
|
622
|
-
value: function e(
|
|
623
|
-
var o =
|
|
624
|
-
var
|
|
636
|
+
value: function e(r, t) {
|
|
637
|
+
var n = this.props, o = n.locale, a = n.min, i = n.max, l = n.roundTo, s = n.defaultValue, c = n.step;
|
|
638
|
+
var p = this.state.stringValue;
|
|
639
|
+
var d = M({
|
|
640
|
+
str: p,
|
|
641
|
+
locale: o,
|
|
642
|
+
min: a,
|
|
643
|
+
max: i,
|
|
644
|
+
roundTo: l
|
|
645
|
+
});
|
|
646
|
+
var f;
|
|
625
647
|
// increment appropriate number
|
|
626
|
-
if (
|
|
648
|
+
if (d !== undefined && u()(d)) {
|
|
627
649
|
// increment the entered value
|
|
628
|
-
|
|
629
|
-
} else if (
|
|
650
|
+
f = d + t;
|
|
651
|
+
} else if (s !== undefined && u()(s)) {
|
|
630
652
|
// increment the defaultValue
|
|
631
|
-
|
|
632
|
-
} else if (
|
|
653
|
+
f = s + t;
|
|
654
|
+
} else if (t > 0) {
|
|
633
655
|
// increment up to max or step value
|
|
634
|
-
|
|
656
|
+
f = i || c;
|
|
635
657
|
} else {
|
|
636
658
|
// increment down to min or 0
|
|
637
|
-
|
|
659
|
+
f = a || 0;
|
|
638
660
|
// set to min or 0
|
|
639
661
|
}
|
|
640
|
-
this.setValue(
|
|
641
|
-
|
|
642
|
-
|
|
643
|
-
|
|
644
|
-
|
|
645
|
-
|
|
662
|
+
this.setValue(r, A({
|
|
663
|
+
val: f,
|
|
664
|
+
min: a,
|
|
665
|
+
max: i,
|
|
666
|
+
roundTo: l
|
|
667
|
+
}));
|
|
646
668
|
}
|
|
647
669
|
}, {
|
|
648
670
|
key: "render",
|
|
649
671
|
value: function e() {
|
|
650
|
-
var
|
|
651
|
-
var
|
|
652
|
-
var
|
|
653
|
-
var
|
|
654
|
-
var
|
|
672
|
+
var r = this;
|
|
673
|
+
var t = this.props, o = t.append, a = t.describedBy, i = t.disabled, l = t.elementRef, s = t.error, u = t.hideStepButtons, c = t.inline, d = t.value, v = d === void 0 ? this.state.value : d, m = t.max, b = t.min, h = t.prepend, g = t.splunkTheme, x = t.endAdornment, k = t.startAdornment;
|
|
674
|
+
var w = p()(this.props, [ "defaultValue", "hideStepButtons", "max", "min", "roundTo", "spellCheck", "step" ]);
|
|
675
|
+
var O = g.isPrisma;
|
|
676
|
+
var S = O ? {} : {
|
|
655
677
|
append: o,
|
|
656
678
|
prepend: !o,
|
|
657
|
-
error:
|
|
679
|
+
error: s,
|
|
658
680
|
inline: false
|
|
659
681
|
};
|
|
660
|
-
var
|
|
661
|
-
|
|
662
|
-
|
|
682
|
+
var j = U({
|
|
683
|
+
value: v,
|
|
684
|
+
max: m
|
|
685
|
+
});
|
|
686
|
+
var C = F({
|
|
687
|
+
value: v,
|
|
688
|
+
min: b
|
|
689
|
+
});
|
|
690
|
+
var E = n().createElement(y, {
|
|
663
691
|
width: "6px",
|
|
664
692
|
height: "4px",
|
|
665
|
-
screenReaderText: (0,
|
|
693
|
+
screenReaderText: (0, f._)("Increment")
|
|
666
694
|
});
|
|
667
|
-
var
|
|
695
|
+
var D = G({
|
|
668
696
|
"data-test": "increment",
|
|
669
|
-
disabled:
|
|
697
|
+
disabled: i || j,
|
|
670
698
|
onClick: this.handleIncrement,
|
|
671
699
|
tabIndex: -1
|
|
672
|
-
},
|
|
673
|
-
var
|
|
674
|
-
var
|
|
700
|
+
}, S);
|
|
701
|
+
var I = O ? n().createElement(B, D, E) : n().createElement(_, D, E);
|
|
702
|
+
var q = n().createElement(y, {
|
|
675
703
|
width: "6px",
|
|
676
704
|
height: "4px",
|
|
677
|
-
screenReaderText: (0,
|
|
705
|
+
screenReaderText: (0, f._)("Decrement"),
|
|
678
706
|
style: {
|
|
679
707
|
transform: "rotateX(180deg)"
|
|
680
708
|
}
|
|
681
709
|
});
|
|
682
|
-
var
|
|
710
|
+
var K = G({
|
|
683
711
|
"data-test": "decrement",
|
|
684
|
-
disabled:
|
|
712
|
+
disabled: i || C,
|
|
685
713
|
onClick: this.handleDecrement,
|
|
686
714
|
tabIndex: -1
|
|
687
|
-
},
|
|
688
|
-
var
|
|
689
|
-
var
|
|
690
|
-
var
|
|
691
|
-
$isAppend:
|
|
692
|
-
},
|
|
693
|
-
var
|
|
694
|
-
$isAppend:
|
|
695
|
-
},
|
|
715
|
+
}, S);
|
|
716
|
+
var A = O ? n().createElement(N, K, q) : n().createElement(V, K, q);
|
|
717
|
+
var M = o && !h;
|
|
718
|
+
var R = (!i || O) && M && !u && n().createElement(T, {
|
|
719
|
+
$isAppend: M
|
|
720
|
+
}, I, A);
|
|
721
|
+
var z = (!i || O) && !M && !u && n().createElement(T, {
|
|
722
|
+
$isAppend: M
|
|
723
|
+
}, I, A);
|
|
696
724
|
|
|
697
|
-
return n().createElement(
|
|
725
|
+
return n().createElement(P, $({
|
|
698
726
|
autoCapitalize: "off",
|
|
699
727
|
autoComplete: "off",
|
|
700
728
|
autoCorrect: "off",
|
|
701
729
|
spellCheck: false,
|
|
702
730
|
"data-test": "number",
|
|
703
|
-
|
|
704
|
-
|
|
731
|
+
elementRef: l,
|
|
732
|
+
ref: function e(t) {
|
|
733
|
+
r.text = t;
|
|
705
734
|
}
|
|
706
|
-
},
|
|
707
|
-
inline:
|
|
735
|
+
}, w, {
|
|
736
|
+
inline: c,
|
|
708
737
|
onChange: this.handleInputChange,
|
|
709
738
|
onBlur: this.handleInputBlur,
|
|
710
739
|
onKeyDown: this.handleKeyDown,
|
|
711
740
|
onKeyUp: this.handleKeyUp,
|
|
712
741
|
value: this.state.stringValue,
|
|
713
|
-
"aria-describedby":
|
|
714
|
-
error:
|
|
715
|
-
"data-test-value":
|
|
716
|
-
startAdornment:
|
|
717
|
-
endAdornment:
|
|
742
|
+
"aria-describedby": a,
|
|
743
|
+
error: s,
|
|
744
|
+
"data-test-value": v,
|
|
745
|
+
startAdornment: k || R,
|
|
746
|
+
endAdornment: x || z,
|
|
718
747
|
role: "spinbutton",
|
|
719
748
|
"aria-valuenow": this.state.value,
|
|
720
749
|
"aria-valuemin": b,
|
|
721
|
-
"aria-valuemax":
|
|
722
|
-
"aria-invalid":
|
|
750
|
+
"aria-valuemax": m,
|
|
751
|
+
"aria-invalid": s
|
|
723
752
|
}));
|
|
724
753
|
}
|
|
725
754
|
} ]);
|
|
726
|
-
return
|
|
727
|
-
}(
|
|
728
|
-
|
|
729
|
-
|
|
730
|
-
|
|
731
|
-
var
|
|
732
|
-
|
|
733
|
-
/* harmony default export */ const
|
|
755
|
+
return t;
|
|
756
|
+
}(t.Component);
|
|
757
|
+
oe(ue, "propTypes", le);
|
|
758
|
+
oe(ue, "defaultProps", se);
|
|
759
|
+
oe(ue, "displayName", "Number");
|
|
760
|
+
var ce = (0, d.withSplunkTheme)(ue);
|
|
761
|
+
ce.propTypes = ue.propTypes;
|
|
762
|
+
/* harmony default export */ const pe = ce;
|
|
734
763
|
// only for styled components using Number
|
|
735
764
|
// CONCATENATED MODULE: ./src/Number/index.ts
|
|
736
|
-
module.exports =
|
|
765
|
+
module.exports = r;
|
|
737
766
|
/******/})();
|