@splunk/react-ui 4.38.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 (136) 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 +151 -169
  8. package/ButtonGroup.js +41 -49
  9. package/ButtonSimple.js +264 -295
  10. package/CHANGELOG.md +28 -0
  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 +371 -412
  20. package/ColumnLayout.js +72 -96
  21. package/ComboBox.js +266 -303
  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 +506 -532
  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 +1589 -1902
  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 +50 -58
  57. package/Scroll.js +209 -244
  58. package/Search.js +379 -391
  59. package/Select.js +1077 -1345
  60. package/SidePanel.js +122 -142
  61. package/Slider.js +132 -145
  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 +176 -205
  67. package/TabBar.js +222 -258
  68. package/TabLayout.js +114 -139
  69. package/Table.js +2017 -2180
  70. package/Text.js +379 -493
  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 +14 -14
  82. package/types/src/Button/Button.d.ts +5 -1
  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 +2 -2
  86. package/types/src/Color/Palette.d.ts +4 -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 -2
  90. package/types/src/File/File.d.ts +2 -3
  91. package/types/src/File/Retry.d.ts +1 -2
  92. package/types/src/Menu/Item.d.ts +18 -5
  93. package/types/src/Menu/Menu.d.ts +3 -3
  94. package/types/src/Menu/docs/examples/Adornments.d.ts +2 -0
  95. package/types/src/Menu/docs/examples/SelectableWithAdornments.d.ts +2 -0
  96. package/types/src/ModalLayer/ModalLayer.d.ts +1 -1
  97. package/types/src/Multiselect/Option.d.ts +2 -0
  98. package/types/src/Number/Number.d.ts +3 -3
  99. package/types/src/Popover/Popover.d.ts +3 -4
  100. package/types/src/RadioBar/RadioBar.d.ts +2 -2
  101. package/types/src/ResultsMenu/VirtualizedResultsMenu/VirtualizedResultsMenu.d.ts +1 -1
  102. package/types/src/ScrollContainerContext/ScrollContainerContext.d.ts +2 -2
  103. package/types/src/Search/Option.d.ts +9 -3
  104. package/types/src/Select/Option.d.ts +3 -1
  105. package/types/src/Select/OptionBase.d.ts +7 -5
  106. package/types/src/Select/Select.d.ts +1 -1
  107. package/types/src/Select/SelectAllOption.d.ts +4 -4
  108. package/types/src/SidePanel/SidePanel.d.ts +1 -1
  109. package/types/src/Slider/Slider.d.ts +2 -2
  110. package/types/src/SlidingPanels/SlidingPanels.d.ts +1 -1
  111. package/types/src/StepBar/Step.d.ts +1 -2
  112. package/types/src/Switch/Switch.d.ts +0 -1
  113. package/types/src/TabBar/Tab.d.ts +1 -1
  114. package/types/src/TabBar/TabBar.d.ts +3 -1
  115. package/types/src/TabLayout/TabLayout.d.ts +2 -0
  116. package/types/src/Table/HeadDropdownCell.d.ts +2 -0
  117. package/types/src/Table/Table.d.ts +0 -1
  118. package/types/src/Table/docs/examples/StripeRows.d.ts +2 -0
  119. package/types/src/Text/IconOutlinedHide.d.ts +1 -2
  120. package/types/src/Text/IconOutlinedView.d.ts +1 -2
  121. package/types/src/Text/Text.d.ts +2 -2
  122. package/types/src/TextArea/TextArea.d.ts +2 -2
  123. package/types/src/Tooltip/Tooltip.d.ts +4 -4
  124. package/types/src/TransitionOpen/TransitionOpen.d.ts +1 -1
  125. package/useForceUpdate.js +30 -32
  126. package/useKeyPress.js +1 -1
  127. package/types/src/ButtonGroup/docs/examples/prisma/Basic.d.ts +0 -1
  128. package/types/src/File/docs/examples/prisma/Error.d.ts +0 -1
  129. package/types/src/Menu/docs/examples/Icons.d.ts +0 -2
  130. package/types/src/Menu/docs/examples/SelectableWithIcons.d.ts +0 -2
  131. package/types/src/TabBar/docs/examples/prisma/Context.d.ts +0 -2
  132. package/types/src/TabLayout/docs/examples/prisma/Context.d.ts +0 -2
  133. package/types/src/Table/docs/examples/prisma/Basic.d.ts +0 -2
  134. /package/types/src/Message/docs/examples/{prisma/Title.d.ts → Title.d.ts} +0 -0
  135. /package/types/src/StepBar/docs/examples/{prisma/Error.d.ts → Error.d.ts} +0 -0
  136. /package/types/src/TabBar/docs/examples/{prisma/Disabled.d.ts → Disabled.d.ts} +0 -0
