@splunk/react-ui 4.22.0 → 4.23.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/List.js CHANGED
@@ -62,7 +62,7 @@
62
62
  // EXPORTS
63
63
  e.d(t, {
64
64
  Item: () => /* reexport */ v,
65
- default: () => /* reexport */ S
65
+ default: () => /* reexport */ P
66
66
  });
67
67
  // CONCATENATED MODULE: external "react"
68
68
  const r = require("react");
@@ -76,11 +76,11 @@
76
76
  // CONCATENATED MODULE: external "@splunk/themes"
77
77
  const c = require("@splunk/themes");
78
78
  // CONCATENATED MODULE: ./src/List/ListStyles.ts
79
- var f = a().ol.withConfig({
80
- displayName: "ListStyles__StyledOl",
79
+ var f = a().ul.withConfig({
80
+ displayName: "ListStyles__StyledUl",
81
81
  componentId: "sc-1yyh8l9-0"
82
82
  })([ "", ";", ";list-style-type:", ";padding-left:40px;margin-bottom:1.3em;margin-top:1em;" ], c.mixins.reset("block"), c.mixins.typography("body"), (function(e) {
83
- var t = e.$type;
83
+ var t = e.$listStyleType;
84
84
  return t;
85
85
  }));
86
86
  var p = a().li.withConfig({
@@ -194,21 +194,26 @@
194
194
  ordered: i().bool,
195
195
  type: i().oneOf([ "disc", "decimal", "lower-alpha", "upper-alpha" ])
196
196
  };
197
- function j(e) {
198
- var t = e.children, r = e.elementRef, o = e.type, i = o === void 0 ? "disc" : o, l = e.ordered, a = O(e, [ "children", "elementRef", "type", "ordered" ]);
197
+ var j = {
198
+ type: "disc"
199
+ };
200
+ function S(e) {
201
+ var t = e.children, r = e.elementRef, o = e.type, i = e.ordered, l = O(e, [ "children", "elementRef", "type", "ordered" ]);
199
202
  // @docs-props-type ListPropsBase
203
+ // Default prop value is "disc", we cannot determine if user or defaultProps is setting the value
200
204
  if (false) {}
201
205
 
202
206
  return n().createElement(f, b({
203
- as: !l && i === "disc" ? "ul" : "ol",
207
+ as: i || o !== "disc" ? "ol" : "ul",
204
208
  "data-test": "list",
205
209
  ref: r,
206
- $type: l || i === "decimal" ? "decimal" || 0 || 0 : i
207
- }, a), t);
210
+ $listStyleType: i ? "decimal" : o
211
+ }, l), t);
208
212
  }
209
- j.propTypes = g;
210
- j.Item = v;
211
- /* harmony default export */ const S = j;
213
+ S.propTypes = g;
214
+ S.defaultProps = j;
215
+ S.Item = v;
216
+ /* harmony default export */ const P = S;
212
217
  // CONCATENATED MODULE: ./src/List/index.ts
213
218
  module.exports = t;
214
219
  /******/})();
package/MIGRATION.mdx CHANGED
@@ -5,6 +5,20 @@ import Table from '@splunk/react-ui/Table';
5
5
 
6
6
  This document lists migration guidance for new features and breaking changes.
7
7
 
8
+ ## 4.23.0
9
+
10
+ ### Deprecated `JSONTree`'s `expandChildren="withShiftModifier"` value
11
+
12
+ #### Change
13
+ `JSONTree`'s `expandChildren="withShiftModifier"` value has been deprecated and will be removed in a future major version. A new prop `expandChildrenOnShiftKey` has been added to `JSONTree` to expand all descendant nodes when using `shift + click` or `shift + enter`.
14
+
15
+ #### Context
16
+ Separating the `shift + click` capability from `expandChildren` allows users to decide if they want to enable `shift + click` to expand all descendant nodes independently of
17
+ choosing to initially render the tree expanded.
18
+
19
+ #### Migration steps
20
+ Replace all usage of `JSONTree`'s `expandChildren="withShiftModifier"` value with the `expandChildrenOnShiftKey` prop.
21
+
8
22
  ## 4.18.0
9
23
 
10
24
  ### Deprecated `level="s"` and `level="ss"` and added new `variant` prop for `Heading`
package/Message.js CHANGED
@@ -180,7 +180,7 @@
180
180
  var D = I().div.withConfig({
181
181
  displayName: "MessageStyles__StyledContent",
182
182
  componentId: "eg66af-0"
183
- })([ "display:flex;align-items:baseline;", ";", " ", ";" ], (0, E.pick)({
183
+ })([ "display:flex;align-items:baseline;flex:1;", ";", " ", ";" ], (0, E.pick)({
184
184
  prisma: (0, P.css)([ "padding:", " 0;color:", ";" ], E.variables.spacingMedium, E.variables.contentColorActive),
185
185
  enterprise: (0, P.css)([ "padding:12px 0;" ])
186
186
  }), (0, E.pick)({