@splunk/react-ui 4.44.1 → 4.45.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/TextArea.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 = r => {
12
- /******/ var t = r && r.__esModule ?
13
- /******/ () => r["default"]
14
- /******/ : () => r
11
+ /******/ e.n = t => {
12
+ /******/ var r = t && t.__esModule ?
13
+ /******/ () => t["default"]
14
+ /******/ : () => t
15
15
  /******/;
16
- e.d(t, {
17
- a: t
16
+ e.d(r, {
17
+ a: r
18
18
  });
19
- /******/ return t;
19
+ /******/ return r;
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 = (r, t) => {
27
- /******/ for (var n in t) {
28
- /******/ if (e.o(t, n) && !e.o(r, n)) {
29
- /******/ Object.defineProperty(r, n, {
26
+ /******/ e.d = (t, r) => {
27
+ /******/ for (var n in r) {
28
+ /******/ if (e.o(r, n) && !e.o(t, n)) {
29
+ /******/ Object.defineProperty(t, n, {
30
30
  enumerable: true,
31
- get: t[n]
31
+ get: r[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, r) => Object.prototype.hasOwnProperty.call(e, r)
40
+ /******/ e.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t)
41
41
  /******/;
42
42
  })();
43
43
  /******/
@@ -56,16 +56,16 @@
56
56
  /******/ };
57
57
  /******/ })();
58
58
  /******/
59
- /************************************************************************/ var r = {};
59
+ /************************************************************************/ var t = {};
60
60
  // ESM COMPAT FLAG
61
- e.r(r);
61
+ e.r(t);
62
62
  // EXPORTS
63
- e.d(r, {
64
- default: () => /* reexport */ qe
63
+ e.d(t, {
64
+ default: () => /* reexport */ Ve
65
65
  });
66
66
  // CONCATENATED MODULE: external "react"
67
- const t = require("react");
68
- var n = e.n(t);
67
+ const r = require("react");
68
+ var n = e.n(r);
69
69
  // CONCATENATED MODULE: external "prop-types"
70
70
  const a = require("prop-types");
71
71
  var o = e.n(a);
@@ -76,17 +76,17 @@
76
76
  const s = require("lodash/has");
77
77
  var c = e.n(s);
78
78
  // CONCATENATED MODULE: external "lodash/keys"
79
- const d = require("lodash/keys");
80
- var p = e.n(d);
79
+ const u = require("lodash/keys");
80
+ var d = e.n(u);
81
81
  // CONCATENATED MODULE: external "lodash/noop"
82
- const u = require("lodash/noop");
83
- var f = e.n(u);
82
+ const p = require("lodash/noop");
83
+ var f = e.n(p);
84
84
  // CONCATENATED MODULE: external "lodash/omit"
85
- const v = require("lodash/omit");
86
- var h = e.n(v);
85
+ const h = require("lodash/omit");
86
+ var v = e.n(h);
87
87
  // CONCATENATED MODULE: external "lodash/pickBy"
88
- const b = require("lodash/pickBy");
89
- var m = e.n(b);
88
+ const m = require("lodash/pickBy");
89
+ var b = e.n(m);
90
90
  // CONCATENATED MODULE: external "lodash/throttle"
91
91
  const y = require("lodash/throttle");
92
92
  var g = e.n(y);
@@ -96,182 +96,182 @@
96
96
  const w = require("@splunk/react-ui/EventListener");
97
97
  var C = e.n(w);
98
98
  // CONCATENATED MODULE: external "@splunk/themes"
99
- const k = require("@splunk/themes");
99
+ const S = require("@splunk/themes");
100
100
  // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
101
- const S = require("@splunk/ui-utils/i18n");
101
+ const k = require("@splunk/ui-utils/i18n");
102
102
  // CONCATENATED MODULE: external "@splunk/ui-utils/style"
103
103
  const A = require("@splunk/ui-utils/style");
104
104
  // CONCATENATED MODULE: external "@splunk/react-icons/Cross"
105
105
  const O = require("@splunk/react-icons/Cross");
106
- var I = e.n(O);
106
+ var E = e.n(O);
107
107
  // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Close"
108
- const j = require("@splunk/react-icons/enterprise/Close");
109
- var E = e.n(j);
108
+ const I = require("@splunk/react-icons/enterprise/Close");
109
+ var T = e.n(I);
110
110
  // CONCATENATED MODULE: external "styled-components"
111
- const P = require("styled-components");
112
- var T = e.n(P);
111
+ const j = require("styled-components");
112
+ var P = e.n(j);
113
113
  // CONCATENATED MODULE: external "@splunk/react-ui/Box"
114
114
  const M = require("@splunk/react-ui/Box");
115
115
  var $ = e.n(M);
116
116
  // CONCATENATED MODULE: external "@splunk/react-ui/Button"
117
117
  const _ = require("@splunk/react-ui/Button");
118
- var W = e.n(_);
118
+ var N = e.n(_);
119
119
  // CONCATENATED MODULE: ./src/TextArea/TextAreaStyles.ts
120
- var q = T()(W()).withConfig({
120
+ var q = P()(N()).withConfig({
121
121
  displayName: "TextAreaStyles__StyledClearButton",
122
122
  componentId: "gfy8yp-0"
123
123
  })([ "display:none;visibility:hidden;border-radius:", ";cursor:pointer;font-size:0.83333em;flex-grow:0;", ";&:not([disabled]){color:", ";}" ], (0,
124
- k.pick)({
125
- enterprise: k.variables.borderRadius,
124
+ S.pick)({
125
+ enterprise: S.variables.borderRadius,
126
126
  prisma: "50%"
127
- }), (0, k.pick)({
128
- enterprise: (0, P.css)([ "width:", ";height:", ";" ], k.variables.inputHeight, k.variables.inputHeight),
127
+ }), (0, S.pick)({
128
+ enterprise: (0, j.css)([ "width:", ";height:", ";" ], S.variables.inputHeight, S.variables.inputHeight),
129
129
  prisma: {
130
- comfortable: (0, P.css)([ "width:26px;min-width:26px;min-height:26px;margin:8px;padding:0;" ]),
131
- compact: (0, P.css)([ "width:22px;min-width:22px;min-height:22px;margin:8px;padding:0;" ])
130
+ comfortable: (0, j.css)([ "width:26px;min-width:26px;min-height:26px;margin:8px;padding:0;" ]),
131
+ compact: (0, j.css)([ "width:22px;min-width:22px;min-height:22px;margin:8px;padding:0;" ])
132
132
  }
133
- }), (0, k.pick)({
133
+ }), (0, S.pick)({
134
134
  enterprise: {
135
- light: k.variables.gray60,
136
- dark: k.variables.white
135
+ light: S.variables.gray60,
136
+ dark: S.variables.white
137
137
  },
138
- prisma: k.variables.contentColorMuted
138
+ prisma: S.variables.contentColorMuted
139
139
  }));
140
- var D = T().span.withConfig({
140
+ var W = P().span.withConfig({
141
141
  displayName: "TextAreaStyles__StyledSearchIconWrapper",
142
142
  componentId: "gfy8yp-1"
143
- })([ "", ";color:", ";pointer-events:none;padding:", ";", "" ], k.mixins.reset("inline-block"), (0,
144
- k.pick)({
143
+ })([ "", ";color:", ";pointer-events:none;padding:", ";", "" ], S.mixins.reset("inline-block"), (0,
144
+ S.pick)({
145
145
  enterprise: {
146
- light: k.variables.gray60,
147
- dark: k.variables.white
146
+ light: S.variables.gray60,
147
+ dark: S.variables.white
148
148
  },
149
- prisma: k.variables.contentColorMuted
150
- }), (0, k.pick)({
149
+ prisma: S.variables.contentColorMuted
150
+ }), (0, S.pick)({
151
151
  comfortable: "0 8px",
152
152
  compact: "0 6px"
153
153
  }), (function(e) {
154
- var r = e.$disabled;
155
- return r && (0, P.css)([ "", "" ], (0, k.pick)({
156
- enterprise: (0, P.css)([ "color:", ";" ], k.variables.textDisabledColor),
157
- prisma: (0, P.css)([ "color:", ";" ], k.variables.contentColorDisabled)
154
+ var t = e.$disabled;
155
+ return t && (0, j.css)([ "", "" ], (0, S.pick)({
156
+ enterprise: (0, j.css)([ "color:", ";" ], S.variables.textDisabledColor),
157
+ prisma: (0, j.css)([ "color:", ";" ], S.variables.contentColorDisabled)
158
158
  }));
159
159
  }));
160
- var N = "230px";
161
- var B = T()($()).withConfig({
160
+ var B = "230px";
161
+ var D = P()($()).withConfig({
162
162
  displayName: "TextAreaStyles__StyledBox",
163
163
  componentId: "gfy8yp-2"
164
- })([ "display:flex;justify-content:space-between;flex-grow:1;flex-shrink:1;position:relative;&[data-inline]{width:", ";flex-basis:", ";[data-inline] + &{margin-left:", ";}}&:focus-within:not([disabled]){", " ", "{visibility:visible;display:block;}}" ], N, N, k.variables.spacingSmall, (0,
165
- k.pick)({
166
- enterprise: (0, P.css)([ "", "{display:none;}" ], /* sc-sel */ D)
164
+ })([ "display:flex;justify-content:space-between;flex-grow:1;flex-shrink:1;position:relative;&[data-inline]{width:", ";flex-basis:", ";[data-inline] + &{margin-left:", ";}}&:focus-within:not([disabled]){", " ", "{visibility:visible;display:block;}}" ], B, B, S.variables.spacingSmall, (0,
165
+ S.pick)({
166
+ enterprise: (0, j.css)([ "", "{display:none;}" ], /* sc-sel */ W)
167
167
  }), /* sc-sel */ q);
168
- var R = (0, k.pick)({
168
+ var R = (0, S.pick)({
169
169
  prisma: "12px",
170
170
  enterprise: "10px"
171
171
  });
172
- var z = (0, k.pick)({
172
+ var z = (0, S.pick)({
173
173
  prisma: "12px",
174
174
  enterprise: "0"
175
175
  });
176
- var F = T().span.withConfig({
176
+ var F = P().span.withConfig({
177
177
  displayName: "TextAreaStyles__StyledTextAreaWrapper",
178
178
  componentId: "gfy8yp-3"
179
- })([ "", " flex-grow:1;min-height:", ";position:relative;overflow:hidden;border:1px solid ", ";border-radius:", ";box-sizing:border-box;background-color:", ";box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);align-items:center;padding:0 ", " 0 ", ";", " ", " &:hover:not([disabled]){border-color:", ";}&:focus-within:not([disabled]){box-shadow:", ";color:", ";}", " ", " ", " ", "" ], k.mixins.reset("inline-flex"), k.variables.inputHeight, (0,
180
- k.pick)({
179
+ })([ "", " flex-grow:1;min-height:", ";position:relative;overflow:hidden;border:1px solid ", ";border-radius:", ";box-sizing:border-box;background-color:", ";box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);align-items:center;padding:0 ", " 0 ", ";", " ", " &:hover:not([disabled]){border-color:", ";}&:focus-within:not([disabled]){box-shadow:", ";color:", ";}", " ", " ", " ", "" ], S.mixins.reset("inline-flex"), S.variables.inputHeight, (0,
180
+ S.pick)({
181
181
  enterprise: {
182
- light: k.variables.borderColorStrong,
183
- dark: k.variables.borderColorWeak
182
+ light: S.variables.borderColorStrong,
183
+ dark: S.variables.borderColorWeak
184
184
  },
185
- prisma: k.variables.interactiveColorBorder
186
- }), k.variables.borderRadius, (0, k.pick)({
185
+ prisma: S.variables.interactiveColorBorder
186
+ }), S.variables.borderRadius, (0, S.pick)({
187
187
  enterprise: {
188
- light: k.variables.white,
189
- dark: k.variables.gray22
188
+ light: S.variables.white,
189
+ dark: S.variables.gray22
190
190
  },
191
- prisma: k.variables.transparent
191
+ prisma: S.variables.transparent
192
192
  }), z, R, (function(e) {
193
- var r = e.$hasEndAdornment;
194
- return r && (0, P.css)([ "padding-right:0;" ]);
193
+ var t = e.$hasEndAdornment;
194
+ return t && (0, j.css)([ "padding-right:0;" ]);
195
195
  }), (function(e) {
196
- var r = e.$hasStartAdornment;
197
- return r && (0, P.css)([ "padding-left:0;" ]);
198
- }), (0, k.pick)({
196
+ var t = e.$hasStartAdornment;
197
+ return t && (0, j.css)([ "padding-left:0;" ]);
198
+ }), (0, S.pick)({
199
199
  enterprise: {
200
- light: k.variables.borderColorStrong,
201
- dark: k.variables.borderColorWeak
200
+ light: S.variables.borderColorStrong,
201
+ dark: S.variables.borderColorWeak
202
202
  },
203
- prisma: k.variables.interactiveColorBorderHover
204
- }), k.variables.focusShadow, k.variables.contentColorActive, (function(e) {
205
- var r = e.$error;
206
- return r && (0, P.css)([ "&,&:hover:not([disabled]){border-color:", ";}&:focus-within:not([disabled]){box-shadow:", ";color:", ";}" ], k.variables.accentColorNegative, k.variables.focusShadow, k.variables.contentColorActive);
203
+ prisma: S.variables.interactiveColorBorderHover
204
+ }), S.variables.focusShadow, S.variables.contentColorActive, (function(e) {
205
+ var t = e.$error;
206
+ return t && (0, j.css)([ "&,&:hover:not([disabled]){border-color:", ";}&:focus-within:not([disabled]){box-shadow:", ";color:", ";}" ], S.variables.accentColorNegative, S.variables.focusShadow, S.variables.contentColorActive);
207
207
  }), (function(e) {
208
- var r = e.$append;
209
- return r && (0, P.css)([ "margin-right:-1px;border-top-right-radius:0;border-bottom-right-radius:0;border-right:none;" ]);
208
+ var t = e.$append;
209
+ return t && (0, j.css)([ "margin-right:-1px;border-top-right-radius:0;border-bottom-right-radius:0;border-right:none;" ]);
210
210
  }), (function(e) {
211
- var r = e.$prepend;
212
- return r && (0, P.css)([ "border-top-left-radius:0;border-bottom-left-radius:0;" ]);
211
+ var t = e.$prepend;
212
+ return t && (0, j.css)([ "border-top-left-radius:0;border-bottom-left-radius:0;" ]);
213
213
  }), (function(e) {
214
- var r = e.disabled;
215
- return r && (0, P.css)([ "", " box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);" ], (0,
216
- k.pick)({
214
+ var t = e.disabled;
215
+ return t && (0, j.css)([ "", " box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);" ], (0,
216
+ S.pick)({
217
217
  enterprise: {
218
- light: (0, P.css)([ "background-color:", ";border-color:", ";" ], k.variables.gray96, k.variables.gray92),
219
- dark: (0, P.css)([ "background-color:", ";border-color:", ";" ], k.variables.gray22, k.variables.gray30)
218
+ light: (0, j.css)([ "background-color:", ";border-color:", ";" ], S.variables.gray96, S.variables.gray92),
219
+ dark: (0, j.css)([ "background-color:", ";border-color:", ";" ], S.variables.gray22, S.variables.gray30)
220
220
  },
221
- prisma: (0, P.css)([ "border-color:", ";" ], k.variables.interactiveColorBorderDisabled)
221
+ prisma: (0, j.css)([ "border-color:", ";" ], S.variables.interactiveColorBorderDisabled)
222
222
  }));
223
223
  }));
224
- var H = T().textarea.withConfig({
224
+ var H = P().textarea.withConfig({
225
225
  displayName: "TextAreaStyles__StyledTextArea",
226
226
  componentId: "gfy8yp-4"
227
- })([ "", ";outline-style:none;border:0;background:transparent;color:", ";flex-grow:1;font-family:", ";font-size:inherit;line-height:inherit;padding-top:", ";padding-bottom:", ";padding-right:", ";position:relative;resize:none;overflow:auto;white-space:pre-wrap;", " &::placeholder{color:", ";opacity:1;}", " ", "" ], k.mixins.reset("inline-flex"), k.variables.contentColorActive, k.variables.sansFontFamily, (0,
228
- k.pick)({
227
+ })([ "", ";outline-style:none;border:0;background:transparent;color:", ";flex-grow:1;font-family:", ";font-size:inherit;line-height:inherit;padding-top:", ";padding-bottom:", ";padding-right:", ";position:relative;resize:none;overflow:auto;white-space:pre-wrap;", " &::placeholder{color:", ";opacity:1;}", " ", "" ], S.mixins.reset("inline-flex"), S.variables.contentColorActive, S.variables.sansFontFamily, (0,
228
+ S.pick)({
229
229
  enterprise: {
230
- comfortable: k.variables.spacingXSmall,
230
+ comfortable: S.variables.spacingXSmall,
231
231
  compact: "3px"
232
232
  },
233
233
  prisma: {
234
- comfortable: k.variables.spacingSmall,
234
+ comfortable: S.variables.spacingSmall,
235
235
  compact: "5px"
236
236
  }
237
- }), (0, k.pick)({
237
+ }), (0, S.pick)({
238
238
  enterprise: {
239
- comfortable: k.variables.spacingXSmall,
239
+ comfortable: S.variables.spacingXSmall,
240
240
  compact: "3px"
241
241
  },
242
242
  prisma: {
243
- comfortable: k.variables.spacingSmall,
243
+ comfortable: S.variables.spacingSmall,
244
244
  compact: "5px"
245
245
  }
246
- }), (0, k.pick)({
246
+ }), (0, S.pick)({
247
247
  enterprise: "10px",
248
248
  prisma: "14px"
249
249
  }), (function(e) {
250
- var r = e.$rowsMin;
251
- return r && (0, P.css)([ "height:calc( ", " + (", " * ", ") + ", " );" ], k.variables.inputHeight, r - 1, k.variables.lineHeight, r > 1 ? "-3px" : "-2px");
252
- }), k.variables.contentColorMuted, (function(e) {
253
- var r = e.$error;
254
- return r && (0, P.css)([ "color:", ";" ], (0, k.pick)({
250
+ var t = e.$rowsMin;
251
+ return t && (0, j.css)([ "height:calc( ", " + (", " * ", ") + ", " );" ], S.variables.inputHeight, t - 1, S.variables.lineHeight, t > 1 ? "-3px" : "-2px");
252
+ }), S.variables.contentColorMuted, (function(e) {
253
+ var t = e.$error;
254
+ return t && (0, j.css)([ "color:", ";" ], (0, S.pick)({
255
255
  enterprise: {
256
- light: k.variables.errorColorD10,
257
- dark: k.variables.errorColorL20
256
+ light: S.variables.errorColorD10,
257
+ dark: S.variables.errorColorL20
258
258
  },
259
- prisma: k.variables.contentColorActive
259
+ prisma: S.variables.contentColorActive
260
260
  }));
261
261
  }), (function(e) {
262
- var r = e.disabled;
263
- return r && (0, P.css)([ "cursor:not-allowed;color:", ";&::placeholder{color:", ";}" ], k.variables.contentColorDisabled, k.variables.contentColorDisabled);
262
+ var t = e.disabled;
263
+ return t && (0, j.css)([ "cursor:not-allowed;color:", ";&::placeholder{color:", ";}" ], S.variables.contentColorDisabled, S.variables.contentColorDisabled);
264
264
  }));
265
- var V = T()(H).withConfig({
265
+ var V = P()(H).withConfig({
266
266
  displayName: "TextAreaStyles__StyledTextAreaShadow",
267
267
  componentId: "gfy8yp-5"
268
268
  })([ "position:absolute;overflow:hidden;left:-10000px;top:-10000px;visibility:hidden;pointer-events:none;", "" ], (function(e) {
269
- var r = e.$startAdornmentWidth, t = e.$endAdornmentWidth;
270
- var n = r ? "".concat(r, "px") : R;
271
- var a = t ? "".concat(t, "px") : z;
272
- return (0, P.css)([ "width:calc(100% - ", " - ", ");" ], n, a);
269
+ var t = e.$startAdornmentWidth, r = e.$endAdornmentWidth;
270
+ var n = t ? "".concat(t, "px") : R;
271
+ var a = r ? "".concat(r, "px") : z;
272
+ return (0, j.css)([ "width:calc(100% - ", " - ", ");" ], n, a);
273
273
  }));
274
- var K = (0, k.pick)({
274
+ var L = (0, S.pick)({
275
275
  enterprise: {
276
276
  comfortable: "30px",
277
277
  compact: "26px"
@@ -281,73 +281,73 @@
281
281
  compact: "30px"
282
282
  }
283
283
  });
284
- var L = (0, k.pick)({
284
+ var K = (0, S.pick)({
285
285
  enterprise: "10px",
286
286
  prisma: "14px"
287
287
  });
288
- var G = T().span.withConfig({
288
+ var G = P().span.withConfig({
289
289
  displayName: "TextAreaStyles__StyledPlaceholder",
290
290
  componentId: "gfy8yp-6"
291
291
  })([ "pointer-events:none;color:", ";position:absolute;overflow:hidden;height:", ";margin-right:", ";", ";", ";", "" ], (0,
292
- k.pick)({
293
- enterprise: k.variables.textGray,
294
- prisma: k.variables.contentColorMuted
295
- }), k.variables.lineHeight, L, (function(e) {
296
- var r = e.$hasStartAdornment, t = e.$startAdornmentWidth;
297
- return r && (t ? (0, P.css)([ "margin-left:", "px;" ], t) : (0, P.css)([ "margin-left:", ";" ], K));
292
+ S.pick)({
293
+ enterprise: S.variables.textGray,
294
+ prisma: S.variables.contentColorMuted
295
+ }), S.variables.lineHeight, K, (function(e) {
296
+ var t = e.$hasStartAdornment, r = e.$startAdornmentWidth;
297
+ return t && (r ? (0, j.css)([ "margin-left:", "px;" ], r) : (0, j.css)([ "margin-left:", ";" ], L));
298
298
  }), (function(e) {
299
- var r = e.$hasEndAdornment, t = e.$endAdornmentWidth;
300
- return r && (t ? (0, P.css)([ "max-width:calc(100% - ", " - ", "px);" ], L, t) : (0,
301
- P.css)([ "max-width:calc(100% - ", " - ", ");" ], L, K));
299
+ var t = e.$hasEndAdornment, r = e.$endAdornmentWidth;
300
+ return t && (r ? (0, j.css)([ "max-width:calc(100% - ", " - ", "px);" ], K, r) : (0,
301
+ j.css)([ "max-width:calc(100% - ", " - ", ");" ], K, L));
302
302
  }), (function(e) {
303
- var r = e.$hasBothAdornment, t = e.$endAdornmentWidth, n = e.$startAdornmentWidth;
304
- return r && (0, P.css)([ "max-width:calc(100% - ", "px - ", "px);" ], n, t);
303
+ var t = e.$hasBothAdornment, r = e.$endAdornmentWidth, n = e.$startAdornmentWidth;
304
+ return t && (0, j.css)([ "max-width:calc(100% - ", "px - ", "px);" ], n, r);
305
305
  }));
306
- var U = T().div.withConfig({
306
+ var U = P().div.withConfig({
307
307
  displayName: "TextAreaStyles__StyledAdornmentSpacer",
308
308
  componentId: "gfy8yp-7"
309
- })([ "display:inline-flex;align-items:center;justify-content:center;height:", ";pointer-events:none;", ";" ], K, (function(e) {
310
- var r = e.$width;
311
- return r ? (0, P.css)([ "min-width:", "px;" ], r) : (0, P.css)([ "min-width:", ";" ], K);
309
+ })([ "display:inline-flex;align-items:center;justify-content:center;height:", ";pointer-events:none;", ";" ], L, (function(e) {
310
+ var t = e.$width;
311
+ return t ? (0, j.css)([ "min-width:", "px;" ], t) : (0, j.css)([ "min-width:", ";" ], L);
312
312
  }));
313
- var X = T().div.withConfig({
313
+ var X = P().div.withConfig({
314
314
  displayName: "TextAreaStyles__StyledAdornment",
315
315
  componentId: "gfy8yp-8"
316
- })([ "display:inline-flex;align-items:center;justify-content:center;position:absolute;pointer-events:none;z-index:1;height:", ";color:", ";", " ", ";", "" ], K, (0,
317
- k.pick)({
316
+ })([ "display:inline-flex;align-items:center;justify-content:center;position:absolute;pointer-events:none;z-index:1;height:", ";color:", ";", " ", ";", "" ], L, (0,
317
+ S.pick)({
318
318
  enterprise: {
319
- light: k.variables.gray60,
320
- dark: k.variables.white
319
+ light: S.variables.gray60,
320
+ dark: S.variables.white
321
321
  },
322
- prisma: k.variables.contentColorMuted
323
- }), (0, k.pickVariant)("$position", {
324
- start: (0, P.css)([ "top:1px;left:1px;" ]),
325
- end: (0, P.css)([ "top:1px;right:1px;" ])
322
+ prisma: S.variables.contentColorMuted
323
+ }), (0, S.pickVariant)("$position", {
324
+ start: (0, j.css)([ "top:1px;left:1px;" ]),
325
+ end: (0, j.css)([ "top:1px;right:1px;" ])
326
326
  }), (function(e) {
327
- var r = e.disabled;
328
- return r && (0, P.css)([ "cursor:not-allowed;color:", ";" ], k.variables.contentColorDisabled);
329
- }), (0, k.pick)({
330
- enterprise: (0, P.css)([ "margin-left:-1px;margin-right:-1px;" ])
327
+ var t = e.disabled;
328
+ return t && (0, j.css)([ "cursor:not-allowed;color:", ";" ], S.variables.contentColorDisabled);
329
+ }), (0, S.pick)({
330
+ enterprise: (0, j.css)([ "margin-left:-1px;margin-right:-1px;" ])
331
331
  }));
332
332
  // CONCATENATED MODULE: ./src/TextArea/icons/ClearButton.tsx
333
333
  function J() {
334
334
  return J = Object.assign ? Object.assign.bind() : function(e) {
335
- for (var r = 1; r < arguments.length; r++) {
336
- var t = arguments[r];
337
- for (var n in t) {
338
- ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
335
+ for (var t = 1; t < arguments.length; t++) {
336
+ var r = arguments[t];
337
+ for (var n in r) {
338
+ ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
339
339
  }
340
340
  }
341
341
  return e;
342
342
  }, J.apply(null, arguments);
343
343
  }
344
344
  function Q(e) {
345
- var r = (0, k.useSplunkTheme)(), t = r.isEnterprise, a = r.isCompact;
346
- var o = t ? "pill" : "secondary";
345
+ var t = (0, S.useSplunkTheme)(), r = t.isEnterprise, a = t.isCompact;
346
+ var o = r ? "pill" : "secondary";
347
347
  var i = a ? "20px" : "24px";
348
- var l = t ? n().createElement(E(), {
348
+ var l = r ? n().createElement(T(), {
349
349
  size: 1
350
- }) : n().createElement(I(), {
350
+ }) : n().createElement(E(), {
351
351
  width: i,
352
352
  height: i
353
353
  });
@@ -364,20 +364,20 @@
364
364
  var Z = e.n(Y);
365
365
  // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Search"
366
366
  const ee = require("@splunk/react-icons/enterprise/Search");
367
- var re = e.n(ee);
367
+ var te = e.n(ee);
368
368
  // CONCATENATED MODULE: ./src/TextArea/icons/SearchIcon.tsx
369
- function te() {
370
- var e = (0, k.useSplunkTheme)(), r = e.isCompact, t = e.isEnterprise;
371
- if (t) {
369
+ function re() {
370
+ var e = (0, S.useSplunkTheme)(), t = e.isCompact, r = e.isEnterprise;
371
+ if (r) {
372
372
 
373
- return n().createElement(re(), {
373
+ return n().createElement(te(), {
374
374
  hideDefaultTooltip: true,
375
375
  inline: false,
376
376
  screenReaderText: "Search",
377
377
  size: "16px"
378
378
  });
379
379
  }
380
- var a = r ? "20px" : "24px";
380
+ var a = t ? "20px" : "24px";
381
381
 
382
382
  return n().createElement(Z(), {
383
383
  "aria-label": "Search",
@@ -407,7 +407,7 @@
407
407
  // SOFTWARE.
408
408
  // End of MIT license text.
409
409
  function ne(e) {
410
- var r = e.height, t = e.rowsMax, n = e.rowsMin, a = e.shadow;
410
+ var t = e.height, r = e.rowsMax, n = e.rowsMin, a = e.shadow;
411
411
  if (a) {
412
412
  var o = window.getComputedStyle(a);
413
413
  var i = o.getPropertyValue("line-height");
@@ -418,30 +418,155 @@
418
418
  var l = parseInt(i, 10);
419
419
  var s = parseInt(o.getPropertyValue("padding-top"), 10);
420
420
  var c = parseInt(o.getPropertyValue("padding-bottom"), 10);
421
- var d = parseInt(o.getPropertyValue("border-top-width"), 10);
422
- var p = parseInt(o.getPropertyValue("border-bottom-width"), 10);
423
- var u = a.scrollHeight + d + p + 1;
421
+ var u = parseInt(o.getPropertyValue("border-top-width"), 10);
422
+ var d = parseInt(o.getPropertyValue("border-bottom-width"), 10);
423
+ var p = a.scrollHeight + u + d + 1;
424
424
  // need one extra.
425
425
  /* eslint-disable no-restricted-globals */
426
426
  // Leverage the global `isNaN` here for IE support, rather than Number.isNaN.
427
427
  // We know newHeight is numeric because we parseInt() above, so `isNaN` should be reliable.
428
- if (u === undefined || isNaN(u)) {
428
+ if (p === undefined || isNaN(p)) {
429
429
  return false;
430
430
  }
431
- /* eslint-enable no-restricted-globals */ if (t >= n) {
432
- var f = t * l + s + c + d + p + 1;
431
+ /* eslint-enable no-restricted-globals */ if (r >= n) {
432
+ var f = r * l + s + c + u + d + 1;
433
433
  // need one extra.
434
- u = Math.min(f, u);
434
+ p = Math.min(f, p);
435
435
  }
436
- var v = n * l + s + c + d + p + 1;
436
+ var h = n * l + s + c + u + d + 1;
437
437
  // need one extra.
438
- u = Math.max(v, u);
439
- if (r !== u) {
440
- return u;
438
+ p = Math.max(h, p);
439
+ if (t !== p) {
440
+ return p;
441
441
  }
442
442
  }
443
443
  return false;
444
444
  }
445
+ // CONCATENATED MODULE: ./src/utils/ssrDocument.ts
446
+ /* eslint-disable @typescript-eslint/no-empty-function */
447
+ var ae = {
448
+ body: {
449
+ appendChild: function e() {
450
+ return [];
451
+ }
452
+ },
453
+ addEventListener: function e() {},
454
+ removeEventListener: function e() {},
455
+ activeElement: {
456
+ blur: function e() {},
457
+ nodeName: ""
458
+ },
459
+ querySelector: function e() {
460
+ return null;
461
+ },
462
+ querySelectorAll: function e() {
463
+ return [];
464
+ },
465
+ getElementById: function e() {
466
+ return null;
467
+ },
468
+ createEvent: function e() {
469
+ return {
470
+ initEvent: function e() {}
471
+ };
472
+ },
473
+ createElement: function e() {
474
+ return {
475
+ children: [],
476
+ childNodes: [],
477
+ style: {},
478
+ setAttribute: function e() {},
479
+ getElementsByTagName: function e() {
480
+ return [];
481
+ }
482
+ };
483
+ },
484
+ createElementNS: function e() {
485
+ return {};
486
+ },
487
+ importNode: function e() {
488
+ return null;
489
+ },
490
+ location: {
491
+ hash: "",
492
+ host: "",
493
+ hostname: "",
494
+ href: "",
495
+ origin: "",
496
+ pathname: "",
497
+ protocol: "",
498
+ search: ""
499
+ }
500
+ };
501
+ function oe() {
502
+ var e = typeof document !== "undefined" ? document : ae;
503
+ return e;
504
+ }
505
+ var ie = oe();
506
+ /* harmony default export */ const le = /* unused pure expression or super */ null && ie;
507
+ // CONCATENATED MODULE: ./src/utils/ssrWindow.ts
508
+ /* eslint-disable @typescript-eslint/no-empty-function */
509
+ var se = {
510
+ document: ae,
511
+ navigator: {
512
+ userAgent: ""
513
+ },
514
+ location: {
515
+ hash: "",
516
+ host: "",
517
+ hostname: "",
518
+ href: "",
519
+ origin: "",
520
+ pathname: "",
521
+ protocol: "",
522
+ search: ""
523
+ },
524
+ history: {
525
+ replaceState: function e() {},
526
+ pushState: function e() {},
527
+ go: function e() {},
528
+ back: function e() {}
529
+ },
530
+ CustomEvent: function e() {
531
+ return this;
532
+ },
533
+ addEventListener: function e() {},
534
+ removeEventListener: function e() {},
535
+ getComputedStyle: function e() {
536
+ return {
537
+ getPropertyValue: function e() {
538
+ return "";
539
+ }
540
+ };
541
+ },
542
+ Image: function e() {},
543
+ Date: function e() {},
544
+ screen: {},
545
+ setTimeout: function e() {},
546
+ clearTimeout: function e() {},
547
+ matchMedia: function e() {
548
+ return {};
549
+ },
550
+ requestAnimationFrame: function e(t) {
551
+ if (typeof setTimeout === "undefined") {
552
+ t();
553
+ return null;
554
+ }
555
+ return setTimeout(t, 0);
556
+ },
557
+ cancelAnimationFrame: function e(t) {
558
+ if (typeof setTimeout === "undefined") {
559
+ return;
560
+ }
561
+ clearTimeout(t);
562
+ }
563
+ };
564
+ function ce() {
565
+ var e = typeof window !== "undefined" ? window : se;
566
+ return e;
567
+ }
568
+ var ue = ce();
569
+ /* harmony default export */ const de = ue;
445
570
  // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
446
571
  /**
447
572
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
@@ -449,125 +574,125 @@
449
574
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
450
575
  * @param current - The new value of the ref.
451
576
  */
452
- function ae(e, r) {
577
+ function pe(e, t) {
453
578
  if (e) {
454
579
  if (typeof e === "function") {
455
- e(r);
580
+ e(t);
456
581
  } else {
457
582
  // the public signature of this util uses React.Ref<T> to mirror the way React types refs.
458
583
  // the intention here is to signal "we will take care of setting 'current', not you".
459
- e.current = r;
584
+ e.current = t;
460
585
  // eslint-disable-line no-param-reassign
461
586
  }
462
587
  }
463
588
  }
464
589
  // CONCATENATED MODULE: ./src/TextArea/TextArea.tsx
465
- function oe(e) {
590
+ function fe(e) {
466
591
  "@babel/helpers - typeof";
467
- return oe = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
592
+ return fe = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
468
593
  return typeof e;
469
594
  } : function(e) {
470
595
  return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
471
- }, oe(e);
596
+ }, fe(e);
472
597
  }
473
- function ie() {
474
- return ie = Object.assign ? Object.assign.bind() : function(e) {
475
- for (var r = 1; r < arguments.length; r++) {
476
- var t = arguments[r];
477
- for (var n in t) {
478
- ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
598
+ function he() {
599
+ return he = Object.assign ? Object.assign.bind() : function(e) {
600
+ for (var t = 1; t < arguments.length; t++) {
601
+ var r = arguments[t];
602
+ for (var n in r) {
603
+ ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
479
604
  }
480
605
  }
481
606
  return e;
482
- }, ie.apply(null, arguments);
607
+ }, he.apply(null, arguments);
483
608
  }
484
- function le(e) {
485
- return pe(e) || de(e) || ce(e) || se();
609
+ function ve(e) {
610
+ return ge(e) || ye(e) || be(e) || me();
486
611
  }
487
- function se() {
612
+ function me() {
488
613
  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
489
614
  }
490
- function ce(e, r) {
615
+ function be(e, t) {
491
616
  if (e) {
492
- if ("string" == typeof e) return ue(e, r);
493
- var t = {}.toString.call(e).slice(8, -1);
494
- return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? ue(e, r) : void 0;
617
+ if ("string" == typeof e) return xe(e, t);
618
+ var r = {}.toString.call(e).slice(8, -1);
619
+ return "Object" === r && e.constructor && (r = e.constructor.name), "Map" === r || "Set" === r ? Array.from(e) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? xe(e, t) : void 0;
495
620
  }
496
621
  }
497
- function de(e) {
622
+ function ye(e) {
498
623
  if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
499
624
  }
500
- function pe(e) {
501
- if (Array.isArray(e)) return ue(e);
625
+ function ge(e) {
626
+ if (Array.isArray(e)) return xe(e);
502
627
  }
503
- function ue(e, r) {
504
- (null == r || r > e.length) && (r = e.length);
505
- for (var t = 0, n = Array(r); t < r; t++) {
506
- n[t] = e[t];
628
+ function xe(e, t) {
629
+ (null == t || t > e.length) && (t = e.length);
630
+ for (var r = 0, n = Array(t); r < t; r++) {
631
+ n[r] = e[r];
507
632
  }
508
633
  return n;
509
634
  }
510
- function fe(e, r) {
511
- var t = Object.keys(e);
635
+ function we(e, t) {
636
+ var r = Object.keys(e);
512
637
  if (Object.getOwnPropertySymbols) {
513
638
  var n = Object.getOwnPropertySymbols(e);
514
- r && (n = n.filter((function(r) {
515
- return Object.getOwnPropertyDescriptor(e, r).enumerable;
516
- }))), t.push.apply(t, n);
639
+ t && (n = n.filter((function(t) {
640
+ return Object.getOwnPropertyDescriptor(e, t).enumerable;
641
+ }))), r.push.apply(r, n);
517
642
  }
518
- return t;
643
+ return r;
519
644
  }
520
- function ve(e) {
521
- for (var r = 1; r < arguments.length; r++) {
522
- var t = null != arguments[r] ? arguments[r] : {};
523
- r % 2 ? fe(Object(t), !0).forEach((function(r) {
524
- Ie(e, r, t[r]);
525
- })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : fe(Object(t)).forEach((function(r) {
526
- Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
645
+ function Ce(e) {
646
+ for (var t = 1; t < arguments.length; t++) {
647
+ var r = null != arguments[t] ? arguments[t] : {};
648
+ t % 2 ? we(Object(r), !0).forEach((function(t) {
649
+ Ne(e, t, r[t]);
650
+ })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : we(Object(r)).forEach((function(t) {
651
+ Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
527
652
  }));
528
653
  }
529
654
  return e;
530
655
  }
531
- function he(e, r) {
656
+ function Se(e, t) {
532
657
  if (null == e) return {};
533
- var t, n, a = be(e, r);
658
+ var r, n, a = ke(e, t);
534
659
  if (Object.getOwnPropertySymbols) {
535
660
  var o = Object.getOwnPropertySymbols(e);
536
661
  for (n = 0; n < o.length; n++) {
537
- t = o[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (a[t] = e[t]);
662
+ r = o[n], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
538
663
  }
539
664
  }
540
665
  return a;
541
666
  }
542
- function be(e, r) {
667
+ function ke(e, t) {
543
668
  if (null == e) return {};
544
- var t = {};
669
+ var r = {};
545
670
  for (var n in e) {
546
671
  if ({}.hasOwnProperty.call(e, n)) {
547
- if (r.includes(n)) continue;
548
- t[n] = e[n];
672
+ if (t.includes(n)) continue;
673
+ r[n] = e[n];
549
674
  }
550
675
  }
551
- return t;
676
+ return r;
552
677
  }
553
- function me(e, r) {
554
- if (!(e instanceof r)) throw new TypeError("Cannot call a class as a function");
678
+ function Ae(e, t) {
679
+ if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
555
680
  }
556
- function ye(e, r) {
557
- for (var t = 0; t < r.length; t++) {
558
- var n = r[t];
681
+ function Oe(e, t) {
682
+ for (var r = 0; r < t.length; r++) {
683
+ var n = t[r];
559
684
  n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0),
560
- Object.defineProperty(e, je(n.key), n);
685
+ Object.defineProperty(e, qe(n.key), n);
561
686
  }
562
687
  }
563
- function ge(e, r, t) {
564
- return r && ye(e.prototype, r), t && ye(e, t), Object.defineProperty(e, "prototype", {
688
+ function Ee(e, t, r) {
689
+ return t && Oe(e.prototype, t), r && Oe(e, r), Object.defineProperty(e, "prototype", {
565
690
  writable: !1
566
691
  }), e;
567
692
  }
568
- function xe(e, r) {
569
- if ("function" != typeof r && null !== r) throw new TypeError("Super expression must either be null or a function");
570
- e.prototype = Object.create(r && r.prototype, {
693
+ function Ie(e, t) {
694
+ if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
695
+ e.prototype = Object.create(t && t.prototype, {
571
696
  constructor: {
572
697
  value: e,
573
698
  writable: !0,
@@ -575,71 +700,71 @@
575
700
  }
576
701
  }), Object.defineProperty(e, "prototype", {
577
702
  writable: !1
578
- }), r && we(e, r);
703
+ }), t && Te(e, t);
579
704
  }
580
- function we(e, r) {
581
- return we = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, r) {
582
- return e.__proto__ = r, e;
583
- }, we(e, r);
705
+ function Te(e, t) {
706
+ return Te = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
707
+ return e.__proto__ = t, e;
708
+ }, Te(e, t);
584
709
  }
585
- function Ce(e) {
586
- var r = Ae();
710
+ function je(e) {
711
+ var t = $e();
587
712
  return function() {
588
- var t, n = Oe(e);
589
- if (r) {
590
- var a = Oe(this).constructor;
591
- t = Reflect.construct(n, arguments, a);
592
- } else t = n.apply(this, arguments);
593
- return ke(this, t);
713
+ var r, n = _e(e);
714
+ if (t) {
715
+ var a = _e(this).constructor;
716
+ r = Reflect.construct(n, arguments, a);
717
+ } else r = n.apply(this, arguments);
718
+ return Pe(this, r);
594
719
  };
595
720
  }
596
- function ke(e, r) {
597
- if (r && ("object" == oe(r) || "function" == typeof r)) return r;
598
- if (void 0 !== r) throw new TypeError("Derived constructors may only return object or undefined");
599
- return Se(e);
721
+ function Pe(e, t) {
722
+ if (t && ("object" == fe(t) || "function" == typeof t)) return t;
723
+ if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
724
+ return Me(e);
600
725
  }
601
- function Se(e) {
726
+ function Me(e) {
602
727
  if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
603
728
  return e;
604
729
  }
605
- function Ae() {
730
+ function $e() {
606
731
  try {
607
732
  var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
608
733
  } catch (e) {}
609
- return (Ae = function r() {
734
+ return ($e = function t() {
610
735
  return !!e;
611
736
  })();
612
737
  }
613
- function Oe(e) {
614
- return Oe = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
738
+ function _e(e) {
739
+ return _e = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
615
740
  return e.__proto__ || Object.getPrototypeOf(e);
616
- }, Oe(e);
741
+ }, _e(e);
617
742
  }
618
- function Ie(e, r, t) {
619
- return (r = je(r)) in e ? Object.defineProperty(e, r, {
620
- value: t,
743
+ function Ne(e, t, r) {
744
+ return (t = qe(t)) in e ? Object.defineProperty(e, t, {
745
+ value: r,
621
746
  enumerable: !0,
622
747
  configurable: !0,
623
748
  writable: !0
624
- }) : e[r] = t, e;
749
+ }) : e[t] = r, e;
625
750
  }
626
- function je(e) {
627
- var r = Ee(e, "string");
628
- return "symbol" == oe(r) ? r : r + "";
751
+ function qe(e) {
752
+ var t = We(e, "string");
753
+ return "symbol" == fe(t) ? t : t + "";
629
754
  }
630
- function Ee(e, r) {
631
- if ("object" != oe(e) || !e) return e;
632
- var t = e[Symbol.toPrimitive];
633
- if (void 0 !== t) {
634
- var n = t.call(e, r || "default");
635
- if ("object" != oe(n)) return n;
755
+ function We(e, t) {
756
+ if ("object" != fe(e) || !e) return e;
757
+ var r = e[Symbol.toPrimitive];
758
+ if (void 0 !== r) {
759
+ var n = r.call(e, t || "default");
760
+ if ("object" != fe(n)) return n;
636
761
  throw new TypeError("@@toPrimitive must return a primitive value.");
637
762
  }
638
- return ("string" === r ? String : Number)(e);
763
+ return ("string" === t ? String : Number)(e);
639
764
  }
640
765
  /** @public */
641
766
  /** @public */
642
- /** @public */ var Pe = {
767
+ /** @public */ var Be = {
643
768
  appearance: o().oneOf([ "default", "search" ]),
644
769
  append: o().bool,
645
770
  autoCapitalize: o().string,
@@ -683,7 +808,7 @@
683
808
  splunkTheme: o().object,
684
809
  value: o().string
685
810
  };
686
- var Te = {
811
+ var De = {
687
812
  appearance: "default",
688
813
  append: false,
689
814
  autoFocus: false,
@@ -697,57 +822,57 @@
697
822
  rowsMin: 2,
698
823
  tabIndex: 0
699
824
  };
700
- var Me = function e(r) {
701
- var t = r ? r.getBoundingClientRect() : undefined;
702
- var n = t && Math.round(t.width);
825
+ var Re = function e(t) {
826
+ var r = t ? t.getBoundingClientRect() : undefined;
827
+ var n = r && Math.round(r.width);
703
828
  return n;
704
829
  };
705
- /** Note: TextArea places role and aria props onto the input. All other props are placed on the wrapper. */ var $e = function(e) {
706
- xe(t, e);
707
- var r = Ce(t);
708
- ge(t, null, [ {
830
+ /** Note: TextArea places role and aria props onto the input. All other props are placed on the wrapper. */ var ze = function(e) {
831
+ Ie(r, e);
832
+ var t = je(r);
833
+ Ee(r, null, [ {
709
834
  key: "validateRows",
710
835
  // @docs-props-type TextAreaPropsBase
711
- value: function e(r) {
712
- var t = r.rowsMin, n = r.rowsMax;
836
+ value: function e(t) {
837
+ var r = t.rowsMin, n = t.rowsMax;
713
838
  if (false) {}
714
839
  }
715
840
  } ]);
716
- function t(e) {
841
+ function r(e) {
717
842
  var a;
718
- me(this, t);
719
- a = r.call(this, e);
720
- Ie(Se(a), "controlledExternally", void 0);
721
- Ie(Se(a), "input", null);
722
- Ie(Se(a), "shadow", null);
723
- Ie(Se(a), "startAdornment", null);
724
- Ie(Se(a), "endAdornment", null);
725
- Ie(Se(a), "getAdornmentWidth", (function() {
726
- var e = Me(a.startAdornment);
843
+ Ae(this, r);
844
+ a = t.call(this, e);
845
+ Ne(Me(a), "controlledExternally", void 0);
846
+ Ne(Me(a), "input", null);
847
+ Ne(Me(a), "shadow", null);
848
+ Ne(Me(a), "startAdornment", null);
849
+ Ne(Me(a), "endAdornment", null);
850
+ Ne(Me(a), "getAdornmentWidth", (function() {
851
+ var e = Re(a.startAdornment);
727
852
  if (a.state.startAdornmentWidth !== e) {
728
853
  a.setState({
729
854
  startAdornmentWidth: e
730
855
  });
731
856
  }
732
- var r = Me(a.endAdornment);
733
- if (a.state.endAdornmentWidth !== r) {
857
+ var t = Re(a.endAdornment);
858
+ if (a.state.endAdornmentWidth !== t) {
734
859
  a.setState({
735
- endAdornmentWidth: r
860
+ endAdornmentWidth: t
736
861
  });
737
862
  }
738
863
  }));
739
- Ie(Se(a), "handleResize", (function() {
864
+ Ne(Me(a), "handleResize", (function() {
740
865
  a.syncHeightWithShadow();
741
866
  }));
742
- Ie(Se(a), "handleInputMount", (function(e) {
867
+ Ne(Me(a), "handleInputMount", (function(e) {
743
868
  a.input = e;
744
- ae(a.props.inputRef, e);
869
+ pe(a.props.inputRef, e);
745
870
  }));
746
- Ie(Se(a), "handleShadowMount", (function(e) {
871
+ Ne(Me(a), "handleShadowMount", (function(e) {
747
872
  a.shadow = e;
748
873
  }));
749
- Ie(Se(a), "handleInputChange", (function(e) {
750
- var r, t;
874
+ Ne(Me(a), "handleInputChange", (function(e) {
875
+ var t, r;
751
876
  var n = e.target.value;
752
877
  var o = a.props.name;
753
878
  if (!a.isControlled()) {
@@ -755,43 +880,43 @@
755
880
  value: n
756
881
  });
757
882
  }
758
- (r = (t = a.props).onChange) === null || r === void 0 ? void 0 : r.call(t, e, {
883
+ (t = (r = a.props).onChange) === null || t === void 0 ? void 0 : t.call(r, e, {
759
884
  value: n,
760
885
  name: o
761
886
  });
762
887
  }));
763
- Ie(Se(a), "handleInputKeyDown", (function(e) {
764
- var r, t;
765
- (r = (t = a.props).onKeyDown) === null || r === void 0 ? void 0 : r.call(t, e);
888
+ Ne(Me(a), "handleInputKeyDown", (function(e) {
889
+ var t, r;
890
+ (t = (r = a.props).onKeyDown) === null || t === void 0 ? void 0 : t.call(r, e);
766
891
  }));
767
- Ie(Se(a), "handleInputSelect", (function(e) {
768
- var r, t;
769
- (r = (t = a.props).onSelect) === null || r === void 0 ? void 0 : r.call(t, e);
892
+ Ne(Me(a), "handleInputSelect", (function(e) {
893
+ var t, r;
894
+ (t = (r = a.props).onSelect) === null || t === void 0 ? void 0 : t.call(r, e);
770
895
  }));
771
- Ie(Se(a), "handleInputClick", (function(e) {
772
- var r, t;
773
- (r = (t = a.props).onInputClick) === null || r === void 0 ? void 0 : r.call(t, e);
896
+ Ne(Me(a), "handleInputClick", (function(e) {
897
+ var t, r;
898
+ (t = (r = a.props).onInputClick) === null || t === void 0 ? void 0 : t.call(r, e);
774
899
  }));
775
- Ie(Se(a), "handleInputFocus", (function(e) {
776
- var r, t;
900
+ Ne(Me(a), "handleInputFocus", (function(e) {
901
+ var t, r;
777
902
  var n = e.target.value;
778
903
  var o = a.props.name;
779
- (r = (t = a.props).onFocus) === null || r === void 0 ? void 0 : r.call(t, e, {
904
+ (t = (r = a.props).onFocus) === null || t === void 0 ? void 0 : t.call(r, e, {
780
905
  value: n,
781
906
  name: o
782
907
  });
783
908
  }));
784
- Ie(Se(a), "handleInputBlur", (function(e) {
785
- var r, t;
909
+ Ne(Me(a), "handleInputBlur", (function(e) {
910
+ var t, r;
786
911
  var n = e.target.value;
787
912
  var o = a.props.name;
788
- (r = (t = a.props).onBlur) === null || r === void 0 ? void 0 : r.call(t, e, {
913
+ (t = (r = a.props).onBlur) === null || t === void 0 ? void 0 : t.call(r, e, {
789
914
  value: n,
790
915
  name: o
791
916
  });
792
917
  }));
793
- Ie(Se(a), "handleClear", (function(e) {
794
- var r, t;
918
+ Ne(Me(a), "handleClear", (function(e) {
919
+ var t, r;
795
920
  e.preventDefault();
796
921
  var n = "";
797
922
  var o = a.props.name;
@@ -801,12 +926,12 @@
801
926
  });
802
927
  }
803
928
  a.focus();
804
- (r = (t = a.props).onChange) === null || r === void 0 ? void 0 : r.call(t, e, {
929
+ (t = (r = a.props).onChange) === null || t === void 0 ? void 0 : t.call(r, e, {
805
930
  value: n,
806
931
  name: o
807
932
  });
808
933
  }));
809
- Ie(Se(a), "syncHeightWithShadow", (function() {
934
+ Ne(Me(a), "syncHeightWithShadow", (function() {
810
935
  var e = ne({
811
936
  height: a.state.height,
812
937
  rowsMax: a.props.rowsMax,
@@ -819,42 +944,42 @@
819
944
  });
820
945
  }
821
946
  }));
822
- Ie(Se(a), "renderAdornment", (function(e, r) {
823
- var t = a.props.disabled;
824
- var o = r === "start" ? function(e) {
947
+ Ne(Me(a), "renderAdornment", (function(e, t) {
948
+ var r = a.props.disabled;
949
+ var o = t === "start" ? function(e) {
825
950
  a.startAdornment = e;
826
951
  } : function(e) {
827
952
  a.endAdornment = e;
828
953
  };
829
954
  var i = {
830
955
  ref: o,
831
- disabled: t,
832
- $position: r
956
+ disabled: r,
957
+ $position: t
833
958
  };
834
959
 
835
960
  return n().createElement(X, i, e);
836
961
  }));
837
- Ie(Se(a), "renderEndAdornment", (function() {
962
+ Ne(Me(a), "renderEndAdornment", (function() {
838
963
  var e;
839
- var r = a.props, t = r.appearance, o = r.endAdornment, i = r.disabled, l = r.canClear, s = r.splunkTheme;
840
- var c = s.isPrisma, d = s.isEnterprise;
964
+ var t = a.props, r = t.appearance, o = t.endAdornment, i = t.disabled, l = t.canClear, s = t.splunkTheme;
965
+ var c = s.isPrisma, u = s.isEnterprise;
841
966
  if (o) {
842
967
  return a.renderAdornment(o, "end");
843
968
  }
844
- var p = a.context;
845
- var u = (e = p.labelAttrs) === null || e === void 0 ? void 0 : e.text;
846
- var f = u ? (0, S._)("Clear ".concat(u, " text field")) : (0, S._)("Clear text field");
847
- if (d && t === "search") {
969
+ var d = a.context;
970
+ var p = (e = d.labelAttrs) === null || e === void 0 ? void 0 : e.text;
971
+ var f = p ? (0, k._)("Clear ".concat(p, " text field")) : (0, k._)("Clear text field");
972
+ if (u && r === "search") {
848
973
  /* Both icons are rendered, and StyledBox toggles visibility based on :focus-within */
849
974
  return a.renderAdornment( n().createElement(n().Fragment, null, n().createElement(Q, {
850
975
  "aria-label": f,
851
976
  onClick: a.handleClear
852
- }), n().createElement(D, {
977
+ }), n().createElement(W, {
853
978
  $disabled: i
854
- }, n().createElement(te, null))), "end");
979
+ }, n().createElement(re, null))), "end");
855
980
  }
856
- var v = !!a.getDisplayValue();
857
- if (v && (c && t === "search" || l)) {
981
+ var h = !!a.getDisplayValue();
982
+ if (h && (c && r === "search" || l)) {
858
983
  return a.renderAdornment(!i && n().createElement(Q, {
859
984
  "aria-label": f,
860
985
  onClick: a.handleClear
@@ -862,20 +987,20 @@
862
987
  }
863
988
  return undefined;
864
989
  }));
865
- Ie(Se(a), "renderStartAdornment", (function() {
866
- var e = a.props, r = e.appearance, t = e.startAdornment, o = e.splunkTheme, i = e.disabled;
990
+ Ne(Me(a), "renderStartAdornment", (function() {
991
+ var e = a.props, t = e.appearance, r = e.startAdornment, o = e.splunkTheme, i = e.disabled;
867
992
  var l = o.isPrisma;
868
- if (t) {
869
- return a.renderAdornment(t, "start");
993
+ if (r) {
994
+ return a.renderAdornment(r, "start");
870
995
  }
871
- if (l && r === "search") {
872
- return a.renderAdornment( n().createElement(D, {
996
+ if (l && t === "search") {
997
+ return a.renderAdornment( n().createElement(W, {
873
998
  $disabled: i
874
- }, n().createElement(te, null)), "start");
999
+ }, n().createElement(re, null)), "start");
875
1000
  }
876
1001
  return undefined;
877
1002
  }));
878
- Ie(Se(a), "getDisplayValue", (function() {
1003
+ Ne(Me(a), "getDisplayValue", (function() {
879
1004
  var e = a.isControlled() ? a.props.value : a.state.value;
880
1005
  return e;
881
1006
  }));
@@ -886,11 +1011,11 @@
886
1011
  if (false) {}
887
1012
  if (false) {}
888
1013
  if (false) {}
889
- t.validateRows(e);
1014
+ r.validateRows(e);
890
1015
  a.handleResize = g()(a.handleResize, 100);
891
1016
  return a;
892
1017
  }
893
- ge(t, [ {
1018
+ Ee(r, [ {
894
1019
  key: "componentDidMount",
895
1020
  value: function e() {
896
1021
  l()(this.syncHeightWithShadow);
@@ -899,11 +1024,11 @@
899
1024
  }
900
1025
  }, {
901
1026
  key: "componentDidUpdate",
902
- value: function e(r) {
1027
+ value: function e(t) {
903
1028
  if (false) {}
904
1029
  if (false) {}
905
1030
  this.syncHeightWithShadow();
906
- t.validateRows(this.props);
1031
+ r.validateRows(this.props);
907
1032
  this.getAdornmentWidth();
908
1033
  }
909
1034
  }, {
@@ -915,53 +1040,53 @@
915
1040
  key: "blur",
916
1041
  // eslint-disable-next-line react/no-unused-class-component-methods
917
1042
  value: function e() {
918
- var r;
919
- (r = this.input) === null || r === void 0 ? void 0 : r.blur();
1043
+ var t;
1044
+ (t = this.input) === null || t === void 0 ? void 0 : t.blur();
920
1045
  }
921
1046
  /**
922
1047
  * Place focus on the input.
923
1048
  */ }, {
924
1049
  key: "focus",
925
1050
  value: function e() {
926
- var r;
927
- (r = this.input) === null || r === void 0 ? void 0 : r.focus();
1051
+ var t;
1052
+ (t = this.input) === null || t === void 0 ? void 0 : t.focus();
928
1053
  }
929
1054
  // eslint-disable-next-line react/no-unused-class-component-methods
930
1055
  }, {
931
1056
  key: "select",
932
1057
  value: function e() {
933
- var r;
934
- (r = this.input) === null || r === void 0 ? void 0 : r.select();
1058
+ var t;
1059
+ (t = this.input) === null || t === void 0 ? void 0 : t.select();
935
1060
  }
936
1061
  }, {
937
1062
  key: "render",
938
1063
  value: function e() {
939
- var r = this.props, t = r.append, a = r.autoCapitalize, o = r.autoComplete, i = r.autoCorrect, l = r.autoFocus, s = r.children, c = r.className, d = r.classNamePrivate, u = r.disabled, v = r.describedBy, b = r.elementRef, y = r.error, g = r.inline, x = r.inputClassName, w = r.inputId, k = r.labelledBy, S = r.maxLength, O = r.name, I = r.placeholder, j = r.prepend, E = r.required, P = r.rowsMin, T = r.spellCheck, M = r.tabIndex, $ = r.title, _ = he(r, [ "append", "autoCapitalize", "autoComplete", "autoCorrect", "autoFocus", "children", "className", "classNamePrivate", "disabled", "describedBy", "elementRef", "error", "inline", "inputClassName", "inputId", "labelledBy", "maxLength", "name", "placeholder", "prepend", "required", "rowsMin", "spellCheck", "tabIndex", "title" ]);
940
- var W = ve(ve({}, m()(_, (function(e, r) {
941
- return r === "role" || r.indexOf("aria-") === 0;
1064
+ var t = this.props, r = t.append, a = t.autoCapitalize, o = t.autoComplete, i = t.autoCorrect, l = t.autoFocus, s = t.children, c = t.className, u = t.classNamePrivate, p = t.disabled, h = t.describedBy, m = t.elementRef, y = t.error, g = t.inline, x = t.inputClassName, w = t.inputId, S = t.labelledBy, k = t.maxLength, O = t.name, E = t.placeholder, I = t.prepend, T = t.required, j = t.rowsMin, P = t.spellCheck, M = t.tabIndex, $ = t.title, _ = Se(t, [ "append", "autoCapitalize", "autoComplete", "autoCorrect", "autoFocus", "children", "className", "classNamePrivate", "disabled", "describedBy", "elementRef", "error", "inline", "inputClassName", "inputId", "labelledBy", "maxLength", "name", "placeholder", "prepend", "required", "rowsMin", "spellCheck", "tabIndex", "title" ]);
1065
+ var N = Ce(Ce({}, b()(_, (function(e, t) {
1066
+ return t === "role" || t.indexOf("aria-") === 0;
942
1067
  }))), {}, {
943
- "aria-describedby": v,
944
- "aria-labelledby": k,
1068
+ "aria-describedby": h,
1069
+ "aria-labelledby": S,
945
1070
  "aria-invalid": y || undefined
946
1071
  });
947
- var q = h()(_, [ "inputRef", "onBlur", "onChange", "onFocus", "onKeyDown", "onSelect", "onInputClick" ].concat(le(p()(W))));
948
- var D = this.getDisplayValue();
949
- var N = {
1072
+ var q = v()(_, [ "inputRef", "onBlur", "onChange", "onFocus", "onKeyDown", "onSelect", "onInputClick" ].concat(ve(d()(N))));
1073
+ var W = this.getDisplayValue();
1074
+ var B = {
950
1075
  className: (0, A.toClassName)(c, x),
951
- $append: t || undefined,
1076
+ $append: r || undefined,
952
1077
  $error: y,
953
- $prepend: j || undefined
1078
+ $prepend: I || undefined
954
1079
  };
955
- var R = ve(ve({}, W), {}, {
1080
+ var R = Ce(Ce({}, N), {}, {
956
1081
  "data-test": "textbox",
957
1082
  autoCapitalize: a,
958
1083
  autoComplete: o,
959
1084
  autoCorrect: i,
960
1085
  autoFocus: l,
961
- disabled: u,
1086
+ disabled: p,
962
1087
  id: w,
963
- maxLength: S,
964
- placeholder: I,
1088
+ maxLength: k,
1089
+ placeholder: E,
965
1090
  name: O,
966
1091
  onChange: this.handleInputChange,
967
1092
  onKeyDown: this.handleInputKeyDown,
@@ -970,34 +1095,34 @@
970
1095
  onFocus: this.handleInputFocus,
971
1096
  onBlur: this.handleInputBlur,
972
1097
  ref: this.handleInputMount,
973
- required: E,
974
- spellCheck: T,
1098
+ required: T,
1099
+ spellCheck: P,
975
1100
  style: {
976
1101
  height: this.state.height
977
1102
  },
978
1103
  tabIndex: M,
979
1104
  title: $,
980
- value: D,
1105
+ value: W,
981
1106
  $error: y
982
1107
  });
983
1108
  var z = this.renderStartAdornment();
984
- var K = this.renderEndAdornment();
985
- var L = !!z;
986
- var G = !!K;
1109
+ var L = this.renderEndAdornment();
1110
+ var K = !!z;
1111
+ var G = !!L;
987
1112
 
988
- return n().createElement(B, ie({
1113
+ return n().createElement(D, he({
989
1114
  tabIndex: -1,
990
- className: (0, A.toClassName)(c, d),
1115
+ className: (0, A.toClassName)(c, u),
991
1116
  "data-test": "text-area",
992
- "data-test-value": D,
993
- elementRef: b,
1117
+ "data-test-value": W,
1118
+ elementRef: m,
994
1119
  flex: true,
995
1120
  inline: g
996
- }, q), z, n().createElement(F, ie({
1121
+ }, q), z, n().createElement(F, he({
997
1122
  $hasEndAdornment: G,
998
- $hasStartAdornment: L,
999
- disabled: u
1000
- }, N), L && n().createElement(U, {
1123
+ $hasStartAdornment: K,
1124
+ disabled: p
1125
+ }, B), K && n().createElement(U, {
1001
1126
  $width: this.state.startAdornmentWidth
1002
1127
  }), n().createElement(V, {
1003
1128
  "aria-hidden": "true",
@@ -1007,32 +1132,32 @@
1007
1132
  tabIndex: -1,
1008
1133
  rows: this.props.rowsMin,
1009
1134
  ref: this.handleShadowMount,
1010
- value: I && !D ? I : D
1011
- }), n().createElement(H, ie({
1012
- $rowsMin: P
1135
+ value: E && !W ? E : W
1136
+ }), n().createElement(H, he({
1137
+ $rowsMin: j
1013
1138
  }, R, {
1014
1139
  onClick: this.handleInputClick
1015
1140
  })), n().createElement(C(), {
1016
- target: window,
1141
+ target: de,
1017
1142
  eventType: "resize",
1018
1143
  listener: this.handleResize
1019
1144
  }), s, G && n().createElement(U, {
1020
1145
  $width: this.state.endAdornmentWidth
1021
- })), K);
1146
+ })), L);
1022
1147
  }
1023
1148
  } ]);
1024
- return t;
1025
- }(t.Component);
1026
- Ie($e, "propTypes", Pe);
1027
- Ie($e, "defaultProps", Te);
1028
- Ie($e, "componentType", "TextArea");
1029
- Ie($e, "contextType", x.ControlGroupContext);
1030
- var _e = (0, k.withSplunkTheme)($e);
1031
- var We = _e;
1032
- We.propTypes = $e.propTypes;
1033
- We.componentType = $e.componentType;
1034
- /* harmony default export */ const qe = We;
1149
+ return r;
1150
+ }(r.Component);
1151
+ Ne(ze, "propTypes", Be);
1152
+ Ne(ze, "defaultProps", De);
1153
+ Ne(ze, "componentType", "TextArea");
1154
+ Ne(ze, "contextType", x.ControlGroupContext);
1155
+ var Fe = (0, S.withSplunkTheme)(ze);
1156
+ var He = Fe;
1157
+ He.propTypes = ze.propTypes;
1158
+ He.componentType = ze.componentType;
1159
+ /* harmony default export */ const Ve = He;
1035
1160
  // only for styled components using TextArea
1036
1161
  // CONCATENATED MODULE: ./src/TextArea/index.ts
1037
- module.exports = r;
1162
+ module.exports = t;
1038
1163
  /******/})();