package/CardLayout.js CHANGED
@@ -61,17 +61,17 @@
61
61
  e.r(r);
62
62
  // EXPORTS
63
63
  e.d(r, {
64
- default: () => /* reexport */ m
64
+ default: () => /* reexport */ j
65
65
  });
66
66
  // CONCATENATED MODULE: external "react"
67
67
  const t = require("react");
68
68
  var n = e.n(t);
69
69
  // CONCATENATED MODULE: external "prop-types"
70
70
  const i = require("prop-types");
71
- var a = e.n(i);
71
+ var o = e.n(i);
72
72
  // CONCATENATED MODULE: external "styled-components"
73
- const o = require("styled-components");
74
- var c = e.n(o);
73
+ const a = require("styled-components");
74
+ var c = e.n(a);
75
75
  // CONCATENATED MODULE: external "@splunk/themes"
76
76
  const l = require("@splunk/themes");
77
77
  // CONCATENATED MODULE: ./src/CardLayout/CardLayoutStyles.ts
@@ -80,127 +80,130 @@
80
80
  componentId: "sc-18kz7zm-0"
81
81
  })([ "", ";", " ", "" ], l.mixins.reset("flex"), (function(e) {
82
82
  var r = e.$wrapCards;
83
- return r && (0, o.css)([ "flex-wrap:wrap;" ]);
83
+ return r && (0, a.css)([ "flex-wrap:wrap;" ]);
84
84
  }), (0, l.pickVariant)("$alignCards", {
85
- center: (0, o.css)([ "justify-content:center;" ]),
86
- right: (0, o.css)([ "justify-content:flex-end;" ])
85
+ center: (0, a.css)([ "justify-content:center;" ]),
86
+ right: (0, a.css)([ "justify-content:flex-end;" ])
87
87
  }));
88
88
  // CONCATENATED MODULE: ./src/CardLayout/CardLayout.tsx
89
- function d() {
90
- d = Object.assign || function(e) {
89
+ function f(e) {
90
+ "@babel/helpers - typeof";
91
+ return f = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
92
+ return typeof e;
93
+ } : function(e) {
94
+ return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
95
+ }, f(e);
96
+ }
97
+ function s() {
98
+ return s = Object.assign ? Object.assign.bind() : function(e) {
91
99
  for (var r = 1; r < arguments.length; r++) {
92
100
  var t = arguments[r];
93
101
  for (var n in t) {
94
- if (Object.prototype.hasOwnProperty.call(t, n)) {
95
- e[n] = t[n];
96
- }
102
+ ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
97
103
  }
98
104
  }
99
105
  return e;
100
- };
101
- return d.apply(this, arguments);
106
+ }, s.apply(null, arguments);
102
107
  }
