@splunk/react-ui 4.39.0 → 4.40.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 (54) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/Card.js +3 -1
  3. package/Chip.js +133 -125
  4. package/ControlGroup.js +27 -30
  5. package/MIGRATION.mdx +31 -0
  6. package/Message.js +136 -123
  7. package/Multiselect.js +3147 -3130
  8. package/Number.js +23 -18
  9. package/Popover.js +2 -1
  10. package/Select.js +2072 -2064
  11. package/SplitButton.d.ts +2 -0
  12. package/TabBar.js +15 -12
  13. package/TabLayout.js +8 -2
  14. package/Table.js +229 -224
  15. package/WaitSpinner.js +1 -1
  16. package/package.json +2 -2
  17. package/types/src/Card/Card.d.ts +1 -0
  18. package/types/src/Card/Footer.d.ts +1 -0
  19. package/types/src/Chip/Chip.d.ts +3 -6
  20. package/types/src/ComboBox/ComboBox.d.ts +1 -1
  21. package/types/src/Multiselect/Compact.d.ts +1 -1
  22. package/types/src/Multiselect/Multiselect.d.ts +1 -1
  23. package/types/src/Multiselect/Normal.d.ts +1 -1
  24. package/types/src/Select/Select.d.ts +3 -1
  25. package/types/src/Select/SelectAllOption.d.ts +2 -2
  26. package/types/src/Select/SelectBase.d.ts +104 -66
  27. package/types/src/Select/docs/examples/Appearance.d.ts +0 -2
  28. package/types/src/Table/Cell.d.ts +0 -2
  29. package/types/src/Table/HeadInner.d.ts +5 -1
  30. package/types/src/WaitSpinner/WaitSpinner.d.ts +0 -1
  31. package/types/src/useControlled/index.d.ts +2 -0
  32. package/types/src/useControlled/useControlled.d.ts +21 -0
  33. package/types/src/useResizeObserver/index.d.ts +2 -0
  34. package/types/src/useResizeObserver/useResizeObserver.d.ts +12 -0
  35. package/useControlled.js +112 -0
  36. package/useKeyPress.d.ts +2 -0
  37. package/useResizeObserver.d.ts +2 -0
  38. package/useResizeObserver.js +137 -0
  39. package/types/src/Chip/docs/examples/Basic.d.ts +0 -2
  40. package/types/src/Chip/docs/examples/prisma/Appearance.d.ts +0 -2
  41. package/types/src/Color/docs/examples/prisma/Controlled.d.ts +0 -2
  42. package/types/src/Color/docs/examples/prisma/ThemeVariables.d.ts +0 -1
  43. package/types/src/Color/docs/examples/prisma/Uncontrolled.d.ts +0 -2
  44. package/types/src/Dropdown/docs/examples/prisma/Basic.d.ts +0 -2
  45. package/types/src/Dropdown/docs/examples/prisma/BasicMenu.d.ts +0 -2
  46. package/types/src/Dropdown/docs/examples/prisma/ControlledDropdown.d.ts +0 -2
  47. package/types/src/Dropdown/docs/examples/prisma/Dialog.d.ts +0 -2
  48. package/types/src/Dropdown/docs/examples/prisma/OtherToggles.d.ts +0 -2
  49. package/types/src/Dropdown/docs/examples/prisma/ScrollingMenu.d.ts +0 -2
  50. package/types/src/File/docs/examples/prisma/Disabled.d.ts +0 -12
  51. package/types/src/Message/docs/examples/Title.d.ts +0 -2
  52. package/types/src/WaitSpinner/docs/examples/prisma/Basic.d.ts +0 -2
  53. /package/types/src/Color/docs/examples/{prisma/CustomizedPalette.d.ts → CustomizedPalette.d.ts} +0 -0
  54. /package/types/src/Color/docs/examples/{prisma/HideInput.d.ts → HideInput.d.ts} +0 -0
package/SplitButton.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export { default } from './types/src/SplitButton';
2
+ export * from './types/src/SplitButton';
package/TabBar.js CHANGED
@@ -562,16 +562,19 @@
562
562
  width: B
563
563
  } : Y;
564
564
  var Z = p.isEnterprise;
565
- var ee = c ? c.toString() : "";
566
- var te = o === 0 || o ? "".concat(o === null || o === void 0 ? void 0 : o.toString()) : "";
567
- // title is used for CSS styling in TabStyles. labelValue and countValue needs to be included in the title.
568
- var re;
569
- if (Z) {
570
- // countValue needs unicode space for width to not change after it's clicked.
571
- var ne = te ? "(".concat(te, ")  ") : "";
572
- re = "".concat(ee, " ").concat(ne);
573
- } else {
574
- re = "".concat(ee, "    ").concat(te);
565
+ var ee = "";
566
+ // SUI-6877: if the label isn't a string, don't attempt to do this since it'll just be wrong
567
+ if (c && typeof c === "string") {
568
+ var te = c ? c.toString() : "";
569
+ var re = o === 0 || o ? "".concat(o === null || o === void 0 ? void 0 : o.toString()) : "";
570
+ // titleValue is used for CSS styling in TabStyles. labelValue and countValue needs to be included in the title.
571
+ if (Z) {
572
+ // countValue needs unicode space for width to not change after it's clicked.
573
+ var ne = re ? "(".concat(re, ")  ") : "";
574
+ ee = "".concat(te, " ").concat(ne);
575
+ } else {
576
+ ee = "".concat(te, "    ").concat(re);
577
+ }
575
578
  }
576
579
  var ie = H === x && L && !!m;
577
580
  var oe = n().createElement(M, {
@@ -613,7 +616,8 @@
613
616
  $icon: l && J !== "inline" ? true : undefined,
614
617
  disabled: G,
615
618
  style: X,
616
- elementRef: this.handleMount
619
+ elementRef: this.handleMount,
620
+ "data-title": ee
617
621
  }, d()(w, "elementRef"), {
618
622
  onClick: this.handleClick,
619
623
  onFocus: this.handleFocus,
@@ -622,7 +626,6 @@
622
626
  onMouseLeave: this.handleTooltipClose,
623
627
  role: "tab",
624
628
  tabIndex: r ? undefined : -1,
625
- "data-title": re,
626
629
  to: v,
627
630
  $hasMenu: !!m
628
631
  }), ae( n().createElement($, {
package/TabLayout.js CHANGED
@@ -346,8 +346,14 @@
346
346
  id: a
347
347
  });
348
348
  }
349
+ var l = {};
350
+ // tell TS that PanelProps can contain `data-title`
351
+ var u = o["data-title"];
352
+ if (u != null) {
353
+ l["data-title"] = u;
354
+ }
349
355
 
350
- return r().createElement(y().Tab, {
356
+ return r().createElement(y().Tab, _({
351
357
  count: o.count,
352
358
  icon: o.icon,
353
359
  key: o.panelId,
@@ -357,7 +363,7 @@
357
363
  ariaControls: a,
358
364
  tooltip: o.tooltip,
359
365
  disabled: o.disabled
360
- });
366
+ }, l));
361
367
  }));
362
368
  if (false) {}
363
369