@splunk/react-ui 4.37.0 → 4.39.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.
Files changed (142) hide show
  1. package/Accordion.js +131 -153
  2. package/Anchor.js +50 -58
  3. package/Animation.js +64 -59
  4. package/AnimationToggle.js +59 -61
  5. package/Box.js +59 -67
  6. package/Breadcrumbs.js +113 -127
  7. package/Button.js +208 -219
  8. package/ButtonGroup.js +41 -49
  9. package/ButtonSimple.js +264 -295
  10. package/CHANGELOG.md +50 -1
  11. package/Calendar.js +353 -414
  12. package/Card.js +183 -243
  13. package/CardLayout.js +86 -83
  14. package/Chip.js +104 -122
  15. package/Clickable.js +180 -198
  16. package/CloseButton.js +52 -60
  17. package/Code.js +24 -31
  18. package/CollapsiblePanel.js +172 -202
  19. package/Color.js +1107 -980
  20. package/ColumnLayout.js +72 -96
  21. package/ComboBox.js +267 -305
  22. package/Concertina.js +406 -454
  23. package/ControlGroup.js +165 -194
  24. package/Date.js +116 -131
  25. package/DefinitionList.js +125 -149
  26. package/Divider.js +81 -79
  27. package/Dropdown.js +226 -237
  28. package/DualListbox.js +150 -186
  29. package/EventListener.js +4 -1
  30. package/File.js +1032 -955
  31. package/FormRows.js +281 -334
  32. package/Heading.js +27 -35
  33. package/Image.js +101 -116
  34. package/JSONTree.js +301 -344
  35. package/Layer.js +118 -126
  36. package/Link.js +141 -159
  37. package/List.js +61 -77
  38. package/MIGRATION.mdx +92 -38
  39. package/Markdown.js +288 -347
  40. package/Menu.js +512 -530
  41. package/Message.js +173 -196
  42. package/MessageBar.js +58 -66
  43. package/Modal.js +241 -290
  44. package/ModalLayer.js +130 -148
  45. package/Monogram.js +138 -138
  46. package/Multiselect.js +1600 -1923
  47. package/Number.js +159 -178
  48. package/Paginator.js +296 -335
  49. package/Paragraph.js +24 -32
  50. package/Popover.js +448 -441
  51. package/Progress.js +65 -75
  52. package/RadioBar.js +301 -303
  53. package/RadioList.js +77 -119
  54. package/Resize.js +105 -127
  55. package/ResultsMenu.js +373 -385
  56. package/ScreenReaderContent.js +130 -94
  57. package/Scroll.js +209 -244
  58. package/Search.js +375 -384
  59. package/Select.js +1076 -1354
  60. package/SidePanel.js +122 -142
  61. package/Slider.js +192 -222
  62. package/SlidingPanels.js +238 -270
  63. package/SplitButton.js +222 -245
  64. package/StaticContent.js +68 -76
  65. package/StepBar.js +206 -205
  66. package/Switch.js +211 -236
  67. package/TabBar.js +222 -258
  68. package/TabLayout.js +114 -139
  69. package/Table.js +2017 -2180
  70. package/Text.js +401 -512
  71. package/TextArea.js +411 -441
  72. package/Tooltip.js +116 -132
  73. package/TransitionOpen.js +160 -178
  74. package/Tree.js +268 -287
  75. package/Typography.js +48 -52
  76. package/WaitSpinner.js +60 -68
  77. package/cypress/support/commands.ts +9 -0
  78. package/cypress/support/index.d.ts +6 -0
  79. package/cypress/tsconfig.cypress.json +1 -0
  80. package/docker-compose.yml +0 -1
  81. package/package.json +17 -17
  82. package/types/src/Button/Button.d.ts +20 -6
  83. package/types/src/ButtonSimple/ButtonSimple.d.ts +2 -2
  84. package/types/src/CollapsiblePanel/CollapsiblePanel.d.ts +1 -1
  85. package/types/src/Color/Color.d.ts +5 -2
  86. package/types/src/Color/Palette.d.ts +6 -2
  87. package/types/src/ComboBox/Option.d.ts +1 -1
  88. package/types/src/ControlGroup/ControlGroup.d.ts +1 -2
  89. package/types/src/Date/Date.d.ts +2 -3
  90. package/types/src/File/File.d.ts +2 -3
  91. package/types/src/File/Retry.d.ts +1 -2
  92. package/types/src/Link/Link.d.ts +3 -4
  93. package/types/src/Menu/Item.d.ts +24 -8
  94. package/types/src/Menu/Menu.d.ts +3 -3
  95. package/types/src/Menu/docs/examples/Adornments.d.ts +2 -0
  96. package/types/src/Menu/docs/examples/SelectableWithAdornments.d.ts +2 -0
  97. package/types/src/ModalLayer/ModalLayer.d.ts +1 -1
  98. package/types/src/Multiselect/Option.d.ts +2 -0
  99. package/types/src/Number/Number.d.ts +3 -3
  100. package/types/src/Popover/Popover.d.ts +3 -4
  101. package/types/src/RadioBar/RadioBar.d.ts +2 -2
  102. package/types/src/ResultsMenu/VirtualizedResultsMenu/VirtualizedResultsMenu.d.ts +1 -1
  103. package/types/src/ScrollContainerContext/ScrollContainerContext.d.ts +2 -2
  104. package/types/src/Search/Option.d.ts +16 -3
  105. package/types/src/Select/Option.d.ts +3 -1
  106. package/types/src/Select/OptionBase.d.ts +7 -5
  107. package/types/src/Select/Select.d.ts +2 -2
  108. package/types/src/Select/SelectAllOption.d.ts +4 -4
  109. package/types/src/Select/SelectBase.d.ts +0 -1
  110. package/types/src/SidePanel/SidePanel.d.ts +1 -1
  111. package/types/src/Slider/Slider.d.ts +2 -3
  112. package/types/src/Slider/docs/examples/Error.d.ts +2 -0
  113. package/types/src/SlidingPanels/SlidingPanels.d.ts +1 -1
  114. package/types/src/StepBar/Step.d.ts +1 -2
  115. package/types/src/TabBar/Tab.d.ts +1 -1
  116. package/types/src/TabBar/TabBar.d.ts +3 -1
  117. package/types/src/TabLayout/TabLayout.d.ts +2 -0
  118. package/types/src/Table/HeadDropdownCell.d.ts +2 -0
  119. package/types/src/Table/Table.d.ts +0 -1
  120. package/types/src/Table/docs/examples/StripeRows.d.ts +2 -0
  121. package/types/src/Text/IconOutlinedHide.d.ts +1 -2
  122. package/types/src/Text/IconOutlinedView.d.ts +1 -2
  123. package/types/src/Text/Text.d.ts +6 -4
  124. package/types/src/Text/docs/examples/Dimmed.d.ts +2 -0
  125. package/types/src/TextArea/TextArea.d.ts +2 -2
  126. package/types/src/Tooltip/Tooltip.d.ts +4 -4
  127. package/types/src/TransitionOpen/TransitionOpen.d.ts +1 -1
  128. package/useForceUpdate.js +30 -32
  129. package/useKeyPress.js +1 -1
  130. package/types/src/Button/docs/examples/Selected.d.ts +0 -2
  131. package/types/src/ButtonGroup/docs/examples/prisma/Basic.d.ts +0 -1
  132. package/types/src/File/docs/examples/prisma/Error.d.ts +0 -1
  133. package/types/src/Menu/docs/examples/Icons.d.ts +0 -2
  134. package/types/src/Menu/docs/examples/SelectableWithIcons.d.ts +0 -2
  135. package/types/src/Slider/docs/examples/prisma/Error.d.ts +0 -2
  136. package/types/src/TabBar/docs/examples/prisma/Context.d.ts +0 -2
  137. package/types/src/TabLayout/docs/examples/prisma/Context.d.ts +0 -2
  138. package/types/src/Table/docs/examples/prisma/Basic.d.ts +0 -2
  139. /package/types/src/Date/docs/examples/{prisma/WithoutCalendar.d.ts → WithoutCalendar.d.ts} +0 -0
  140. /package/types/src/Message/docs/examples/{prisma/Title.d.ts → Title.d.ts} +0 -0
  141. /package/types/src/StepBar/docs/examples/{prisma/Error.d.ts → Error.d.ts} +0 -0
  142. /package/types/src/TabBar/docs/examples/{prisma/Disabled.d.ts → Disabled.d.ts} +0 -0