103
- function f(e, r) {
108
+ function d(e, r) {
104
109
  var t = Object.keys(e);
105
110
  if (Object.getOwnPropertySymbols) {
106
111
  var n = Object.getOwnPropertySymbols(e);
107
- if (r) n = n.filter((function(r) {
112
+ r && (n = n.filter((function(r) {
108
113
  return Object.getOwnPropertyDescriptor(e, r).enumerable;
109
- }));
110
- t.push.apply(t, n);
114
+ }))), t.push.apply(t, n);
111
115
  }
112
116
  return t;
113
117
  }
114
- function s(e) {
118
+ function p(e) {
115
119
  for (var r = 1; r < arguments.length; r++) {
116
- var t = arguments[r] != null ? arguments[r] : {};
117
- if (r % 2) {
118
- f(Object(t), true).forEach((function(r) {
119
- p(e, r, t[r]);
120
- }));
121
- } else if (Object.getOwnPropertyDescriptors) {
122
- Object.defineProperties(e, Object.getOwnPropertyDescriptors(t));
123
- } else {
124
- f(Object(t)).forEach((function(r) {
125
- Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
126
- }));
127
- }
120
+ var t = null != arguments[r] ? arguments[r] : {};
121
+ r % 2 ? d(Object(t), !0).forEach((function(r) {
122
+ y(e, r, t[r]);
123
+ })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : d(Object(t)).forEach((function(r) {
124
+ Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
125
+ }));
128
126
  }
129
127
  return e;
130
128
  }
131
- function p(e, r, t) {
132
- if (r in e) {
133
- Object.defineProperty(e, r, {
134
- value: t,
135
- enumerable: true,
136
- configurable: true,
137
- writable: true
138
- });
139
- } else {
140
- e[r] = t;
129
+ function y(e, r, t) {
130
+ return (r = b(r)) in e ? Object.defineProperty(e, r, {
131
+ value: t,
132
+ enumerable: !0,
133
+ configurable: !0,
134
+ writable: !0
135
+ }) : e[r] = t, e;
136
+ }
137
+ function b(e) {
138
+ var r = m(e, "string");
139
+ return "symbol" == f(r) ? r : r + "";
140
+ }
141
+ function m(e, r) {
142
+ if ("object" != f(e) || !e) return e;
143
+ var t = e[Symbol.toPrimitive];
144
+ if (void 0 !== t) {
145
+ var n = t.call(e, r || "default");
146
+ if ("object" != f(n)) return n;
147
+ throw new TypeError("@@toPrimitive must return a primitive value.");
141
148
  }
142
- return e;
149
+ return ("string" === r ? String : Number)(e);
143
150
  }
144
- function y(e, r) {
145
- if (e == null) return {};
146
- var t = b(e, r);
147
- var n, i;
151
+ function g(e, r) {
152
+ if (null == e) return {};
153
+ var t, n, i = v(e, r);
148
154
  if (Object.getOwnPropertySymbols) {
149
- var a = Object.getOwnPropertySymbols(e);
150
- for (i = 0; i < a.length; i++) {
151
- n = a[i];
152
- if (r.indexOf(n) >= 0) continue;
153
- if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
154
- t[n] = e[n];
155
+ var o = Object.getOwnPropertySymbols(e);
156
+ for (n = 0; n < o.length; n++) {
157
+ t = o[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (i[t] = e[t]);
155
158
  }
156
159
  }
157
- return t;
160
+ return i;
158
161
  }
159
- function b(e, r) {
160
- if (e == null) return {};
162
+ function v(e, r) {
163
+ if (null == e) return {};
161
164
  var t = {};
162
- var n = Object.keys(e);
163
- var i, a;
164
- for (a = 0; a < n.length; a++) {
165
- i = n[a];
166
- if (r.indexOf(i) >= 0) continue;
167
- t[i] = e[i];
165
+ for (var n in e) {
166
+ if ({}.hasOwnProperty.call(e, n)) {
167
+ if (r.includes(n)) continue;
168
+ t[n] = e[n];
169
+ }
168
170
  }
169
171
  return t;
170
172
  }
171
173
  var O = {
172
- alignCards: a().oneOf([ "left", "center", "right" ]),
173
- cardMaxWidth: a().oneOfType([ a().number, a().string ]),
174
- cardMinWidth: a().oneOfType([ a().number, a().string ]),
175
- cardWidth: a().oneOfType([ a().number, a().string ]),
176
- children: a().node,
177
- elementRef: a().oneOfType([ a().func, a().object ]),
178
- gutterSize: a().number,
179
- wrapCards: a().bool
174
+ alignCards: o().oneOf([ "left", "center", "right" ]),
175
+ cardMaxWidth: o().oneOfType([ o().number, o().string ]),
176
+ cardMinWidth: o().oneOfType([ o().number, o().string ]),
177
+ cardWidth: o().oneOfType([ o().number, o().string ]),
178
+ children: o().node,
179
+ elementRef: o().oneOfType([ o().func, o().object ]),
180
+ gutterSize: o().number,
181
+ wrapCards: o().bool
180
182
  };
181
- function g(e) {
182
- var r = e.alignCards, i = r === void 0 ? "left" : r, a = e.cardMaxWidth, o = e.cardMinWidth, c = e.cardWidth, l = e.children, f = e.elementRef, p = e.gutterSize, b = p === void 0 ? 10 : p, O = e.style, g = e.wrapCards, m = g === void 0 ? true : g, v = y(e, [ "alignCards", "cardMaxWidth", "cardMinWidth", "cardWidth", "children", "elementRef", "gutterSize", "style", "wrapCards" ]);
183
- var h = t.Children.toArray(l).filter(t.isValidElement).map((function(e) {
183
+ function h(e) {
184
+ var r = e.alignCards, i = r === void 0 ? "left" : r, o = e.cardMaxWidth, a = e.cardMinWidth, c = e.cardWidth, l = e.children, f = e.elementRef, d = e.gutterSize, y = d === void 0 ? 10 : d, b = e.style, m = e.wrapCards, v = m === void 0 ? true : m, O = g(e, [ "alignCards", "cardMaxWidth", "cardMinWidth", "cardWidth", "children", "elementRef", "gutterSize", "style", "wrapCards" ]);
185
+ // @docs-props-type CardLayoutPropsBase
186
+ var h = t.Children.toArray(l).filter(t.isValidElement).map((function(e) {
184
187
 
185
188
  return (0, t.cloneElement)(e, {
186
- minWidth: c || o || undefined,
187
- maxWidth: c || a || undefined,
188
- margin: b / 2
189
+ minWidth: c || a || undefined,
190
+ maxWidth: c || o || undefined,
191
+ margin: y / 2
189
192
  });
190
193
  }));
191
194
 
192
- return n().createElement(u, d({
195
+ return n().createElement(u, s({
193
196
  "data-test": "card-layout",
194
197
  $alignCards: i,
195
- $wrapCards: m,
198
+ $wrapCards: v,
196
199
  ref: f,
197
- style: s({
198
- padding: b / 2
199
- }, O)
200
- }, v), h);
200
+ style: p({
201
+ padding: y / 2
202
+ }, b)
203
+ }, O), h);
201
204
  }
202
- g.propTypes = O;
203
- /* harmony default export */ const m = g;
205
+ h.propTypes = O;
206
+ /* harmony default export */ const j = h;
204
207
  // CONCATENATED MODULE: ./src/CardLayout/index.ts
205
208
  module.exports = r;
206
209
  /******/})();
package/Chip.js CHANGED
@@ -24,11 +24,11 @@
24
24
  /******/ (() => {
25
25
  /******/ // define getter functions for harmony exports
26
26
  /******/ e.d = (r, a) => {
27
- /******/ for (var o in a) {
28
- /******/ if (e.o(a, o) && !e.o(r, o)) {
29
- /******/ Object.defineProperty(r, o, {
27
+ /******/ for (var n in a) {
28
+ /******/ if (e.o(a, n) && !e.o(r, n)) {
29
+ /******/ Object.defineProperty(r, n, {
30
30
  enumerable: true,
31
- get: a[o]
31
+ get: a[n]
32
32
  });
33
33
  /******/ }
34
34
  /******/ }
@@ -65,13 +65,13 @@
65
65
  });
66
66
  // CONCATENATED MODULE: external "react"
67
67
  const a = require("react");
68
- var o = e.n(a);
68
+ var n = e.n(a);
69
69
  // CONCATENATED MODULE: external "lodash/omit"
70
- const n = require("lodash/omit");
71
- var t = e.n(n);
70
+ const o = require("lodash/omit");
71
+ var i = e.n(o);
72
72
  // CONCATENATED MODULE: external "prop-types"
73
- const i = require("prop-types");
74
- var l = e.n(i);
73
+ const t = require("prop-types");
74
+ var l = e.n(t);
75
75
  // CONCATENATED MODULE: external "@splunk/react-icons/Cross"
76
76
  const s = require("@splunk/react-icons/Cross");
77
77
  var c = e.n(s);
@@ -81,9 +81,9 @@
81
81
  // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
82
82
  const d = require("@splunk/ui-utils/i18n");
83
83
  // CONCATENATED MODULE: external "@splunk/ui-utils/color"
84
- const f = require("@splunk/ui-utils/color");
84
+ const v = require("@splunk/ui-utils/color");
85
85
  // CONCATENATED MODULE: external "@splunk/ui-utils/format"
86
- const v = require("@splunk/ui-utils/format");
86
+ const f = require("@splunk/ui-utils/format");
87
87
  // CONCATENATED MODULE: external "@splunk/themes"
88
88
  const b = require("@splunk/themes");
89
89
  // CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
@@ -199,15 +199,15 @@
199
199
  }
200
200
  }), (function(e) {
201
201
  var r = e.$icon, a = e.$removable;
202
- var o = (0, h.css)([ "grid-template-columns:1fr;" ]);
202
+ var n = (0, h.css)([ "grid-template-columns:1fr;" ]);
203
203
  if (r && a) {
204
- o = (0, h.css)([ "grid-template-columns:0fr 1fr 0fr;" ]);
204
+ n = (0, h.css)([ "grid-template-columns:0fr 1fr 0fr;" ]);
205
205
  } else if (r) {
206
- o = (0, h.css)([ "grid-template-columns:0fr 1fr;" ]);
206
+ n = (0, h.css)([ "grid-template-columns:0fr 1fr;" ]);
207
207
  } else if (a) {
208
- o = (0, h.css)([ "grid-template-columns:1fr 0fr;" ]);
208
+ n = (0, h.css)([ "grid-template-columns:1fr 0fr;" ]);
209
209
  }
210
- return o;
210
+ return n;
211
211
  }))
212
212
  }));
213
213
  var O = C().div.withConfig({
@@ -229,8 +229,8 @@
229
229
  return a || b.variables.contentColorDefault;
230
230
  },
231
231
  prisma: function e(r) {
232
- var a = r.$foregroundColor, o = r.$appearance;
233
- return a || (o === "error" ? b.variables.contentColorInverted : b.variables.contentColorDefault);
232
+ var a = r.$foregroundColor, n = r.$appearance;
233
+ return a || (n === "error" ? b.variables.contentColorInverted : b.variables.contentColorDefault);
234
234
  }
235
235
  }
236
236
  }));
@@ -243,12 +243,12 @@
243
243
  true: b.variables.contentColorDisabled,
244
244
  false: {
245
245
  enterprise: function e(r) {
246
- var a = r.$appearance, o = r.$foregroundColor;
247
- return o || (a === "default" || a === "outline" ? b.variables.contentColorDefault : b.variables.gray30);
246
+ var a = r.$appearance, n = r.$foregroundColor;
247
+ return n || (a === "default" || a === "outline" ? b.variables.contentColorDefault : b.variables.gray30);
248
248
  },
249
249
  prisma: function e(r) {
250
- var a = r.$appearance, o = r.$foregroundColor;
251
- return o || (a === "error" ? b.variables.contentColorInverted : b.variables.contentColorActive);
250
+ var a = r.$appearance, n = r.$foregroundColor;
251
+ return n || (a === "error" ? b.variables.contentColorInverted : b.variables.contentColorActive);
252
252
  }
253
253
  }
254
254
  }));
@@ -264,8 +264,8 @@
264
264
  true: b.variables.contentColorDisabled,
265
265
  false: {
266
266
  enterprise: function e(r) {
267
- var a = r.$foregroundColor, o = r.$appearance;
268
- return a || (o === "default" || o === "outline" ? b.variables.textGray : b.variables.gray30);
267
+ var a = r.$foregroundColor, n = r.$appearance;
268
+ return a || (n === "default" || n === "outline" ? b.variables.textGray : b.variables.gray30);
269
269
  }
270
270
  }
271
271
  })),
@@ -274,15 +274,13 @@
274
274
  return r ? b.variables.contentColorDisabled : a || "inherit";
275
275
  }))
