@splunk/react-ui 5.6.0 → 5.7.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/AnchorMenu.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 n = r && r.__esModule ?
13
- /******/ () => r["default"]
14
- /******/ : () => r
11
+ /******/ e.n = n => {
12
+ /******/ var r = n && n.__esModule ?
13
+ /******/ () => n["default"]
14
+ /******/ : () => n
15
15
  /******/;
16
- e.d(n, {
17
- a: n
16
+ e.d(r, {
17
+ a: r
18
18
  });
19
- /******/ return n;
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, n) => {
27
- /******/ for (var t in n) {
28
- /******/ if (e.o(n, t) && !e.o(r, t)) {
29
- /******/ Object.defineProperty(r, t, {
26
+ /******/ e.d = (n, r) => {
27
+ /******/ for (var t in r) {
28
+ /******/ if (e.o(r, t) && !e.o(n, t)) {
29
+ /******/ Object.defineProperty(n, t, {
30
30
  enumerable: true,
31
- get: n[t]
31
+ get: r[t]
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, n) => Object.prototype.hasOwnProperty.call(e, n)
41
41
  /******/;
42
42
  })();
43
43
  /******/
@@ -56,93 +56,97 @@
56
56
  /******/ };
57
57
  /******/ })();
58
58
  /******/
59
- /************************************************************************/ var r = {};
59
+ /************************************************************************/ var n = {};
60
60
  // ESM COMPAT FLAG
61
- e.r(r);
61
+ e.r(n);
62
62
  // EXPORTS
63
- e.d(r, {
64
- default: () => /* reexport */ $
63
+ e.d(n, {
64
+ default: () => /* reexport */ H
65
65
  });
66
66
  // CONCATENATED MODULE: external "react"
67
- const n = require("react");
68
- var t = e.n(n);
67
+ const r = require("react");
68
+ var t = e.n(r);
69
69
  // CONCATENATED MODULE: external "prop-types"
70
70
  const l = require("prop-types");
71
71
  var i = e.n(l);
72
- // CONCATENATED MODULE: external "@splunk/react-ui/Heading"
73
- const a = require("@splunk/react-ui/Heading");
74
- var o = e.n(a);
75
72
  // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
76
- const c = require("@splunk/ui-utils/i18n");
73
+ const a = require("@splunk/ui-utils/i18n");
77
74
  // CONCATENATED MODULE: external "@splunk/ui-utils/id"
78
- const u = require("@splunk/ui-utils/id");
75
+ const o = require("@splunk/ui-utils/id");
79
76
  // CONCATENATED MODULE: ./src/AnchorMenu/AnchorMenuContext.tsx
80
- var s = (0, n.createContext)({
77
+ var c = (0, r.createContext)({
81
78
  hideSpine: false
82
79
  });
83
- /* harmony default export */ const d = s;
80
+ /* harmony default export */ const u = c;
84
81
  // CONCATENATED MODULE: external "styled-components"
85
- const f = require("styled-components");
82
+ const s = require("styled-components");
83
+ var d = e.n(s);
84
+ // CONCATENATED MODULE: external "@splunk/react-ui/Heading"
85
+ const f = require("@splunk/react-ui/Heading");
86
86
  var p = e.n(f);
87
87
  // CONCATENATED MODULE: external "@splunk/react-ui/Menu"
88
88
  const v = require("@splunk/react-ui/Menu");
89
89
  // CONCATENATED MODULE: external "@splunk/themes"
90
- const m = require("@splunk/themes");
90
+ const y = require("@splunk/themes");
91
91
  // CONCATENATED MODULE: ./src/AnchorMenu/AnchorMenuStyles.ts
92
- var y = p().nav.withConfig({
92
+ var m = d().nav.withConfig({
93
93
  displayName: "AnchorMenuStyles__StyledAnchorMenu",
94
94
  componentId: "peh8x9-0"
95
- })([ "display:flex;flex-direction:column;min-width:200px;gap:", ";" ], m.variables.spacingSmall);
96
- var b = p()(v.Item).withConfig({
97
- displayName: "AnchorMenuStyles__StyledItem",
95
+ })([ "display:flex;flex-direction:column;min-width:200px;gap:", ";" ], y.variables.spacingSmall);
96
+ var h = d()(p()).withConfig({
97
+ displayName: "AnchorMenuStyles__StyledHeading",
98
98
  componentId: "peh8x9-1"
99
- })([ "display:inline-block;width:100%;&:focus{box-shadow:", ";z-index:1;}color:", ";font-weight:", ";", " &[aria-current]{background:", ";color:", ";border-inline-start:2px solid ", ";}" ], m.variables.focusShadow, m.variables.contentColorDefault, m.variables.fontWeightSemiBold, (function(e) {
100
- var r = e.$hideSpine;
101
- return !r ? (0, f.css)([ "border-inline-start:2px solid ", ";" ], m.variables.borderColorWeak) : "";
102
- }), m.variables.interactiveColorOverlaySelected, m.variables.contentColorActive, m.variables.interactiveColorAccent);
103
- var h = p().ul.withConfig({
104
- displayName: "AnchorMenuStyles__StyledAnchorMenuList",
99
+ })([ "flex-shrink:0;" ]);
100
+ var b = d()(v.Item).withConfig({
101
+ displayName: "AnchorMenuStyles__StyledItem",
105
102
  componentId: "peh8x9-2"
103
+ })([ "display:inline-block;width:100%;&:focus{box-shadow:", ";z-index:1;}color:", ";font-weight:", ";", " &[aria-current]{background:", ";color:", ";border-inline-start:2px solid ", ";}" ], y.variables.focusShadow, y.variables.contentColorDefault, y.variables.fontWeightSemiBold, (function(e) {
104
+ var n = e.$hideSpine;
105
+ return !n ? (0, s.css)([ "border-inline-start:2px solid ", ";" ], y.variables.borderColorWeak) : "";
106
+ }), y.variables.interactiveColorOverlaySelected, y.variables.contentColorActive, y.variables.interactiveColorAccent);
107
+ var g = d().ul.withConfig({
108
+ displayName: "AnchorMenuStyles__StyledAnchorMenuList",
109
+ componentId: "peh8x9-3"
106
110
  })([ "--parent-level:0;list-style:none;margin:0;padding:0;" ]);
107
- var g = p().li.withConfig({
111
+ var S = d().li.withConfig({
108
112
  displayName: "AnchorMenuStyles__StyledAnchorMenuItem",
109
- componentId: "peh8x9-3"
110
- })([ "--current-level:calc(var(--parent-level) + 1);& ", "{--parent-level:var(--current-level);}& ", "{padding-inline-start:calc(var(--current-level) * ", ");}" ], h, b, m.variables.spacingLarge);
113
+ componentId: "peh8x9-4"
114
+ })([ "--current-level:calc(var(--parent-level) + 1);& ", "{--parent-level:var(--current-level);}& ", "{padding-inline-start:calc(var(--current-level) * ", ");}" ], g, b, y.variables.spacingLarge);
111
115
  // CONCATENATED MODULE: ./src/AnchorMenu/Item.tsx
112
- function S() {
113
- return S = Object.assign ? Object.assign.bind() : function(e) {
114
- for (var r = 1; r < arguments.length; r++) {
115
- var n = arguments[r];
116
- for (var t in n) {
117
- ({}).hasOwnProperty.call(n, t) && (e[t] = n[t]);
116
+ function O() {
117
+ return O = Object.assign ? Object.assign.bind() : function(e) {
118
+ for (var n = 1; n < arguments.length; n++) {
119
+ var r = arguments[n];
120
+ for (var t in r) {
121
+ ({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
118
122
  }
119
123
  }
120
124
  return e;
121
- }, S.apply(null, arguments);
125
+ }, O.apply(null, arguments);
122
126
  }
123
- function O(e, r) {
127
+ function I(e, n) {
124
128
  if (null == e) return {};
125
- var n, t, l = I(e, r);
129
+ var r, t, l = w(e, n);
126
130
  if (Object.getOwnPropertySymbols) {
127
131
  var i = Object.getOwnPropertySymbols(e);
128
132
  for (t = 0; t < i.length; t++) {
129
- n = i[t], -1 === r.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (l[n] = e[n]);
133
+ r = i[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (l[r] = e[r]);
130
134
  }
131
135
  }
132
136
  return l;
133
137
  }
134
- function I(e, r) {
138
+ function w(e, n) {
135
139
  if (null == e) return {};
136
- var n = {};
140
+ var r = {};
137
141
  for (var t in e) {
138
142
  if ({}.hasOwnProperty.call(e, t)) {
139
- if (-1 !== r.indexOf(t)) continue;
140
- n[t] = e[t];
143
+ if (-1 !== n.indexOf(t)) continue;
144
+ r[t] = e[t];
141
145
  }
142
146
  }
143
- return n;
147
+ return r;
144
148
  }
145
- var w = {
149
+ var x = {
146
150
  children: i().node,
147
151
  elementRef: i().oneOfType([ i().func, i().object ]),
148
152
  itemId: i().string,
@@ -150,72 +154,72 @@
150
154
  onClick: i().func,
151
155
  to: i().string
152
156
  };
153
- function x(e) {
154
- var r = e.children, l = e.elementRef, i = e.itemId, a = e.label, o = e.onClick, c = e.to, u = O(e, [ "children", "elementRef", "itemId", "label", "onClick", "to" ]);
157
+ function j(e) {
158
+ var n = e.children, l = e.elementRef, i = e.itemId, a = e.label, o = e.onClick, c = e.to, s = I(e, [ "children", "elementRef", "itemId", "label", "onClick", "to" ]);
155
159
  // @docs-props-type AnchorMenuItemPropsBase
156
- var s = (0, n.useContext)(d), f = s.activeItemId, p = s.hideSpine;
160
+ var d = (0, r.useContext)(u), f = d.activeItemId, p = d.hideSpine;
157
161
  var v = i !== null && i !== void 0 ? i : c;
158
- var m = v != null && v === f;
162
+ var y = v != null && v === f;
159
163
 
160
- return t().createElement(g, S({
164
+ return t().createElement(S, O({
161
165
  ref: l
162
- }, u), t().createElement(b, {
166
+ }, s), t().createElement(b, {
163
167
  $hideSpine: p,
164
- "aria-current": m ? true : undefined,
168
+ "aria-current": y ? true : undefined,
165
169
  onClick: o,
166
170
  role: "link",
167
171
  to: c
168
- }, a), t().createElement(h, null, r));
172
+ }, a), t().createElement(g, null, n));
169
173
  }
170
- x.propTypes = w;
171
- /* harmony default export */ const j = x;
174
+ j.propTypes = x;
175
+ /* harmony default export */ const C = j;
172
176
  // CONCATENATED MODULE: ./src/AnchorMenu/AnchorMenu.tsx
173
- function C() {
174
- return C = Object.assign ? Object.assign.bind() : function(e) {
175
- for (var r = 1; r < arguments.length; r++) {
176
- var n = arguments[r];
177
- for (var t in n) {
178
- ({}).hasOwnProperty.call(n, t) && (e[t] = n[t]);
177
+ function A() {
178
+ return A = Object.assign ? Object.assign.bind() : function(e) {
179
+ for (var n = 1; n < arguments.length; n++) {
180
+ var r = arguments[n];
181
+ for (var t in r) {
182
+ ({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
179
183
  }
180
184
  }
181
185
  return e;
182
- }, C.apply(null, arguments);
186
+ }, A.apply(null, arguments);
183
187
  }
184
- function A(e, r) {
185
- return E(e) || _(e, r) || k(e, r) || M();
188
+ function M(e, n) {
189
+ return q(e) || E(e, n) || k(e, n) || _();
186
190
  }
187
- function M() {
191
+ function _() {
188
192
  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
189
193
  }
190
- function k(e, r) {
194
+ function k(e, n) {
191
195
  if (e) {
192
- if ("string" == typeof e) return P(e, r);
193
- var n = {}.toString.call(e).slice(8, -1);
194
- return "Object" === n && e.constructor && (n = e.constructor.name), "Map" === n || "Set" === n ? Array.from(e) : "Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? P(e, r) : void 0;
196
+ if ("string" == typeof e) return P(e, n);
197
+ var r = {}.toString.call(e).slice(8, -1);
198
+ 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) ? P(e, n) : void 0;
195
199
  }
196
200
  }
197
- function P(e, r) {
198
- (null == r || r > e.length) && (r = e.length);
199
- for (var n = 0, t = Array(r); n < r; n++) {
200
- t[n] = e[n];
201
+ function P(e, n) {
202
+ (null == n || n > e.length) && (n = e.length);
203
+ for (var r = 0, t = Array(n); r < n; r++) {
204
+ t[r] = e[r];
201
205
  }
202
206
  return t;
203
207
  }
204
- function _(e, r) {
205
- var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
206
- if (null != n) {
208
+ function E(e, n) {
209
+ var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
210
+ if (null != r) {
207
211
  var t, l, i, a, o = [], c = !0, u = !1;
208
212
  try {
209
- if (i = (n = n.call(e)).next, 0 === r) {
210
- if (Object(n) !== n) return;
213
+ if (i = (r = r.call(e)).next, 0 === n) {
214
+ if (Object(r) !== r) return;
211
215
  c = !1;
212
- } else for (;!(c = (t = i.call(n)).done) && (o.push(t.value), o.length !== r); c = !0) {
216
+ } else for (;!(c = (t = i.call(r)).done) && (o.push(t.value), o.length !== n); c = !0) {
213
217
  }
214
218
  } catch (e) {
215
219
  u = !0, l = e;
216
220
  } finally {
217
221
  try {
218
- if (!c && null != n["return"] && (a = n["return"](), Object(a) !== a)) return;
222
+ if (!c && null != r["return"] && (a = r["return"](), Object(a) !== a)) return;
219
223
  } finally {
220
224
  if (u) throw l;
221
225
  }
@@ -223,64 +227,64 @@
223
227
  return o;
224
228
  }
225
229
  }
226
- function E(e) {
230
+ function q(e) {
227
231
  if (Array.isArray(e)) return e;
228
232
  }
229
- function q(e, r) {
233
+ function T(e, n) {
230
234
  if (null == e) return {};
231
- var n, t, l = T(e, r);
235
+ var r, t, l = R(e, n);
232
236
  if (Object.getOwnPropertySymbols) {
233
237
  var i = Object.getOwnPropertySymbols(e);
234
238
  for (t = 0; t < i.length; t++) {
235
- n = i[t], -1 === r.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (l[n] = e[n]);
239
+ r = i[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (l[r] = e[r]);
236
240
  }
237
241
  }
238
242
  return l;
239
243
  }
240
- function T(e, r) {
244
+ function R(e, n) {
241
245
  if (null == e) return {};
242
- var n = {};
246
+ var r = {};
243
247
  for (var t in e) {
244
248
  if ({}.hasOwnProperty.call(e, t)) {
245
- if (-1 !== r.indexOf(t)) continue;
246
- n[t] = e[t];
249
+ if (-1 !== n.indexOf(t)) continue;
250
+ r[t] = e[t];
247
251
  }
248
252
  }
249
- return n;
253
+ return r;
250
254
  }
251
- var R = {
255
+ var N = {
252
256
  activeItemId: i().string,
253
257
  children: i().node,
254
258
  elementRef: i().oneOfType([ i().func, i().object ]),
255
259
  hideSpine: i().bool,
256
260
  label: i().string
257
261
  };
258
- var N = (0, c._)("On this page:");
259
- function D(e) {
260
- var r = e.activeItemId, l = e.children, i = e.elementRef, a = e.hideSpine, c = e.label, s = c === void 0 ? N : c, f = q(e, [ "activeItemId", "children", "elementRef", "hideSpine", "label" ]);
262
+ var D = (0, a._)("On this page:");
263
+ function $(e) {
264
+ var n = e.activeItemId, l = e.children, i = e.elementRef, a = e.hideSpine, c = e.label, s = c === void 0 ? D : c, d = T(e, [ "activeItemId", "children", "elementRef", "hideSpine", "label" ]);
261
265
  // @docs-props-type AnchorMenuPropsBase
262
- var p = (0, n.useMemo)((function() {
266
+ var f = (0, r.useMemo)((function() {
263
267
  return {
264
- activeItemId: r,
268
+ activeItemId: n,
265
269
  hideSpine: a
266
270
  };
267
- }), [ r, a ]);
268
- var v = (0, n.useState)((0, u.createDOMID)("anchor-menu-heading")), m = A(v, 1), b = m[0];
271
+ }), [ n, a ]);
272
+ var p = (0, r.useState)((0, o.createDOMID)("anchor-menu-heading")), v = M(p, 1), y = v[0];
269
273
 
270
- return t().createElement(y, C({
271
- "aria-labelledby": b,
274
+ return t().createElement(m, A({
275
+ "aria-labelledby": y,
272
276
  "data-test": "anchor-menu",
273
277
  ref: i
274
- }, f), s && t().createElement(o(), {
278
+ }, d), s && t().createElement(h, {
275
279
  level: 4,
276
- id: b
277
- }, s), t().createElement(d.Provider, {
278
- value: p
279
- }, t().createElement(h, null, l)));
280
+ id: y
281
+ }, s), t().createElement(u.Provider, {
282
+ value: f
283
+ }, t().createElement(g, null, l)));
280
284
  }
281
- D.propTypes = R;
282
- D.Item = j;
283
- /* harmony default export */ const $ = D;
285
+ $.propTypes = N;
286
+ $.Item = C;
287
+ /* harmony default export */ const H = $;
284
288
  // CONCATENATED MODULE: ./src/AnchorMenu/index.ts
285
- module.exports = r;
289
+ module.exports = n;
286
290
  /******/})();