package/Heading.js CHANGED
@@ -70,12 +70,12 @@
70
70
  const n = require("prop-types");
71
71
  var a = e.n(n);
72
72
  // CONCATENATED MODULE: external "styled-components"
73
- const o = require("styled-components");
74
- var l = e.n(o);
73
+ const l = require("styled-components");
74
+ var o = e.n(l);
75
75
  // CONCATENATED MODULE: external "@splunk/themes"
76
76
  const s = require("@splunk/themes");
77
77
  // CONCATENATED MODULE: ./src/Heading/HeadingStyles.ts
78
- var c = l().h2.withConfig({
78
+ var c = o().h2.withConfig({
79
79
  displayName: "HeadingStyles__StyledHeading",
80
80
  componentId: "sc-15s3yx3-0"
81
81
  })([ "", ";color:", ";margin:1.414em 0 0.4em;text-rendering:optimizelegibility;", " ", "" ], (function(e) {
@@ -118,53 +118,45 @@
118
118
  }), (0, s.pickVariant)("$isSection", {
119
119
  true: {
120
120
  enterprise: {
121
- dark: (0, o.css)([ "color:", ";" ], s.variables.gray80),
122
- light: (0, o.css)([ "color:", ";" ], s.variables.gray45)
121
+ dark: (0, l.css)([ "color:", ";" ], s.variables.gray80),
122
+ light: (0, l.css)([ "color:", ";" ], s.variables.gray45)
123
123
  }
124
124
  }
125
125
  }), (function(e) {
126
126
  var t = e.$isSection;
127
- return t && (0, o.css)([ "margin:0.707em 0 0.2em;" ]);
127
+ return t && (0, l.css)([ "margin:0.707em 0 0.2em;" ]);
128
128
  }));
129
129
  // CONCATENATED MODULE: ./src/Heading/Heading.tsx
130
130
  function p() {
131
- p = Object.assign || function(e) {
131
+ return p = Object.assign ? Object.assign.bind() : function(e) {
132
132
  for (var t = 1; t < arguments.length; t++) {
133
133
  var r = arguments[t];
134
134
  for (var i in r) {
135
- if (Object.prototype.hasOwnProperty.call(r, i)) {
136
- e[i] = r[i];
137
- }
135
+ ({}).hasOwnProperty.call(r, i) && (e[i] = r[i]);
138
136
  }
139
137
  }
140
138
  return e;
141
- };
142
- return p.apply(this, arguments);
139
+ }, p.apply(null, arguments);
143
140
  }
144
141
  function u(e, t) {
145
- if (e == null) return {};
146
- var r = f(e, t);
147
- var i, n;
142
+ if (null == e) return {};
143
+ var r, i, n = f(e, t);
148
144
  if (Object.getOwnPropertySymbols) {
149
145
  var a = Object.getOwnPropertySymbols(e);
150
- for (n = 0; n < a.length; n++) {
151
- i = a[n];
152
- if (t.indexOf(i) >= 0) continue;
153
- if (!Object.prototype.propertyIsEnumerable.call(e, i)) continue;
154
- r[i] = e[i];
146
+ for (i = 0; i < a.length; i++) {
147
+ r = a[i], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (n[r] = e[r]);
155
148
  }
156
149
  }
157
- return r;
150
+ return n;
158
151
  }
159
152
  function f(e, t) {
160
- if (e == null) return {};
153
+ if (null == e) return {};
161
154
  var r = {};
162
- var i = Object.keys(e);
163
- var n, a;
164
- for (a = 0; a < i.length; a++) {
165
- n = i[a];
166
- if (t.indexOf(n) >= 0) continue;
167
- r[n] = e[n];
155
+ for (var i in e) {
156
+ if ({}.hasOwnProperty.call(e, i)) {
157
+ if (t.includes(i)) continue;
158
+ r[i] = e[i];
159
+ }
168
160
  }
169
161
  return r;
170
162
  }
@@ -185,7 +177,7 @@
185
177
  5: "h5",
186
178
  6: "h6"
187
179
  };
188
- var v = {
180
+ var h = {
189
181
  h1: "title1",
190
182
  h2: "title2",
191
183
  h3: "title3",
@@ -193,14 +185,14 @@
193
185
  h5: "title5",
194
186
  h6: "title6"
195
187
  };
196
- function h(e) {
197
- var t = e.children, r = e.elementRef, n = e.level, a = n === void 0 ? 2 : n, o = e.variant, l = u(e, [ "children", "elementRef", "level", "variant" ]);
188
+ function v(e) {
189
+ var t = e.children, r = e.elementRef, n = e.level, a = n === void 0 ? 2 : n, l = e.variant, o = u(e, [ "children", "elementRef", "level", "variant" ]);
198
190
  // @docs-props-type HeadingPropsBase
199
191
  var s = function e(t) {
200
192
  return t.toString().charAt(0) === "s";
201
193
  };
202
194
  var f = m[a];
203
- var y = o || v[f];
195
+ var y = l || h[f];
204
196
  if (false) {}
205
197
 
206
198
  return i().createElement(c, p({
@@ -209,10 +201,10 @@
209
201
  ref: r,
210
202
  as: f,
211
203
  $variant: y
212
- }, l), t);
204
+ }, o), t);
213
205
  }
214
- h.propTypes = y;
215
- /* harmony default export */ const d = h;
206
+ v.propTypes = y;
207
+ /* harmony default export */ const d = v;
216
208
  // CONCATENATED MODULE: ./src/Heading/index.ts
217
209
  module.exports = t;
218
210
  /******/})();