276
276
  }));
277
- var j = C()(x()).withConfig({
277
+ var q = C()(x()).withConfig({
278
278
  displayName: "ChipStyles__StyledClickable",
279
279
  componentId: "sc-1sd3tsh-6"
280
280
  })([ "", " flex:0 1 auto;line-height:16px;cursor:pointer;&:focus{", ";}&:not([disabled]):hover{", ";}", ";" ], $, (0,
281
281
  b.pick)({
282
282
  enterprise: (0, h.css)([ "box-shadow:", ";color:", ";" ], b.variables.focusShadow, b.variables.linkColor),
283
- prisma: (0, h.css)([ "color:", ";", "{background-color:", ";box-shadow:0 0 0 3px ", ";}" ], b.variables.contentColorActive,
284
- /* sc-sel */
285
- _, b.variables.interactiveColorOverlayHover, b.variables.focusColor)
283
+ prisma: (0, h.css)([ "color:", ";", "{background-color:", ";box-shadow:0 0 0 3px ", ";}" ], b.variables.contentColorActive, /* sc-sel */ _, b.variables.interactiveColorOverlayHover, b.variables.focusColor)
286
284
  }), (0, b.pick)({
287
285
  enterprise: (0, h.css)([ "background-color:", ";", "{color:", ";}" ], (0, b.pickVariant)("$appearance", {
288
286
  default: {
@@ -297,113 +295,97 @@
297
295
  dark: b.variables.gray30,
298
296
  light: b.variables.gray96
299
297
  }
300
- }),
301
- /* sc-sel */
302
- _, (function(e) {
298
+ }), /* sc-sel */ _, (function(e) {
303
299
  var r = e.$foregroundColor;
304
300
  return r || b.variables.linkColor;
305
301
  })),
306
- prisma: (0, h.css)([ "color:", ";", "{background-color:", ";", ";}" ], b.variables.contentColorActive,
307
- /* sc-sel */
308
- _, b.variables.interactiveColorOverlayHover, (function(e) {
302
+ prisma: (0, h.css)([ "color:", ";", "{background-color:", ";", ";}" ], b.variables.contentColorActive, /* sc-sel */ _, b.variables.interactiveColorOverlayHover, (function(e) {
309
303
  var r = e.$appearance;
310
304
  return r === "error" && (0, h.css)([ "color:", ";" ], b.variables.contentColorInverted);
311
305
  }))
312
306
  }), (0, b.pick)({
313
- prisma: (0, h.css)([ "&:not([disabled]):active ", "{background-color:", ";}" ],
314
- /* sc-sel */
315
- _, b.variables.interactiveColorOverlayActive)
307
+ prisma: (0, h.css)([ "&:not([disabled]):active ", "{background-color:", ";}" ], /* sc-sel */ _, b.variables.interactiveColorOverlayActive)
316
308
  }));
317
309
  // CONCATENATED MODULE: ./src/Chip/Chip.tsx
318
- function q() {
319
- q = Object.assign || function(e) {
310
+ function E() {
311
+ return E = Object.assign ? Object.assign.bind() : function(e) {
320
312
  for (var r = 1; r < arguments.length; r++) {
321
313
  var a = arguments[r];
322
- for (var o in a) {
323
- if (Object.prototype.hasOwnProperty.call(a, o)) {
324
- e[o] = a[o];
325
- }
314
+ for (var n in a) {
315
+ ({}).hasOwnProperty.call(a, n) && (e[n] = a[n]);
326
316
  }
327
317
  }
328
318
  return e;
329
- };
330
- return q.apply(this, arguments);
319
+ }, E.apply(null, arguments);
331
320
  }
332
- function E(e, r) {
333
- return z(e) || L(e, r) || A(e, r) || I();
321
+ function I(e, r) {
322
+ return z(e) || L(e, r) || A(e, r) || j();
334
323
  }
335
- function I() {
324
+ function j() {
336
325
  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
337
326
  }
338
327
  function A(e, r) {
339
- if (!e) return;
340
- if (typeof e === "string") return D(e, r);
341
- var a = Object.prototype.toString.call(e).slice(8, -1);
342
- if (a === "Object" && e.constructor) a = e.constructor.name;
343
- if (a === "Map" || a === "Set") return Array.from(e);
344
- if (a === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)) return D(e, r);
328
+ if (e) {
329
+ if ("string" == typeof e) return D(e, r);
330
+ var a = {}.toString.call(e).slice(8, -1);
331
+ return "Object" === a && e.constructor && (a = e.constructor.name), "Map" === a || "Set" === a ? Array.from(e) : "Arguments" === a || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a) ? D(e, r) : void 0;
332
+ }
345
333
  }
346
334
  function D(e, r) {
347
- if (r == null || r > e.length) r = e.length;
348
- for (var a = 0, o = new Array(r); a < r; a++) {
349
- o[a] = e[a];
335
+ (null == r || r > e.length) && (r = e.length);
336
+ for (var a = 0, n = Array(r); a < r; a++) {
337
+ n[a] = e[a];
350
338
  }
351
- return o;
339
+ return n;
352
340
  }
353
341
  function L(e, r) {
354
- if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(e))) return;
355
- var a = [];
356
- var o = true;
357
- var n = false;
358
- var t = undefined;
359
- try {
360
- for (var i = e[Symbol.iterator](), l; !(o = (l = i.next()).done); o = true) {
361
- a.push(l.value);
362
- if (r && a.length === r) break;
363
- }
364
- } catch (e) {
365
- n = true;
366
- t = e;
367
- } finally {
342
+ var a = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
343
+ if (null != a) {
344
+ var n, o, i, t, l = [], s = !0, c = !1;
368
345
  try {
369
- if (!o && i["return"] != null) i["return"]();
346
+ if (i = (a = a.call(e)).next, 0 === r) {
347
+ if (Object(a) !== a) return;
348
+ s = !1;
349
+ } else for (;!(s = (n = i.call(a)).done) && (l.push(n.value), l.length !== r); s = !0) {
350
+ }
351
+ } catch (e) {
352
+ c = !0, o = e;
370
353
  } finally {
371
- if (n) throw t;
354
+ try {
355
+ if (!s && null != a["return"] && (t = a["return"](), Object(t) !== t)) return;
356
+ } finally {
357
+ if (c) throw o;
358
+ }
372
359
  }
360
+ return l;
373
361
  }
374
- return a;
375
362
  }
376
363
  function z(e) {
377
364
  if (Array.isArray(e)) return e;
378
365
  }
379
366
  function N(e, r) {
380
- if (e == null) return {};
381
- var a = T(e, r);
382
- var o, n;
367
+ if (null == e) return {};
368
+ var a, n, o = P(e, r);
383
369
  if (Object.getOwnPropertySymbols) {
384
- var t = Object.getOwnPropertySymbols(e);
385
- for (n = 0; n < t.length; n++) {
386
- o = t[n];
387
- if (r.indexOf(o) >= 0) continue;
388
- if (!Object.prototype.propertyIsEnumerable.call(e, o)) continue;
389
- a[o] = e[o];
370
+ var i = Object.getOwnPropertySymbols(e);
371
+ for (n = 0; n < i.length; n++) {
372
+ a = i[n], r.includes(a) || {}.propertyIsEnumerable.call(e, a) && (o[a] = e[a]);
390
373
  }
391
374
  }
392
- return a;
375
+ return o;
393
376
  }
394
- function T(e, r) {
395
- if (e == null) return {};
377
+ function P(e, r) {
378
+ if (null == e) return {};
396
379
  var a = {};
397
- var o = Object.keys(e);
398
- var n, t;
399
- for (t = 0; t < o.length; t++) {
400
- n = o[t];
401
- if (r.indexOf(n) >= 0) continue;
402
- a[n] = e[n];
380
+ for (var n in e) {
381
+ if ({}.hasOwnProperty.call(e, n)) {
382
+ if (r.includes(n)) continue;
383
+ a[n] = e[n];
384
+ }
403
385
  }
404
386
  return a;
405
387
  }
406
- var H = {
388
+ /** @public */ var T = {
407
389
  appearance: l().oneOf([ "info", "success", "warning", "error", "outline" ]),
408
390
  backgroundColor: l().string,
409
391
  children: l().node.isRequired,
@@ -415,31 +397,31 @@
415
397
  /** Includes this value in `onRequestRemove` callbacks. */
416
398
  value: l().any
417
399
  };
418
- function P(e) {
400
+ function H(e) {
419
401
  return !!e.onRequestRemove;
420
402
  }
421
403
  function B(e) {
422
- var r = e.appearance, a = e.backgroundColor, o = e.disabled, n = e.foregroundColor, t = e.icon, i = N(e, [ "appearance", "backgroundColor", "disabled", "foregroundColor", "icon" ]);
404
+ var r = e.appearance, a = e.backgroundColor, n = e.disabled, o = e.foregroundColor, i = e.icon, t = N(e, [ "appearance", "backgroundColor", "disabled", "foregroundColor", "icon" ]);
423
405
  // Validate that the color being rendered into the CSS is restricted to only values that are of CSS type <color>.
424
- var l = n && (0, f.isCSSColor)(n) ? n : undefined;
425
- var s = a && (0, f.isCSSColor)(a) ? a : undefined;
406
+ var l = o && (0, v.isCSSColor)(o) ? o : undefined;
407
+ var s = a && (0, v.isCSSColor)(a) ? a : undefined;
426
408
  var c = {
427
409
  "data-test": "chip",
428
410
  $appearance: r || (s ? "custom" : "default"),
429
411
  $backgroundColor: s,
430
412
  $foregroundColor: l,
431
- disabled: o,
432
- icon: t
413
+ disabled: n,
414
+ icon: i
433
415
  };
434
- return [ c, i ];
416
+ return [ c, t ];
435
417
  }
436
418
  function V(e) {
437
- var r = B(e), n = E(r, 2), i = n[0], l = n[1];
438
- var s = i.$appearance, p = i.$foregroundColor, f = i.disabled, g = f === void 0 ? false : f, h = i.icon, C = N(i, [ "$appearance", "$foregroundColor", "disabled", "icon" ]);
419
+ var r = B(e), o = I(r, 2), t = o[0], l = o[1];
420
+ var s = t.$appearance, p = t.$foregroundColor, v = t.disabled, g = v === void 0 ? false : v, h = t.icon, C = N(t, [ "$appearance", "$foregroundColor", "disabled", "icon" ]);
439
421
  var y = l.children, x = l.elementRef, $ = l.onRequestRemove, k = l.value, S = N(l, [ "children", "elementRef", "onRequestRemove", "value" ]);
440
- var I = (0, b.useSplunkTheme)(), A = I.isEnterprise;
422
+ var j = (0, b.useSplunkTheme)(), A = j.isEnterprise;
441
423
  var D = typeof y === "string";
442
- var L = D ? (0, v.sprintf)((0, d._)("Remove %(children)s"), {
424
+ var L = D ? (0, f.sprintf)((0, d._)("Remove %(children)s"), {
443
425
  children: y
444
426
  }) : (0, d._)("Remove");
445
427
  var z = (0, a.useCallback)((function(e) {
@@ -448,7 +430,7 @@
448
430
  });
449
431
  }), [ $, k ]);
450
432
 
451
- return o().createElement(j, q({
433
+ return n().createElement(q, E({
452
434
  $appearance: s,
453
435
  $disabled: g,
454
436
  $foregroundColor: p,
@@ -456,51 +438,51 @@
456
438
  disabled: g,
457
439
  elementRef: x,
458
440
  onClick: z
459
- }, C, t()(S, Object.keys(H))), o().createElement(w, {
441
+ }, C, i()(S, Object.keys(T))), n().createElement(w, {
460
442
  $icon: !!h,
461
443
  $removable: true
462
- }, o().createElement(m(), null, L), h && o().createElement(O, {
444
+ }, n().createElement(m(), null, L), h && n().createElement(O, {
463
445
  $appearance: s,
464
446
  $disabled: g,
465
447
  $foregroundColor: p
466
- }, h), o().createElement(R, {
448
+ }, h), n().createElement(R, {
467
449
  "data-test": "label",
468
450
  "aria-hidden": D ? true : undefined,
469
451
  $appearance: s,
470
452
  $disabled: g,
471
453
  $foregroundColor: p
472
- }, y), o().createElement(_, {
454
+ }, y), n().createElement(_, {
473
455
  $appearance: s,
474
456
  $disabled: g,
475
457
  $foregroundColor: p
476
- }, A ? o().createElement(u(), {
458
+ }, A ? n().createElement(u(), {
477
459
  "data-test": "cross",
478
460
  hideDefaultTooltip: true,
479
461
  screenReaderText: null,
480
462
  size: .85
481
- }) : o().createElement(c(), {
463
+ }) : n().createElement(c(), {
482
464
  "data-test": "cross",
483
465
  height: "20px",
484
466
  width: "20px"
485
467
  }))));
486
468
  }
487
469
  function M(e) {
488
- var r = B(e), a = E(r, 2), n = a[0], i = a[1];
489
- var l = n.$appearance, s = n.$foregroundColor, c = n.disabled, p = n.icon, u = N(n, [ "$appearance", "$foregroundColor", "disabled", "icon" ]);
490
- var d = i.children, f = i.elementRef, v = N(i, [ "children", "elementRef" ]);
470
+ var r = B(e), a = I(r, 2), o = a[0], t = a[1];
471
+ var l = o.$appearance, s = o.$foregroundColor, c = o.disabled, p = o.icon, u = N(o, [ "$appearance", "$foregroundColor", "disabled", "icon" ]);
472
+ var d = t.children, v = t.elementRef, f = N(t, [ "children", "elementRef" ]);
491
473
 
492
- return o().createElement(S, q({
474
+ return n().createElement(S, E({
493
475
  $appearance: l,
494
476
  $disabled: c !== null && c !== void 0 ? c : false,
495
- ref: f
496
- }, u, t()(v, Object.keys(H))), o().createElement(w, {
477
+ ref: v
478
+ }, u, i()(f, Object.keys(T))), n().createElement(w, {
497
479
  $icon: !!p,
498
480
  $removable: false
499
- }, p && o().createElement(O, {
481
+ }, p && n().createElement(O, {
500
482
  $appearance: l,
501
483
  $disabled: c !== null && c !== void 0 ? c : false,
502
484
  $foregroundColor: s
503
- }, p), o().createElement(R, {
485
+ }, p), n().createElement(R, {
504
486
  "data-test": "label",
505
487
  $appearance: l,
506
488
  $disabled: c !== null && c !== void 0 ? c : false,
@@ -509,9 +491,9 @@
509
491
  }
510
492
  function W(e) {
511
493
  // @docs-props-type ChipPropsBase
512
- return P(e) ? o().createElement(V, e) : o().createElement(M, e);
494
+ return H(e) ? n().createElement(V, e) : n().createElement(M, e);
513
495
  }
514
- W.propTypes = H;
496
+ W.propTypes = T;
515
497
  /* harmony default export */ const G = W;
516
498
  // CONCATENATED MODULE: ./src/Chip/index.ts
517
499
  module.exports = r;