package/Image.js CHANGED
@@ -61,7 +61,7 @@
61
61
  e.r(r);
62
62
  // EXPORTS
63
63
  e.d(r, {
64
- default: () => /* reexport */ V
64
+ default: () => /* reexport */ Z
65
65
  });
66
66
  // CONCATENATED MODULE: external "react"
67
67
  const t = require("react");
@@ -79,12 +79,12 @@
79
79
  const u = require("lodash/toLower");
80
80
  var p = e.n(u);
81
81
  // CONCATENATED MODULE: external "@splunk/react-ui/File"
82
- const f = require("@splunk/react-ui/File");
83
- var d = e.n(f);
82
+ const d = require("@splunk/react-ui/File");
83
+ var f = e.n(d);
84
84
  // CONCATENATED MODULE: external "@splunk/ui-utils/format"
85
- const m = require("@splunk/ui-utils/format");
85
+ const v = require("@splunk/ui-utils/format");
86
86
  // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
87
- const v = require("@splunk/ui-utils/i18n");
87
+ const m = require("@splunk/ui-utils/i18n");
88
88
  // CONCATENATED MODULE: external "@splunk/themes"
89
89
  const b = require("@splunk/themes");
90
90
  // CONCATENATED MODULE: external "@splunk/react-icons/Cross"
@@ -92,13 +92,13 @@
92
92
  var g = e.n(y);
93
93
  // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Close"
94
94
  const h = require("@splunk/react-icons/enterprise/Close");
95
- var x = e.n(h);
95
+ var w = e.n(h);
96
96
  // CONCATENATED MODULE: ./src/Image/icons/Cross.tsx
97
- var w = function e() {
97
+ var x = function e() {
98
98
  var r = (0, b.useSplunkTheme)(), t = r.isEnterprise, o = r.isCompact;
99
99
  var n = o ? "20px" : "24px";
100
- var i = (0, v._)("Remove");
101
- var l = t ? a().createElement(x(), {
100
+ var i = (0, m._)("Remove");
101
+ var l = t ? a().createElement(w(), {
102
102
  hideDefaultTooltip: true,
103
103
  screenReaderText: i
104
104
  }) : a().createElement(g(), {
@@ -108,18 +108,18 @@
108
108
  });
109
109
  return l;
110
110
  };
111
- /* harmony default export */ const k = w;
111
+ /* harmony default export */ const k = x;
112
112
  // CONCATENATED MODULE: external "styled-components"
113
113
  const C = require("styled-components");
114
- var R = e.n(C);
114
+ var S = e.n(C);
115
115
  // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
116
- const S = require("@splunk/react-ui/Clickable");
117
- var I = e.n(S);
116
+ const R = require("@splunk/react-ui/Clickable");
117
+ var O = e.n(R);
118
118
  // CONCATENATED MODULE: external "@splunk/react-ui/Message"
119
- const _ = require("@splunk/react-ui/Message");
120
- var O = e.n(_);
119
+ const I = require("@splunk/react-ui/Message");
120
+ var _ = e.n(I);
121
121
  // CONCATENATED MODULE: ./src/Image/ImageStyles.ts
122
- var E = R().div.withConfig({
122
+ var j = S().div.withConfig({
123
123
  displayName: "ImageStyles__StyledImagePreview",
124
124
  componentId: "sc-16ooypp-0"
125
125
  })([ "position:relative;min-height:", ";", "" ], (0, b.pick)({
@@ -129,7 +129,7 @@
129
129
  enterprise: (0, C.css)([ "border:", ";" ], b.variables.border),
130
130
  prisma: (0, C.css)([ "border-radius:", ";overflow:hidden;margin-top:12px;background-color:", ";" ], b.variables.borderRadius, b.variables.interactiveColorBackground)
131
131
  }));
132
- var j = R().div.withConfig({
132
+ var E = S().div.withConfig({
133
133
  displayName: "ImageStyles__StyledLabelContainer",
134
134
  componentId: "sc-16ooypp-1"
135
135
  })([ "", ";flex-direction:row;justify-content:space-between;background-color:", ";color:", ";opacity:0.9;position:absolute;width:100%;" ], b.mixins.reset("flex"), (0,
@@ -140,7 +140,7 @@
140
140
  },
141
141
  prisma: b.mixins.overlayColors(b.variables.interactiveColorBackground, b.variables.interactiveColorOverlaySelected)
142
142
  }), b.variables.contentColorMuted);
143
- var q = R()(I()).withConfig({
143
+ var P = S()(O()).withConfig({
144
144
  displayName: "ImageStyles__StyledRemoveClickable",
145
145
  componentId: "sc-16ooypp-2"
146
146
  })([ "cursor:pointer;", " padding:", ";text-align:center;height:inherit;&:focus{", "}&:hover{background-color:", ";color:", ";}" ], (0,
@@ -166,7 +166,7 @@
166
166
  enterprise: b.variables.linkColor,
167
167
  prisma: b.variables.contentColorActive
168
168
  }));
169
- var D = R().div.withConfig({
169
+ var q = S().div.withConfig({
170
170
  displayName: "ImageStyles__StyledLabel",
171
171
  componentId: "sc-16ooypp-3"
172
172
  })([ "color:", ";overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1 0 0px;padding:", ";", "" ], b.variables.contentColorActive, (0,
@@ -184,13 +184,13 @@
184
184
  prisma: b.variables.interactiveColorBackgroundDisabled
185
185
  }), b.variables.contentColorDisabled);
186
186
  }));
187
- var P = R().img.withConfig({
187
+ var D = S().img.withConfig({
188
188
  displayName: "ImageStyles__StyledImageThumbnail",
189
189
  componentId: "sc-16ooypp-4"
190
190
  })([ "", ";margin:0 auto;max-height:", "px;max-width:100%;" ], b.mixins.reset("block"), (function(e) {
191
191
  return e.maxHeight;
192
192
  }));
193
- var A = R()(O()).withConfig({
193
+ var T = S()(_()).withConfig({
194
194
  displayName: "ImageStyles__StyledErrorMessage",
195
195
  componentId: "sc-16ooypp-5"
196
196
  })([ "margin-top:", ";" ], (0, b.pick)({
@@ -198,128 +198,113 @@
198
198
  prisma: "12px"
199
199
  }));
200
200
  // CONCATENATED MODULE: ./src/Image/Image.tsx
201
- function F(e) {
201
+ function A(e) {
202
202
  "@babel/helpers - typeof";
203
- if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
204
- F = function e(r) {
205
- return typeof r;
206
- };
207
- } else {
208
- F = function e(r) {
209
- return r && typeof Symbol === "function" && r.constructor === Symbol && r !== Symbol.prototype ? "symbol" : typeof r;
210
- };
211
- }
212
- return F(e);
203
+ return A = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
204
+ return typeof e;
205
+ } : function(e) {
206
+ return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
207
+ }, A(e);
213
208
  }
214
- function T() {
215
- T = Object.assign || function(e) {
209
+ function F() {
210
+ return F = Object.assign ? Object.assign.bind() : function(e) {
216
211
  for (var r = 1; r < arguments.length; r++) {
217
212
  var t = arguments[r];
218
213
  for (var a in t) {
219
- if (Object.prototype.hasOwnProperty.call(t, a)) {
220
- e[a] = t[a];
221
- }
214
+ ({}).hasOwnProperty.call(t, a) && (e[a] = t[a]);
222
215
  }
223
216
  }
224
217
  return e;
225
- };
226
- return T.apply(this, arguments);
218
+ }, F.apply(null, arguments);
227
219
  }
228
220
  function H(e, r) {
229
- if (!(e instanceof r)) {
230
- throw new TypeError("Cannot call a class as a function");
231
- }
221
+ if (!(e instanceof r)) throw new TypeError("Cannot call a class as a function");
232
222
  }
233
223
  function U(e, r) {
234
224
  for (var t = 0; t < r.length; t++) {
235
225
  var a = r[t];
236
- a.enumerable = a.enumerable || false;
237
- a.configurable = true;
238
- if ("value" in a) a.writable = true;
239
- Object.defineProperty(e, a.key, a);
226
+ a.enumerable = a.enumerable || !1, a.configurable = !0, "value" in a && (a.writable = !0),
227
+ Object.defineProperty(e, J(a.key), a);
240
228
  }
241
229
  }
242
230
  function M(e, r, t) {
243
- if (r) U(e.prototype, r);
244
- if (t) U(e, t);
245
- return e;
231
+ return r && U(e.prototype, r), t && U(e, t), Object.defineProperty(e, "prototype", {
232
+ writable: !1
233
+ }), e;
246
234
  }
247
235
  function N(e, r) {
248
- if (typeof r !== "function" && r !== null) {
249
- throw new TypeError("Super expression must either be null or a function");
250
- }
236
+ if ("function" != typeof r && null !== r) throw new TypeError("Super expression must either be null or a function");
251
237
  e.prototype = Object.create(r && r.prototype, {
252
238
  constructor: {
253
239
  value: e,
254
- writable: true,
255
- configurable: true
240
+ writable: !0,
241
+ configurable: !0
256
242
  }
257
- });
258
- if (r) L(e, r);
243
+ }), Object.defineProperty(e, "prototype", {
244
+ writable: !1
245
+ }), r && B(e, r);
259
246
  }
260
- function L(e, r) {
261
- L = Object.setPrototypeOf || function e(r, t) {
262
- r.__proto__ = t;
263
- return r;
264
- };
265
- return L(e, r);
247
+ function B(e, r) {
248
+ return B = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, r) {
249
+ return e.__proto__ = r, e;
250
+ }, B(e, r);
266
251
  }
267
- function B(e) {
252
+ function L(e) {
268
253
  var r = X();
269
- return function t() {
270
- var a = z(e), o;
254
+ return function() {
255
+ var t, a = z(e);
271
256
  if (r) {
272
- var n = z(this).constructor;
273
- o = Reflect.construct(a, arguments, n);
274
- } else {
275
- o = a.apply(this, arguments);
276
- }
277
- return $(this, o);
257
+ var o = z(this).constructor;
258
+ t = Reflect.construct(a, arguments, o);
259
+ } else t = a.apply(this, arguments);
260
+ return $(this, t);
278
261
  };
279
262
  }
280
263
  function $(e, r) {
281
- if (r && (F(r) === "object" || typeof r === "function")) {
282
- return r;
283
- }
264
+ if (r && ("object" == A(r) || "function" == typeof r)) return r;
265
+ if (void 0 !== r) throw new TypeError("Derived constructors may only return object or undefined");
284
266
  return W(e);
285
267
  }
286
268
  function W(e) {
287
- if (e === void 0) {
288
- throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
289
- }
269
+ if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
290
270
  return e;
291
271
  }
292
272
  function X() {
293
- if (typeof Reflect === "undefined" || !Reflect.construct) return false;
294
- if (Reflect.construct.sham) return false;
295
- if (typeof Proxy === "function") return true;
296
273
  try {
297
- Date.prototype.toString.call(Reflect.construct(Date, [], (function() {})));
298
- return true;
299
- } catch (e) {
300
- return false;
301
- }
274
+ var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
275
+ } catch (e) {}
276
+ return (X = function r() {
277
+ return !!e;
278
+ })();
302
279
  }
303
280
  function z(e) {
304
- z = Object.setPrototypeOf ? Object.getPrototypeOf : function e(r) {
305
- return r.__proto__ || Object.getPrototypeOf(r);
306
- };
307
- return z(e);
281
+ return z = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
282
+ return e.__proto__ || Object.getPrototypeOf(e);
283
+ }, z(e);
308
284
  }
309
285
  function G(e, r, t) {
310
- if (r in e) {
311
- Object.defineProperty(e, r, {
312
- value: t,
313
- enumerable: true,
314
- configurable: true,
315
- writable: true
316
- });
317
- } else {
318
- e[r] = t;
286
+ return (r = J(r)) in e ? Object.defineProperty(e, r, {
287
+ value: t,
288
+ enumerable: !0,
289
+ configurable: !0,
290
+ writable: !0
291
+ }) : e[r] = t, e;
292
+ }
293
+ function J(e) {
294
+ var r = K(e, "string");
295
+ return "symbol" == A(r) ? r : r + "";
296
+ }
297
+ function K(e, r) {
298
+ if ("object" != A(e) || !e) return e;
299
+ var t = e[Symbol.toPrimitive];
300
+ if (void 0 !== t) {
301
+ var a = t.call(e, r || "default");
302
+ if ("object" != A(a)) return a;
303
+ throw new TypeError("@@toPrimitive must return a primitive value.");
319
304
  }
320
- return e;
305
+ return ("string" === r ? String : Number)(e);
321
306
  }
322
- var J = {
307
+ /** @public */ var Q = {
323
308
  allowExtensions: n().arrayOf(n().string),
324
309
  defaultFilename: n().string,
325
310
  defaultImageDataURI: n().string,
@@ -330,7 +315,7 @@
330
315
  maxHeight: n().number,
331
316
  onImageChange: n().func
332
317
  };
333
- var K = {
318
+ var V = {
334
319
  allowExtensions: [ "gif", "jpeg", "jpg", "png" ],
335
320
  disabled: false,
336
321
  dropAnywhere: false,
@@ -339,9 +324,9 @@
339
324
  };
340
325
  /**
341
326
  * Image provides the ability to accept image files and present a preview of the image.
342
- */ var Q = function(e) {
327
+ */ var Y = function(e) {
343
328
  N(t, e);
344
- var r = B(t);
329
+ var r = L(t);
345
330
  M(t, null, [ {
346
331
  key: "isAllowedFilename",
347
332
  // @docs-props-type ImagePropsBase
@@ -405,37 +390,37 @@
405
390
  value: function e() {
406
391
  var r = this.props, o = r.allowExtensions, n = r.maxHeight, i = r.disabled, l = r.error;
407
392
  var s = this.state, u = s.filename, p = s.imageDataURI;
408
- var f = o.map((function(e) {
393
+ var d = o.map((function(e) {
409
394
  return ".".concat(e);
410
395
  })).join(", ");
411
- // TODO: Error text should be customizable, error should support a string prop for customization SUI-5414
396
+ // TODO: Error text should be customizable, error should support a string prop for customization SUI-5414
412
397
  var b = u && !t.isAllowedFilename(u, o) || l;
413
- var y = (0, v._)("This file extension is unsupported.");
414
- var g = (0, m.sprintf)((0, v._)('Remove "%(filename)s"'), {
398
+ var y = (0, m._)("This file extension is unsupported.");
399
+ var g = (0, v.sprintf)((0, m._)('Remove "%(filename)s"'), {
415
400
  filename: u
416
401
  });
417
402
 
418
403
  return a().createElement("div", {
419
404
  "data-test": "image"
420
- }, a().createElement(d(), T({}, c()(this.props, [ "allowExtensions", "defaultFilename", "defaultImageDataURI", "maxHeight", "onImageChange" ]), {
421
- accept: f,
405
+ }, a().createElement(f(), F({}, c()(this.props, [ "allowExtensions", "defaultFilename", "defaultImageDataURI", "maxHeight", "onImageChange" ]), {
406
+ accept: d,
422
407
  allowMultiple: false,
423
408
  error: b,
424
409
  onRequestAdd: this.handleAddFiles,
425
410
  "data-test": "file"
426
- }), u && p && !b && a().createElement(E, null, a().createElement(j, null, a().createElement(D, {
411
+ }), u && p && !b && a().createElement(j, null, a().createElement(E, null, a().createElement(q, {
427
412
  "data-test": "label",
428
413
  $disabled: i
429
- }, u), !i && a().createElement(q, {
414
+ }, u), !i && a().createElement(P, {
430
415
  onClick: this.handleRemoveFile,
431
416
  "data-test": "remove",
432
417
  "aria-label": g
433
- }, a().createElement(k, null))), a().createElement(P, {
418
+ }, a().createElement(k, null))), a().createElement(D, {
434
419
  alt: u,
435
420
  "data-test": "preview",
436
421
  maxHeight: n,
437
422
  src: p
438
- }))), b && a().createElement(A, {
423
+ }))), b && a().createElement(T, {
439
424
  appearance: "fill",
440
425
  type: "error"
441
426
  }, y));
@@ -443,9 +428,9 @@
443
428
  } ]);
444
429
  return t;
445
430
  }(t.Component);
446
- G(Q, "propTypes", J);
447
- G(Q, "defaultProps", K);
448
- /* harmony default export */ const V = Q;
431
+ G(Y, "propTypes", Q);
432
+ G(Y, "defaultProps", V);
433
+ /* harmony default export */ const Z = Y;
449
434
  // CONCATENATED MODULE: ./src/Image/index.ts
450
435
  module.exports = r;
451
436
  /******/})();